diff --git a/.vscode/settings.json b/.vscode/settings.json
index 6f3a291..5eb6807 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,3 +1,4 @@
{
- "liveServer.settings.port": 5501
+ // "liveServer.settings.port": 5501;
+ editor.disableMonospaceOptimizations: true;
}
\ No newline at end of file
diff --git a/app/app.js b/app/app.js
index e1ad6bf..2059a49 100644
--- a/app/app.js
+++ b/app/app.js
@@ -32,75 +32,48 @@ var router = new VueRouter({
});
-
var app = new Vue({
el: '#app',
-
router: router,
-
-
-
-
-
components:
{
-
- },
-
-
-
-
+ },
data:
{
- status: "laading",
+ status: "loading",
- sections: {},
+ sections: {},
+ /**
+ * Details of the current page/route.
+ */
+ activePage: {
+ id: "",
+ title: "",
+ fontAwesomeIconCss: ""
+ },
-
-
- /**
- * Details of the current page/route.
- */
- activePage: {
- id: "",
- title: "",
- fontAwesomeIconCss: ""
- },
-
-
- countryCodes: []
+ countryCodes: []
},
-
-
-
-
created()
- {
- this.sections = models.newDefaultSections();
+ {
+ this.sections = models.newDefaultSections();
+ console.log("this.sections=", this.sections);
- console.log("this.sections=", this.sections);
+ //-- Register all components
+ pageComponents.registerComponents();
- //-- Register all components
- pageComponents.registerComponents();
-
- //-- Get the component for the initial route path
- var initialRoute = this.$route.path;
- var component = pageComponents.getComponentByPath(initialRoute);
- this.setActivePageByComponent(component);
+ //-- Get the component for the initial route path
+ var initialRoute = this.$route.path;
+ var component = pageComponents.getComponentByPath(initialRoute);
+ this.setActivePageByComponent(component);
},
-
-
-
destroyed()
{
- },
-
-
-
+ },
mounted()
@@ -122,9 +95,6 @@ var app = new Vue({
},
-
-
-
methods: {
/**
* Set details of the currently selected "page" (route) from a registered component.
@@ -136,7 +106,7 @@ var app = new Vue({
this.activePage.id = component.id;
this.activePage.title = component.title;
this.activePage.fontAwesomeIconCss = component.fontAwesomeIcon;
- },
+ },
@@ -150,17 +120,12 @@ var app = new Vue({
this.activePage.fontAwesomeIconCss = "";
},
-
-
loadFromStorage: function()
{
var savedData = storage.getLocalStorage("sections");
-
this.populateSections(savedData);
},
-
-
populateSections: function(data)
{
if (data)
@@ -175,9 +140,6 @@ var app = new Vue({
}
}
},
-
-
-
loadCountryCodes: function()
{
console.log("loadCountryCodes(): data", countryCodes);
@@ -211,9 +173,6 @@ var app = new Vue({
return "";
},
-
-
-
displayLocation: function()
{
return this.sections.basics.location.city + ", " + this.getCountryName(this.sections.basics.location.countryCode);
@@ -242,9 +201,6 @@ var app = new Vue({
return 50;
}
},
-
-
-
languageFluencyAsPercent: function(index)
{
var fluency = this.$root.sections.skills[index].level;
@@ -266,9 +222,6 @@ var app = new Vue({
return 50;
}
},
-
-
-
workEndDate: function(index)
{
var endDate = this.$root.sections.work[index].endDate;
@@ -277,9 +230,6 @@ var app = new Vue({
return endDate;
},
-
-
-
projectEndDate: function(index)
{
var endDate = this.$root.sections.projects[index].endDate;
@@ -288,18 +238,12 @@ var app = new Vue({
return endDate;
},
-
-
-
dateMonthYear: function(dateString)
{
var dt = new Date(dateString);
return dt.getFullYear() + ", " + this.getMonthName(dt.getMonth() + 1);
},
-
-
-
getMonthName: function(monthNumber)
{
if (monthNumber == 1) return "January";
@@ -317,9 +261,6 @@ var app = new Vue({
return "";
},
-
-
-
/**
* Clear save data and reset the sections structure.
*/
@@ -335,9 +276,6 @@ var app = new Vue({
return false;
},
-
-
-
saveResume: function()
{
var response = confirm("Resume saved");
@@ -347,9 +285,6 @@ var app = new Vue({
alert("Resume saved");
return false;
},
-
-
-
/**
* Open the sidebar on smaller screens.
*/
@@ -372,9 +307,6 @@ var app = new Vue({
}
},
-
-
-
/**
* Open the sidebar on smaller screens.
*/
@@ -386,9 +318,6 @@ var app = new Vue({
mySidebar.style.display = "none";
overlayBg.style.display = "none";
},
-
-
-
/**
* Show the full-page loading overlay.
*/
@@ -406,9 +335,6 @@ var app = new Vue({
{
document.getElementById("full-page-overlay").style.display = "none";
},
-
-
-
/**
* Find and mark the main navigation item for the selected "current" page/route
*/
@@ -460,9 +386,6 @@ var app = new Vue({
}
}
},
-
-
-
/**
* Collapse or un-collapse a content element by setting its collapse state to opposite of current state.
* @param {string} id ID of the content element to collapse/un-collapse.
@@ -479,9 +402,6 @@ var app = new Vue({
x.className = x.className.replace(" w3-show", "");
}
},
-
-
-
/**
* Move the position of an element in an array.
*
@@ -528,9 +448,6 @@ var app = new Vue({
},
-
-
-
watch: {
/**
* Detect when a route changes.
diff --git a/components/preview_single_field.js b/components/preview_single_field.js
index cc84a67..3629134 100644
--- a/components/preview_single_field.js
+++ b/components/preview_single_field.js
@@ -1,7 +1,6 @@
Vue.component("preview-field", {
template: '#preview-single-field-template',
-
props: [
'label',
'value',
@@ -10,22 +9,16 @@ Vue.component("preview-field", {
'format',
],
-
-
mounted: function()
{
this.displayFormat = (this.format ? this.format : "");
},
-
-
destroyed: function()
{
},
-
-
data: function()
{
return {
@@ -34,8 +27,6 @@ Vue.component("preview-field", {
};
},
-
-
methods: {
getLabel: function()
{
diff --git a/index.html b/index.html
index e11f4ad..bd6e692 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,6 @@
-
@@ -48,9 +47,7 @@