From d767b40475a38ec672d6438fbb94abe113d8b296 Mon Sep 17 00:00:00 2001 From: chris2fr Date: Thu, 15 Oct 2020 17:03:40 +0200 Subject: [PATCH] Set something on the top left to discriminate what I am looking at. --- .vscode/settings.json | 3 +- app/app.js | 129 +++++------------------------ components/preview_single_field.js | 9 -- index.html | 8 +- 4 files changed, 28 insertions(+), 121 deletions(-) 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 @@