Updating help information.
This commit is contained in:
Jason Snelders
parent
3eef8dbb61
commit
72df335e04
116
index.html
116
index.html
|
|
@ -150,32 +150,32 @@
|
|||
<p>
|
||||
<label for="label" class="w3-text-blue required-field"><b>Label</b></label>
|
||||
<input id="label" class="w3-input w3-border" type="text" v-model="$root.sections.basics.label" required>
|
||||
<small id="labelHelp" class="form-help text-muted">Your job or professional title (e.g. software developer, IT manager, graphic designer).</small>
|
||||
<small id="labelHelp" class="form-help text-muted">Job or professional title (e.g. software developer, IT manager, graphic designer).</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="picture" class="w3-text-blue"><b>Picture</b></label>
|
||||
<input id="picture" class="w3-input w3-border" type="text" v-model="$root.sections.basics.picture">
|
||||
<small id="pictureHelp" class="form-help text-muted">URL to your profile photo or avatar.</small>
|
||||
<small id="pictureHelp" class="form-help text-muted">URL (as per RFC 3986) to a image in JPEG or PNG format of your profile photo.</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="email" class="w3-text-blue"><b>Email</b></label>
|
||||
<input id="email" class="w3-input w3-border" type="text" v-model="$root.sections.basics.email" required>
|
||||
<small id="emailHelp" class="form-help text-muted">Your contact email address</small>
|
||||
<small id="emailHelp" class="form-help text-muted">Email address (e.g. person@domain.com)</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="phone" class="w3-text-blue"><b>Phone</b></label>
|
||||
<input id="phone" class="w3-input w3-border" type="text" v-model="$root.sections.basics.phone">
|
||||
<small id="phoneHelp" class="form-help text-muted">Your contact phone number.</small>
|
||||
<small id="phoneHelp" class="form-help text-muted">Phone numbers are stored as strings so use any format you like, e.g. 712-117-2923.</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="website" class="w3-text-blue"><b>Website</b></label>
|
||||
<input id="website" class="w3-input w3-border" type="text" v-model="$root.sections.basics.website">
|
||||
<small id="websiteHelp" class="form-help text-muted">Your website.</small>
|
||||
<small id="websiteHelp" class="form-help text-muted">URL (as per RFC 3986) to your website, e.g. personal homepage.</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="summary" class="w3-text-blue"><b>Summary</b></label>
|
||||
<textarea id="summary" rows="8" class="w3-input w3-border" type="text" v-model="$root.sections.basics.summary"></textarea>
|
||||
<small id="summaryHelp" class="form-help text-muted">About you, what your do, who you are, what you are looking for in your career.</small>
|
||||
<small id="summaryHelp" class="form-help text-muted">About yourself - what your do, who you are, what you are looking for in your career.</small>
|
||||
</p>
|
||||
|
||||
|
||||
|
|
@ -184,7 +184,7 @@
|
|||
<p>
|
||||
<label for="location.address" class="w3-text-blue"><b>Address</b></label>
|
||||
<input id="location.address" class="w3-input w3-border" type="text" v-model="$root.sections.basics.location.address">
|
||||
<small id="addressHelp" class="form-help text-muted">(Not recommended) Your street address</small>
|
||||
<small id="addressHelp" class="form-help text-muted">Your street address</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="location.postalCode" class="w3-text-blue"><b>Postal Code</b></label>
|
||||
|
|
@ -199,33 +199,34 @@
|
|||
<p>
|
||||
<label for="location.countryCode" class="w3-text-blue"><b>Country Code</b></label>
|
||||
<input id="location.countryCode" class="w3-input w3-border" type="text" v-model="$root.sections.basics.location.countryCode">
|
||||
<small id="countryCodeHelp" class="form-help text-muted">The 2-character country code (https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes)</small>
|
||||
<small id="countryCodeHelp" class="form-help text-muted">The 2-character country code per ISO-3166-1 ALPHA-2, e.g. US, AU, IN (https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes)</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="location.region" class="w3-text-blue"><b>Region</b></label>
|
||||
<input id="location.region" class="w3-input w3-border" type="text" v-model="$root.sections.basics.location.region">
|
||||
<small id="regionHelp" class="form-help text-muted">State or region</small>
|
||||
<small id="regionHelp" class="form-help text-muted">The general region or status where you live - e.g. a US state, or a province, for instance.</small>
|
||||
</p>
|
||||
</form>
|
||||
|
||||
<h5 class="margin-top-32">Social Network Profiles</h5>
|
||||
Specify any number of social networks that you participate in.
|
||||
<button type="button" class="w3-btn w3-white w3-border w3-border-blue w3-round w3-padding-small" v-on:click="addProfile">+ Add Profile</button>
|
||||
|
||||
<form class="w3-container w3-card-4 w3-margin-top" v-for="profile in $root.sections.basics.profiles">
|
||||
<p>
|
||||
<label for="profiles.network" class="w3-text-blue"><b>Network</b></label>
|
||||
<input id="profiles.network" class="w3-input w3-border" type="text" v-model="profile.network">
|
||||
<small id="networkHelp" class="form-help text-muted">Name of the network</small>
|
||||
<small id="networkHelp" class="form-help text-muted">Name of the network (e.g. LinkedIn, Facebook, Twitter)</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="profiles.username" class="w3-text-blue"><b>Username</b></label>
|
||||
<input id="profiles.username" class="w3-input w3-border" type="text" v-model="profile.username">
|
||||
<small id="usernameHelp" class="form-help text-muted">Your username in the network</small>
|
||||
<small id="usernameHelp" class="form-help text-muted">Your username in the network (e.g. "neutralthoughts")</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="profiles.url" class="w3-text-blue"><b>URL</b></label>
|
||||
<input id="profiles.url" class="w3-input w3-border" type="text" v-model="profile.url">
|
||||
<small id="urlHelp" class="form-help text-muted">URL to your profile in the network</small>
|
||||
<small id="urlHelp" class="form-help text-muted">URL to your profile in the network (e.g. http://twitter.example.com/neutralthoughts)</small>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
|
@ -274,27 +275,27 @@
|
|||
<p>
|
||||
<label for="company" class="w3-text-blue required-field"><b>Company</b></label>
|
||||
<input id="company" class="w3-input w3-border" type="text" v-model="work.company" required>
|
||||
<small id="companyHelp" class="form-help text-muted">Name of the company or organisation.</small>
|
||||
<small id="companyHelp" class="form-help text-muted">Name of the company or organisation where you worked.</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="position" class="w3-text-blue required-field"><b>Position</b></label>
|
||||
<input id="position" class="w3-input w3-border" type="text" v-model="work.position" required>
|
||||
<small id="positionHelp" class="form-help text-muted">Role or position title.</small>
|
||||
<small id="positionHelp" class="form-help text-muted">Your role or position title.</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="website" class="w3-text-blue"><b>Website</b></label>
|
||||
<input id="website" class="w3-input w3-border" type="text" v-model="work.website">
|
||||
<input id="website" class="w3-input w3-border" type="url" v-model="work.website">
|
||||
<small id="websiteHelp" class="form-help text-muted">Company website.</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="startDate" class="w3-text-blue"><b>Start Date</b></label>
|
||||
<input id="startDate" class="w3-input w3-border" type="text" v-model="work.startDate" required>
|
||||
<small id="startDateHelp" class="form-help text-muted">Date you started work (full date or month and year)</small>
|
||||
<input id="startDate" class="w3-input w3-border" type="month" v-model="work.startDate" required>
|
||||
<small id="startDateHelp" class="form-help text-muted">Date you started in the position.</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="endDate" class="w3-text-blue"><b>End Date</b></label>
|
||||
<input id="endDate" class="w3-input w3-border" type="text" v-model="work.endDate">
|
||||
<small id="endDateHelp" class="form-help text-muted">End date (if not current).</small>
|
||||
<input id="endDate" class="w3-input w3-border" type="month" v-model="work.endDate">
|
||||
<small id="endDateHelp" class="form-help text-muted">Date you finished in the position (leave blank if you are still currently in it).</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="summary" class="w3-text-blue"><b>Summary</b></label>
|
||||
|
|
@ -304,7 +305,7 @@
|
|||
|
||||
|
||||
<h5 class="margin-top-32">Highlights</h5>
|
||||
<small id="highlightsHelp" class="form-help text-muted">Short sentences and highlights of the position.</small>
|
||||
<small id="highlightsHelp" class="form-help text-muted">Briefly describe successes and outcomes (e.g. Increased profits by 20% from 2011-2012 through viral advertising).</small>
|
||||
|
||||
<button type="button" class="w3-btn w3-white w3-border w3-border-blue w3-round w3-padding-small" v-on:click="addHighlight(w_index)">+ Add Highlight</button>
|
||||
<ol>
|
||||
|
|
@ -357,17 +358,17 @@
|
|||
</p>
|
||||
<p>
|
||||
<label for="website" class="w3-text-blue"><b>Website</b></label>
|
||||
<input id="website" class="w3-input w3-border" type="text" v-model="vol.website">
|
||||
<input id="website" class="w3-input w3-border" type="url" v-model="vol.website">
|
||||
<small id="websiteHelp" class="form-help text-muted">Company website.</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="startDate" class="w3-text-blue"><b>Start Date</b></label>
|
||||
<input id="startDate" class="w3-input w3-border" type="text" v-model="vol.startDate" required>
|
||||
<input id="startDate" class="w3-input w3-border" type="month" v-model="vol.startDate" required>
|
||||
<small id="startDateHelp" class="form-help text-muted">Date you started work (full date or month and year)</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="endDate" class="w3-text-blue"><b>End Date</b></label>
|
||||
<input id="endDate" class="w3-input w3-border" type="text" v-model="vol.endDate">
|
||||
<input id="endDate" class="w3-input w3-border" type="month" v-model="vol.endDate">
|
||||
<small id="endDateHelp" class="form-help text-muted">End date (if not current).</small>
|
||||
</p>
|
||||
<p>
|
||||
|
|
@ -378,7 +379,7 @@
|
|||
|
||||
|
||||
<h5 class="margin-top-32">Highlights</h5>
|
||||
<small id="highlightsHelp" class="form-help text-muted">Short sentences and highlights of the position.</small>
|
||||
<small id="highlightsHelp" class="form-help text-muted">Briefly describe successes and outcomes (e.g. Increased profits by 20% from 2011-2012 through viral advertising).</small>
|
||||
|
||||
<button type="button" class="w3-btn w3-white w3-border w3-border-blue w3-round w3-padding-small" v-on:click="addHighlight(v_index)">+ Add Highlight</button>
|
||||
<ol>
|
||||
|
|
@ -422,36 +423,36 @@
|
|||
<p>
|
||||
<label for="institution" class="w3-text-blue required-field"><b>Institution</b></label>
|
||||
<input id="institution" class="w3-input w3-border" type="text" v-model="edu.institution" required>
|
||||
<small id="institutionHelp" class="form-help text-muted">Name of the institution.</small>
|
||||
<small id="institutionHelp" class="form-help text-muted">Name of the institution (e.g. Massachusetts Institute of Technology).</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="area" class="w3-text-blue required-field"><b>Area</b></label>
|
||||
<input id="area" class="w3-input w3-border" type="text" v-model="edu.area" required>
|
||||
<small id="areaHelp" class="form-help text-muted">Area of interest.</small>
|
||||
<small id="areaHelp" class="form-help text-muted">Discipline or area of interest (e.g. Arts).</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="studyType" class="w3-text-blue"><b>Study Type</b></label>
|
||||
<input id="studyType" class="w3-input w3-border" type="text" v-model="edu.studyType">
|
||||
<small id="studyTypeeHelp" class="form-help text-muted">Type of study.</small>
|
||||
<small id="studyTypeeHelp" class="form-help text-muted">Type of study (e.g. Bachelor, Masters, PhD).</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="startDate" class="w3-text-blue"><b>Start Date</b></label>
|
||||
<input id="startDate" class="w3-input w3-border" type="text" v-model="edu.startDate" required>
|
||||
<input id="startDate" class="w3-input w3-border" type="month" v-model="edu.startDate" required>
|
||||
<small id="startDateHelp" class="form-help text-muted">Date you started</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="endDate" class="w3-text-blue"><b>End Date</b></label>
|
||||
<input id="endDate" class="w3-input w3-border" type="text" v-model="edu.endDate">
|
||||
<input id="endDate" class="w3-input w3-border" type="month" v-model="edu.endDate">
|
||||
<small id="endDateHelp" class="form-help text-muted">Date completed study.</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="gpa" class="w3-text-blue"><b>GPA</b></label>
|
||||
<input id="gpa" class="w3-input w3-border" type="text" v-model="edu.gpa">
|
||||
<small id="gpaHelp" class="form-help text-muted">GPA</small>
|
||||
<small id="gpaHelp" class="form-help text-muted">Grade Point Average (e.g. 3.67/4.0).</small>
|
||||
</p>
|
||||
|
||||
<h5 class="margin-top-32">Courses</h5>
|
||||
<small id="highlightsHelp" class="form-help text-muted">Names of any courses taken.</small>
|
||||
<small id="highlightsHelp" class="form-help text-muted">List notable courses/subjects (e.g. H1302 - Introduction to American history).</small>
|
||||
|
||||
<button type="button" class="w3-btn w3-white w3-border w3-border-blue w3-round w3-padding-small" v-on:click="addCourse(e_index)">+ Add Course</button>
|
||||
<ol>
|
||||
|
|
@ -486,6 +487,7 @@
|
|||
|
||||
<template type="text/x-template" id="section-awards-template" lang="html">
|
||||
<div id="section-awards-root">
|
||||
Specify any awards you have received throughout your professional career.
|
||||
<button type="button" class="w3-btn w3-white w3-border w3-border-blue w3-round w3-padding-small" v-on:click="addAward">+ Add Award</button>
|
||||
|
||||
<div class="w3-row">
|
||||
|
|
@ -494,22 +496,22 @@
|
|||
<p>
|
||||
<label for="title" class="w3-text-blue required-field"><b>Title</b></label>
|
||||
<input id="title" class="w3-input w3-border" type="text" v-model="award.title" required>
|
||||
<small id="titleHelp" class="form-help text-muted">Name of the award.</small>
|
||||
<small id="titleHelp" class="form-help text-muted">Name of the award (e.g. One of the 100 greatest minds of the century).</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="date" class="w3-text-blue required-field"><b>Date</b></label>
|
||||
<input id="date" class="w3-input w3-border" type="text" v-model="award.date" required>
|
||||
<input id="date" class="w3-input w3-border" type="month" v-model="award.date" required>
|
||||
<small id="dateHelp" class="form-help text-muted">When the award was received</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="awarder" class="w3-text-blue"><b>Awarder</b></label>
|
||||
<input id="awarder" class="w3-input w3-border" type="text" v-model="award.awarder">
|
||||
<small id="awarderHelp" class="form-help text-muted">Who gave the aware.</small>
|
||||
<small id="awarderHelp" class="form-help text-muted">Who gave the award (e.g. Time Magazine).</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="summary" class="w3-text-blue"><b>Summary</b></label>
|
||||
<textarea id="summary" rows="8" class="w3-input w3-border" type="text" v-model="award.summary"></textarea>
|
||||
<small id="summaryHelp" class="form-help text-muted">Describe the award and circumstances.</small>
|
||||
<small id="summaryHelp" class="form-help text-muted">Describe the award and circumstances (e.g. Received for my work with Quantum Physics).</small>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
|
@ -529,6 +531,8 @@
|
|||
|
||||
<template type="text/x-template" id="section-publications-template" lang="html">
|
||||
<div id="section-publications-root">
|
||||
Specify your publications through your career.
|
||||
|
||||
<button type="button" class="w3-btn w3-white w3-border w3-border-blue w3-round w3-padding-small" v-on:click="addPublication">+ Add Publication</button>
|
||||
|
||||
<div class="w3-row">
|
||||
|
|
@ -537,27 +541,27 @@
|
|||
<p>
|
||||
<label for="name" class="w3-text-blue required-field"><b>Name</b></label>
|
||||
<input id="name" class="w3-input w3-border" type="text" v-model="publication.name" required>
|
||||
<small id="nameHelp" class="form-help text-muted">Name of the article.</small>
|
||||
<small id="nameHelp" class="form-help text-muted">Name of the article (e.g. The World Wide Web).</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="publisher" class="w3-text-blue required-field"><b>Publisher</b></label>
|
||||
<input id="publisher" class="w3-input w3-border" type="text" v-model="publication.publisher" required>
|
||||
<small id="publisherHelp" class="form-help text-muted">Name of the publication.</small>
|
||||
<small id="publisherHelp" class="form-help text-muted">Name of the publication (e.g. IEEE, Computer Magazine).</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="releaseDate" class="w3-text-blue"><b>Release Date</b></label>
|
||||
<input id="releaseDate" class="w3-input w3-border" type="text" v-model="publication.releaseDate" required>
|
||||
<small id="releaseDateDateHelp" class="form-help text-muted">When it was published (full date or month and year)</small>
|
||||
<input id="releaseDate" class="w3-input w3-border" type="month" v-model="publication.releaseDate" required>
|
||||
<small id="releaseDateDateHelp" class="form-help text-muted">When it was published.</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="website" class="w3-text-blue"><b>Website</b></label>
|
||||
<input id="website" class="w3-input w3-border" type="text" v-model="publication.website">
|
||||
<small id="websiteHelp" class="form-help text-muted">Publication website.</small>
|
||||
<input id="website" class="w3-input w3-border" type="url" v-model="publication.website">
|
||||
<small id="websiteHelp" class="form-help text-muted">URL of the publisher or the actual publication.</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="summary" class="w3-text-blue"><b>Summary</b></label>
|
||||
<textarea id="summary" rows="8" class="w3-input w3-border" type="text" v-model="publication.summary"></textarea>
|
||||
<small id="summaryHelp" class="form-help text-muted">Details of the article.</small>
|
||||
<small id="summaryHelp" class="form-help text-muted">Details of the article (e.g. Discussion of the World Wide Web, HTTP, HTML.).</small>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
|
@ -578,6 +582,9 @@
|
|||
|
||||
<template type="text/x-template" id="section-skills-template" lang="html">
|
||||
<div id="section-skills-root">
|
||||
<p>
|
||||
List out your professional skill-set.
|
||||
</p>
|
||||
<button type="button" class="w3-btn w3-white w3-border w3-border-blue w3-round w3-padding-small" v-on:click="addSkill">+ Add Skill</button>
|
||||
|
||||
<div class="w3-row">
|
||||
|
|
@ -586,16 +593,16 @@
|
|||
<p>
|
||||
<label for="name" class="w3-text-blue required-field"><b>Name</b></label>
|
||||
<input id="name" class="w3-input w3-border" type="text" v-model="skill.name" required>
|
||||
<small id="nameHelp" class="form-help text-muted">Name of a particular skill or a group of skills.</small>
|
||||
<small id="nameHelp" class="form-help text-muted">Name of a particular skill or a group of skills (e.g. Web Development).</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="level" class="w3-text-blue required-field"><b>Level</b></label>
|
||||
<input id="level" class="w3-input w3-border" type="text" v-model="skill.level" required>
|
||||
<small id="levelHelp" class="form-help text-muted">Your level of experience.</small>
|
||||
<small id="levelHelp" class="form-help text-muted">Your level of experience (e.g. Master).</small>
|
||||
</p>
|
||||
|
||||
<h5 class="margin-top-32">Keywords</h5>
|
||||
<small id="keywordsHelp" class="form-help text-muted">Keywords.</small>
|
||||
<small id="keywordsHelp" class="form-help text-muted">Keywords (e.g. HTML, CSS, JavaScript).</small>
|
||||
|
||||
<button type="button" class="w3-btn w3-white w3-border w3-border-blue w3-round w3-padding-small" v-on:click="addKeyword(s_index)">+ Add Keyword</button>
|
||||
<ol>
|
||||
|
|
@ -625,6 +632,9 @@
|
|||
|
||||
|
||||
<template type="text/x-template" id="section-languages-template" lang="html">
|
||||
<p>
|
||||
List any other languages you speak.
|
||||
</p>
|
||||
<div id="section-languages-root">
|
||||
<button type="button" class="w3-btn w3-white w3-border w3-border-blue w3-round w3-padding-small" v-on:click="addLanguage">+ Add Language</button>
|
||||
|
||||
|
|
@ -634,12 +644,12 @@
|
|||
<p>
|
||||
<label for="language" class="w3-text-blue required-field"><b>Language</b></label>
|
||||
<input id="language" class="w3-input w3-border" type="text" v-model="language.language" required>
|
||||
<small id="languageHelp" class="form-help text-muted">Name of the language.</small>
|
||||
<small id="languageHelp" class="form-help text-muted">Name of the language (e.g. English, Spanish).</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="fluency" class="w3-text-blue required-field"><b>Fluency</b></label>
|
||||
<input id="fluency" class="w3-input w3-border" type="text" v-model="language.fluency" required>
|
||||
<small id="fluencyHelp" class="form-help text-muted">Fluency in the language.</small>
|
||||
<small id="fluencyHelp" class="form-help text-muted">Fluency in the language (e.g. Fluent, Beginner).</small>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
|
@ -657,6 +667,7 @@
|
|||
|
||||
<template type="text/x-template" id="section-interests-template" lang="html">
|
||||
<div id="section-interests-root">
|
||||
|
||||
<button type="button" class="w3-btn w3-white w3-border w3-border-blue w3-round w3-padding-small" v-on:click="addInterest">+ Add Interest</button>
|
||||
|
||||
<div class="w3-row">
|
||||
|
|
@ -665,11 +676,11 @@
|
|||
<p>
|
||||
<label for="name" class="w3-text-blue required-field"><b>Name</b></label>
|
||||
<input id="name" class="w3-input w3-border" type="text" v-model="interest.name" required>
|
||||
<small id="nameHelp" class="form-help text-muted">Name of the intest.</small>
|
||||
<small id="nameHelp" class="form-help text-muted">Name of the intest (e.g. Philosophy).</small>
|
||||
</p>
|
||||
|
||||
|
||||
<h5 class="margin-top-32">Keywords</h5>
|
||||
<h5 class="margin-top-32">Keywords (e.g. Friedrich Nietzsche)</h5>
|
||||
<small id="keywordsHelp" class="form-help text-muted">Keywords relating to the interest.</small>
|
||||
|
||||
<button type="button" class="w3-btn w3-white w3-border w3-border-blue w3-round w3-padding-small" v-on:click="addKeyword(i_index)">+ Add Keyword</button>
|
||||
|
|
@ -694,12 +705,13 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
|
||||
|
||||
<template type="text/x-template" id="section-references-template" lang="html">
|
||||
<div id="section-references-root">
|
||||
List references you have received.
|
||||
<button type="button" class="w3-btn w3-white w3-border w3-border-blue w3-round w3-padding-small" v-on:click="addReference">+ Add Reference</button>
|
||||
|
||||
<div class="w3-row">
|
||||
|
|
@ -708,12 +720,12 @@
|
|||
<p>
|
||||
<label for="name" class="w3-text-blue required-field"><b>Name</b></label>
|
||||
<input id="name" class="w3-input w3-border" type="text" v-model="reference.name" required>
|
||||
<small id="nameHelp" class="form-help text-muted">Name of the person.</small>
|
||||
<small id="nameHelp" class="form-help text-muted">Name of the person (e.g. Don Long).</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="reference" class="w3-text-blue required-field"><b>Reference</b></label>
|
||||
<textarea id="reference" rows="8" class="w3-input w3-border" type="text" v-model="reference.reference"></textarea>
|
||||
<small id="referenceHelp" class="form-help text-muted">The reference given by the person.</small>
|
||||
<small id="referenceHelp" class="form-help text-muted">The reference given by the person (e.g. Joe blogs was a great employee, who turned up to work at least once a week. He exceeded my expectations when it came to doing nothing.).</small>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue