WIP
This commit is contained in:
Jason Snelders
parent
b757404297
commit
653e764983
21
app/app.js
21
app/app.js
|
|
@ -197,6 +197,24 @@ var app = new Vue({
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
getCountryName: function(countryCode)
|
||||||
|
{
|
||||||
|
//console.log("getCountryName(" + countryCode + "/" + this.countryCodes.length +"): this.countryCodes=", this.countryCodes);
|
||||||
|
for (var i = 0; i < this.countryCodes.length; i++)
|
||||||
|
{
|
||||||
|
var country = this.countryCodes[i];
|
||||||
|
//console.log("country.code=" + country.code);
|
||||||
|
if (country.code == countryCode)
|
||||||
|
{
|
||||||
|
//console.log("country.name=" + country.name);
|
||||||
|
return country.name;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return "";
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
displayLocation: function()
|
displayLocation: function()
|
||||||
{
|
{
|
||||||
/*
|
/*
|
||||||
|
|
@ -207,8 +225,9 @@ var app = new Vue({
|
||||||
<preview-field label="Region" v-bind:value="$root.sections.basics.location.region"></preview-field>
|
<preview-field label="Region" v-bind:value="$root.sections.basics.location.region"></preview-field>
|
||||||
*/
|
*/
|
||||||
|
|
||||||
return this.sections.basics.location.city + ", " + this.sections.basics.location.countryCode;
|
return this.sections.basics.location.city + ", " + this.getCountryName(this.sections.basics.location.countryCode);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
skillLevelAsPercent: function(index)
|
skillLevelAsPercent: function(index)
|
||||||
|
|
|
||||||
41
index.html
41
index.html
|
|
@ -197,16 +197,14 @@
|
||||||
|
|
||||||
|
|
||||||
<h5 class="margin-top-32">Location</h5>
|
<h5 class="margin-top-32">Location</h5>
|
||||||
<small id="locationHelp" class="form-help text-muted">Where do you primarily live or work from?</small>
|
<small id="locationHelp" class="form-help text-muted">
|
||||||
|
Where do you primarily live or work from?<br>
|
||||||
|
All field are optional but City and/or Country are recommended.
|
||||||
|
</small>
|
||||||
<p>
|
<p>
|
||||||
<label for="location.address" class="w3-text-blue"><b>Address</b></label>
|
<label for="location.address" class="w3-text-blue"><b>Street Address</b></label>
|
||||||
<input id="location.address" class="w3-input w3-border" type="text" v-model="$root.sections.basics.location.address">
|
<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">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>
|
|
||||||
<input id="location.postalCode" class="w3-input w3-border" type="text" v-model="$root.sections.basics.location.postalCode">
|
|
||||||
<small id="postalCodeHelp" class="form-help text-muted">Post or Zip cod</small>
|
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<label for="location.city" class="w3-text-blue"><b>City</b></label>
|
<label for="location.city" class="w3-text-blue"><b>City</b></label>
|
||||||
|
|
@ -214,17 +212,22 @@
|
||||||
<small id="cityHelp" class="form-help text-muted">City or town</small>
|
<small id="cityHelp" class="form-help text-muted">City or town</small>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<label for="location.countryCode" class="w3-text-blue"><b>Country Code</b></label>
|
<label for="location.postalCode" class="w3-text-blue"><b>Postal/Zip Code</b></label>
|
||||||
|
<input id="location.postalCode" class="w3-input w3-border" type="text" v-model="$root.sections.basics.location.postalCode">
|
||||||
|
<!-- <small id="postalCodeHelp" class="form-help text-muted">Postal or Zip code</small> -->
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="location.region" class="w3-text-blue"><b>Region/State/Province</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">e.g. a state or province.</small> -->
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="location.countryCode" class="w3-text-blue"><b>Country</b></label>
|
||||||
<!-- <input id="location.countryCode" class="w3-input w3-border" type="text" v-model="$root.sections.basics.location.countryCode"> -->
|
<!-- <input id="location.countryCode" class="w3-input w3-border" type="text" v-model="$root.sections.basics.location.countryCode"> -->
|
||||||
<select class="w3-select" v-model="$root.sections.basics.location.countryCode">
|
<select class="w3-select" v-model="$root.sections.basics.location.countryCode">
|
||||||
<option v-for="countryCode in $root.countryCodes" v-bind:value="countryCode.code">{{countryCode.name}}</option>
|
<option v-for="countryCode in $root.countryCodes" v-bind:value="countryCode.code">{{countryCode.name}}</option>
|
||||||
</select>
|
</select>
|
||||||
<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>
|
<!-- <small id="countryCodeHelp" class="form-help text-muted">Country</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">The general region or status where you live - e.g. a US state, or a province, for instance.</small>
|
|
||||||
</p>
|
</p>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
@ -267,8 +270,8 @@
|
||||||
<preview-field label="Address" v-bind:value="$root.sections.basics.location.address"></preview-field>
|
<preview-field label="Address" v-bind:value="$root.sections.basics.location.address"></preview-field>
|
||||||
<preview-field label="Postal/Zip Code" v-bind:value="$root.sections.basics.location.postalCode"></preview-field>
|
<preview-field label="Postal/Zip Code" v-bind:value="$root.sections.basics.location.postalCode"></preview-field>
|
||||||
<preview-field label="City" v-bind:value="$root.sections.basics.location.city"></preview-field>
|
<preview-field label="City" v-bind:value="$root.sections.basics.location.city"></preview-field>
|
||||||
<preview-field label="Country Code" v-bind:value="$root.sections.basics.location.countryCode"></preview-field>
|
<preview-field label="Country Code" v-bind:value="$root.getCountryName($root.sections.basics.location.countryCode)"></preview-field>
|
||||||
<preview-field label="Region" v-bind:value="$root.sections.basics.location.region"></preview-field>
|
<preview-field label="Region/State/Province" v-bind:value="$root.sections.basics.location.region"></preview-field>
|
||||||
</div>
|
</div>
|
||||||
<div class="w3-container">
|
<div class="w3-container">
|
||||||
<h5 class="margin-top-32">Social Network Profiles</h5>
|
<h5 class="margin-top-32">Social Network Profiles</h5>
|
||||||
|
|
@ -292,7 +295,7 @@
|
||||||
|
|
||||||
<div class="w3-row margin-top-32">
|
<div class="w3-row margin-top-32">
|
||||||
<div class="w3-col m6">
|
<div class="w3-col m6">
|
||||||
<form class="w3-card-4" v-for="(work, w_index) in $root.sections.work">
|
<form class="w3-card-4 margin-top-32" v-for="(work, w_index) in $root.sections.work">
|
||||||
<card-header v-bind:label="work.company + ' - ' + work.position + ' (' + $root.dateMonthYear(work.startDate) + ')'" v-bind:id="w_index" v-on:delete-clicked="deleteClicked" v-on:move-up-clicked="moveUpClicked" v-on:move-down-clicked="moveDownClicked"></card-header>
|
<card-header v-bind:label="work.company + ' - ' + work.position + ' (' + $root.dateMonthYear(work.startDate) + ')'" v-bind:id="w_index" v-on:delete-clicked="deleteClicked" v-on:move-up-clicked="moveUpClicked" v-on:move-down-clicked="moveDownClicked"></card-header>
|
||||||
|
|
||||||
<div class="w3-container w3-hide" v-bind:id="'content' + w_index">
|
<div class="w3-container w3-hide" v-bind:id="'content' + w_index">
|
||||||
|
|
@ -806,7 +809,7 @@
|
||||||
|
|
||||||
<div class="w3-row margin-top-32">
|
<div class="w3-row margin-top-32">
|
||||||
<div class="w3-col m6">
|
<div class="w3-col m6">
|
||||||
<form class="w3-card-4" v-for="(project, p_index) in $root.sections.projects">
|
<form class="w3-card-4 margin-top-32" v-for="(project, p_index) in $root.sections.projects">
|
||||||
<card-header v-bind:label="project.name + ' (' + $root.dateMonthYear(project.startDate) + ')'" v-bind:id="p_index" v-on:delete-clicked="deleteClicked" v-on:move-up-clicked="moveUpClicked" v-on:move-down-clicked="moveDownClicked"></card-header>
|
<card-header v-bind:label="project.name + ' (' + $root.dateMonthYear(project.startDate) + ')'" v-bind:id="p_index" v-on:delete-clicked="deleteClicked" v-on:move-up-clicked="moveUpClicked" v-on:move-down-clicked="moveDownClicked"></card-header>
|
||||||
|
|
||||||
<div class="w3-container w3-hide" v-bind:id="'content' + p_index">
|
<div class="w3-container w3-hide" v-bind:id="'content' + p_index">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue