WIP - Country codes improvement
This commit is contained in:
Jason Snelders
parent
fd514a6e88
commit
b757404297
26
app/app.js
26
app/app.js
|
|
@ -66,7 +66,10 @@ var app = new Vue({
|
|||
id: "",
|
||||
title: "",
|
||||
fontAwesomeIconCss: ""
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
countryCodes: []
|
||||
},
|
||||
|
||||
|
||||
|
|
@ -102,6 +105,7 @@ var app = new Vue({
|
|||
|
||||
mounted()
|
||||
{
|
||||
this.loadCountryCodes();
|
||||
this.loadFromStorage();
|
||||
|
||||
// Set the "current" main navigation item based on the current route.
|
||||
|
|
@ -173,6 +177,26 @@ var app = new Vue({
|
|||
},
|
||||
|
||||
|
||||
|
||||
loadCountryCodes: function()
|
||||
{
|
||||
console.log("loadCountryCodes(): data", countryCodes);
|
||||
|
||||
this.countryCodes.push({
|
||||
"code": "",
|
||||
"name": "--Select a country--"
|
||||
});
|
||||
|
||||
for (var property in countryCodes)
|
||||
{
|
||||
this.countryCodes.push({
|
||||
"code": property,
|
||||
"name": countryCodes[property]
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
displayLocation: function()
|
||||
{
|
||||
/*
|
||||
|
|
|
|||
|
|
@ -0,0 +1,249 @@
|
|||
|
||||
// iso-3166-1 alpha-2 country codes: https://gist.github.com/ssskip/5a94bfcd2835bf1dea52
|
||||
var countryCodes = {
|
||||
"AF": "Afghanistan",
|
||||
"AX": "Aland Islands",
|
||||
"AL": "Albania",
|
||||
"DZ": "Algeria",
|
||||
"AS": "American Samoa",
|
||||
"AD": "Andorra",
|
||||
"AO": "Angola",
|
||||
"AI": "Anguilla",
|
||||
"AQ": "Antarctica",
|
||||
"AG": "Antigua And Barbuda",
|
||||
"AR": "Argentina",
|
||||
"AM": "Armenia",
|
||||
"AW": "Aruba",
|
||||
"AU": "Australia",
|
||||
"AT": "Austria",
|
||||
"AZ": "Azerbaijan",
|
||||
"BS": "Bahamas",
|
||||
"BH": "Bahrain",
|
||||
"BD": "Bangladesh",
|
||||
"BB": "Barbados",
|
||||
"BY": "Belarus",
|
||||
"BE": "Belgium",
|
||||
"BZ": "Belize",
|
||||
"BJ": "Benin",
|
||||
"BM": "Bermuda",
|
||||
"BT": "Bhutan",
|
||||
"BO": "Bolivia",
|
||||
"BA": "Bosnia And Herzegovina",
|
||||
"BW": "Botswana",
|
||||
"BV": "Bouvet Island",
|
||||
"BR": "Brazil",
|
||||
"IO": "British Indian Ocean Territory",
|
||||
"BN": "Brunei Darussalam",
|
||||
"BG": "Bulgaria",
|
||||
"BF": "Burkina Faso",
|
||||
"BI": "Burundi",
|
||||
"KH": "Cambodia",
|
||||
"CM": "Cameroon",
|
||||
"CA": "Canada",
|
||||
"CV": "Cape Verde",
|
||||
"KY": "Cayman Islands",
|
||||
"CF": "Central African Republic",
|
||||
"TD": "Chad",
|
||||
"CL": "Chile",
|
||||
"CN": "China",
|
||||
"CX": "Christmas Island",
|
||||
"CC": "Cocos (Keeling) Islands",
|
||||
"CO": "Colombia",
|
||||
"KM": "Comoros",
|
||||
"CG": "Congo",
|
||||
"CD": "Congo, Democratic Republic",
|
||||
"CK": "Cook Islands",
|
||||
"CR": "Costa Rica",
|
||||
"CI": "Cote D\"Ivoire",
|
||||
"HR": "Croatia",
|
||||
"CU": "Cuba",
|
||||
"CY": "Cyprus",
|
||||
"CZ": "Czech Republic",
|
||||
"DK": "Denmark",
|
||||
"DJ": "Djibouti",
|
||||
"DM": "Dominica",
|
||||
"DO": "Dominican Republic",
|
||||
"EC": "Ecuador",
|
||||
"EG": "Egypt",
|
||||
"SV": "El Salvador",
|
||||
"GQ": "Equatorial Guinea",
|
||||
"ER": "Eritrea",
|
||||
"EE": "Estonia",
|
||||
"ET": "Ethiopia",
|
||||
"FK": "Falkland Islands (Malvinas)",
|
||||
"FO": "Faroe Islands",
|
||||
"FJ": "Fiji",
|
||||
"FI": "Finland",
|
||||
"FR": "France",
|
||||
"GF": "French Guiana",
|
||||
"PF": "French Polynesia",
|
||||
"TF": "French Southern Territories",
|
||||
"GA": "Gabon",
|
||||
"GM": "Gambia",
|
||||
"GE": "Georgia",
|
||||
"DE": "Germany",
|
||||
"GH": "Ghana",
|
||||
"GI": "Gibraltar",
|
||||
"GR": "Greece",
|
||||
"GL": "Greenland",
|
||||
"GD": "Grenada",
|
||||
"GP": "Guadeloupe",
|
||||
"GU": "Guam",
|
||||
"GT": "Guatemala",
|
||||
"GG": "Guernsey",
|
||||
"GN": "Guinea",
|
||||
"GW": "Guinea-Bissau",
|
||||
"GY": "Guyana",
|
||||
"HT": "Haiti",
|
||||
"HM": "Heard Island & Mcdonald Islands",
|
||||
"VA": "Holy See (Vatican City State)",
|
||||
"HN": "Honduras",
|
||||
"HK": "Hong Kong",
|
||||
"HU": "Hungary",
|
||||
"IS": "Iceland",
|
||||
"IN": "India",
|
||||
"ID": "Indonesia",
|
||||
"IR": "Iran, Islamic Republic Of",
|
||||
"IQ": "Iraq",
|
||||
"IE": "Ireland",
|
||||
"IM": "Isle Of Man",
|
||||
"IL": "Israel",
|
||||
"IT": "Italy",
|
||||
"JM": "Jamaica",
|
||||
"JP": "Japan",
|
||||
"JE": "Jersey",
|
||||
"JO": "Jordan",
|
||||
"KZ": "Kazakhstan",
|
||||
"KE": "Kenya",
|
||||
"KI": "Kiribati",
|
||||
"KR": "Korea",
|
||||
"KW": "Kuwait",
|
||||
"KG": "Kyrgyzstan",
|
||||
"LA": "Lao People\"s Democratic Republic",
|
||||
"LV": "Latvia",
|
||||
"LB": "Lebanon",
|
||||
"LS": "Lesotho",
|
||||
"LR": "Liberia",
|
||||
"LY": "Libyan Arab Jamahiriya",
|
||||
"LI": "Liechtenstein",
|
||||
"LT": "Lithuania",
|
||||
"LU": "Luxembourg",
|
||||
"MO": "Macao",
|
||||
"MK": "Macedonia",
|
||||
"MG": "Madagascar",
|
||||
"MW": "Malawi",
|
||||
"MY": "Malaysia",
|
||||
"MV": "Maldives",
|
||||
"ML": "Mali",
|
||||
"MT": "Malta",
|
||||
"MH": "Marshall Islands",
|
||||
"MQ": "Martinique",
|
||||
"MR": "Mauritania",
|
||||
"MU": "Mauritius",
|
||||
"YT": "Mayotte",
|
||||
"MX": "Mexico",
|
||||
"FM": "Micronesia, Federated States Of",
|
||||
"MD": "Moldova",
|
||||
"MC": "Monaco",
|
||||
"MN": "Mongolia",
|
||||
"ME": "Montenegro",
|
||||
"MS": "Montserrat",
|
||||
"MA": "Morocco",
|
||||
"MZ": "Mozambique",
|
||||
"MM": "Myanmar",
|
||||
"NA": "Namibia",
|
||||
"NR": "Nauru",
|
||||
"NP": "Nepal",
|
||||
"NL": "Netherlands",
|
||||
"AN": "Netherlands Antilles",
|
||||
"NC": "New Caledonia",
|
||||
"NZ": "New Zealand",
|
||||
"NI": "Nicaragua",
|
||||
"NE": "Niger",
|
||||
"NG": "Nigeria",
|
||||
"NU": "Niue",
|
||||
"NF": "Norfolk Island",
|
||||
"MP": "Northern Mariana Islands",
|
||||
"NO": "Norway",
|
||||
"OM": "Oman",
|
||||
"PK": "Pakistan",
|
||||
"PW": "Palau",
|
||||
"PS": "Palestinian Territory, Occupied",
|
||||
"PA": "Panama",
|
||||
"PG": "Papua New Guinea",
|
||||
"PY": "Paraguay",
|
||||
"PE": "Peru",
|
||||
"PH": "Philippines",
|
||||
"PN": "Pitcairn",
|
||||
"PL": "Poland",
|
||||
"PT": "Portugal",
|
||||
"PR": "Puerto Rico",
|
||||
"QA": "Qatar",
|
||||
"RE": "Reunion",
|
||||
"RO": "Romania",
|
||||
"RU": "Russian Federation",
|
||||
"RW": "Rwanda",
|
||||
"BL": "Saint Barthelemy",
|
||||
"SH": "Saint Helena",
|
||||
"KN": "Saint Kitts And Nevis",
|
||||
"LC": "Saint Lucia",
|
||||
"MF": "Saint Martin",
|
||||
"PM": "Saint Pierre And Miquelon",
|
||||
"VC": "Saint Vincent And Grenadines",
|
||||
"WS": "Samoa",
|
||||
"SM": "San Marino",
|
||||
"ST": "Sao Tome And Principe",
|
||||
"SA": "Saudi Arabia",
|
||||
"SN": "Senegal",
|
||||
"RS": "Serbia",
|
||||
"SC": "Seychelles",
|
||||
"SL": "Sierra Leone",
|
||||
"SG": "Singapore",
|
||||
"SK": "Slovakia",
|
||||
"SI": "Slovenia",
|
||||
"SB": "Solomon Islands",
|
||||
"SO": "Somalia",
|
||||
"ZA": "South Africa",
|
||||
"GS": "South Georgia And Sandwich Isl.",
|
||||
"ES": "Spain",
|
||||
"LK": "Sri Lanka",
|
||||
"SD": "Sudan",
|
||||
"SR": "Suriname",
|
||||
"SJ": "Svalbard And Jan Mayen",
|
||||
"SZ": "Swaziland",
|
||||
"SE": "Sweden",
|
||||
"CH": "Switzerland",
|
||||
"SY": "Syrian Arab Republic",
|
||||
"TW": "Taiwan",
|
||||
"TJ": "Tajikistan",
|
||||
"TZ": "Tanzania",
|
||||
"TH": "Thailand",
|
||||
"TL": "Timor-Leste",
|
||||
"TG": "Togo",
|
||||
"TK": "Tokelau",
|
||||
"TO": "Tonga",
|
||||
"TT": "Trinidad And Tobago",
|
||||
"TN": "Tunisia",
|
||||
"TR": "Turkey",
|
||||
"TM": "Turkmenistan",
|
||||
"TC": "Turks And Caicos Islands",
|
||||
"TV": "Tuvalu",
|
||||
"UG": "Uganda",
|
||||
"UA": "Ukraine",
|
||||
"AE": "United Arab Emirates",
|
||||
"GB": "United Kingdom",
|
||||
"US": "United States",
|
||||
"UM": "United States Outlying Islands",
|
||||
"UY": "Uruguay",
|
||||
"UZ": "Uzbekistan",
|
||||
"VU": "Vanuatu",
|
||||
"VE": "Venezuela",
|
||||
"VN": "Viet Nam",
|
||||
"VG": "Virgin Islands, British",
|
||||
"VI": "Virgin Islands, U.S.",
|
||||
"WF": "Wallis And Futuna",
|
||||
"EH": "Western Sahara",
|
||||
"YE": "Yemen",
|
||||
"ZM": "Zambia",
|
||||
"ZW": "Zimbabwe"
|
||||
}
|
||||
21
index.html
21
index.html
|
|
@ -165,12 +165,12 @@
|
|||
<small id="nameHelp" class="form-help text-muted">Your full name.</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="label" class="w3-text-blue required-field"><b>Label</b></label>
|
||||
<label for="label" class="w3-text-blue required-field"><b>Professional Title</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">Job or professional title (e.g. software developer, IT manager, graphic designer).</small>
|
||||
<small id="labelHelp" class="form-help text-muted">e.g. software developer, IT manager, graphic designer.</small>
|
||||
</p>
|
||||
<p>
|
||||
<label for="picture" class="w3-text-blue"><b>Picture</b></label>
|
||||
<label for="picture" class="w3-text-blue"><b>Profile 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 (as per RFC 3986) to a image in JPEG or PNG format of your profile photo.</small>
|
||||
</p>
|
||||
|
|
@ -197,7 +197,7 @@
|
|||
|
||||
|
||||
<h5 class="margin-top-32">Location</h5>
|
||||
<small id="locationHelp" class="form-help text-muted">Where are you located?</small>
|
||||
<small id="locationHelp" class="form-help text-muted">Where do you primarily live or work from?</small>
|
||||
<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">
|
||||
|
|
@ -215,7 +215,10 @@
|
|||
</p>
|
||||
<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">
|
||||
<!-- <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">
|
||||
<option v-for="countryCode in $root.countryCodes" v-bind:value="countryCode.code">{{countryCode.name}}</option>
|
||||
</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>
|
||||
</p>
|
||||
<p>
|
||||
|
|
@ -226,7 +229,7 @@
|
|||
</form>
|
||||
|
||||
<h5 class="margin-top-32">Social Network Profiles</h5>
|
||||
Specify any number of social networks that you participate in.
|
||||
Any 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">
|
||||
|
|
@ -250,8 +253,8 @@
|
|||
<div class="w3-col m6">
|
||||
<div class="preview w3-container w3-card-4 w3-padding-16 w3-margin-left">
|
||||
<preview-field label="Full Name" v-bind:value="$root.sections.basics.name"></preview-field>
|
||||
<preview-field label="Label" v-bind:value="$root.sections.basics.label"></preview-field>
|
||||
<preview-field label="Picture" v-bind:value="$root.sections.basics.picture" format="url"></preview-field>
|
||||
<preview-field label="Professional Title" v-bind:value="$root.sections.basics.label"></preview-field>
|
||||
<preview-field label="Profile Picture" v-bind:value="$root.sections.basics.picture" format="url"></preview-field>
|
||||
<preview-field label="" v-bind:value="$root.sections.basics.picture" format="image"></preview-field>
|
||||
|
||||
<preview-field label="Email" v-bind:value="$root.sections.basics.email" format="email"></preview-field>
|
||||
|
|
@ -1304,6 +1307,8 @@
|
|||
|
||||
|
||||
<!-- Scripts -->
|
||||
<script type="text/javascript" src="data/data.js"></script>
|
||||
|
||||
<script type="text/javascript" src="scripts/storage.js"></script>
|
||||
<script type="text/javascript" src="scripts/models.js"></script>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue