Refactor projects.js

app/server/static/bundle/projects.js

@@ -460,7 +460,7 @@ eval("var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn th
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);\n\n\n\nconst vm = new vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"]({\n  el: '#projects_root',\n  delimiters: ['[[', ']]'],\n  data: {\n    items: [],\n    selectedType: 'All',\n    isActive: false,\n  },\n\n  methods: {\n    get_projects() {\n      const baseUrl = window.location.href.split('/').slice(0, 3).join('/');\n      axios__WEBPACK_IMPORTED_MODULE_1___default.a.get(`${baseUrl}/api/projects`).then((response) => {\n        this.items = response.data;\n      });\n    },\n\n    updateSelectedType(type) {\n      this.selectedType = type;\n    },\n  },\n\n  computed: {\n    uniqueProjectTypes() {\n      const types = [];\n      for (let i = 0; i < this.items.length; i++) {\n        const item = this.items[i];\n        types.push(item.project_type);\n      }\n      const uniqueTypes = Array.from(new Set(types));\n\n      return uniqueTypes;\n    },\n\n    filteredProjects() {\n      // filter projects\n      const projects = [];\n      for (let i = 0; i < this.items.length; i++) {\n        const item = this.items[i];\n        if ((this.selectedType === 'All') || (item.project_type === this.selectedType)) {\n          projects.push(item);\n        }\n      }\n      // create nested projects\n      const nestedProjects = [];\n      for (let i = 0; i < Math.ceil(projects.length / 3); i++) {\n        const p = projects.slice(i * 3, (i + 1) * 3);\n        nestedProjects.push(p);\n      }\n      return nestedProjects;\n    },\n  },\n\n  created() {\n    this.get_projects();\n  },\n});\n\n\n//# sourceURL=webpack:///./static/js/projects.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);\n\n\n\nconst vm = new vue__WEBPACK_IMPORTED_MODULE_0__[\"default\"]({\n  el: '#projects_root',\n  delimiters: ['[[', ']]'],\n  data: {\n    items: [],\n    selectedType: 'All',\n    isActive: false,\n  },\n\n  methods: {\n    getProjects() {\n      const baseUrl = window.location.href.split('/').slice(0, 3).join('/');\n      axios__WEBPACK_IMPORTED_MODULE_1___default.a.get(`${baseUrl}/api/projects`).then((response) => {\n        this.items = response.data;\n      });\n    },\n\n    updateSelectedType(type) {\n      this.selectedType = type;\n    },\n  },\n\n  computed: {\n    uniqueProjectTypes() {\n      const types = [];\n      for (let i = 0; i < this.items.length; i++) {\n        const item = this.items[i];\n        types.push(item.project_type);\n      }\n      const uniqueTypes = Array.from(new Set(types));\n\n      return uniqueTypes;\n    },\n\n    filteredProjects() {\n      // filter projects\n      const projects = [];\n      for (let i = 0; i < this.items.length; i++) {\n        const item = this.items[i];\n        if ((this.selectedType === 'All') || (item.project_type === this.selectedType)) {\n          projects.push(item);\n        }\n      }\n      // create nested projects\n      const nestedProjects = [];\n      for (let i = 0; i < Math.ceil(projects.length / 3); i++) {\n        const p = projects.slice(i * 3, (i + 1) * 3);\n        nestedProjects.push(p);\n      }\n      return nestedProjects;\n    },\n  },\n\n  created() {\n    this.getProjects();\n  },\n});\n\n\n//# sourceURL=webpack:///./static/js/projects.js?");
 
 /***/ })
 

app/server/static/js/projects.js

@@ -11,7 +11,7 @@ const vm = new Vue({
   },
 
   methods: {
-    get_projects() {
+    getProjects() {
       const baseUrl = window.location.href.split('/').slice(0, 3).join('/');
       axios.get(`${baseUrl}/api/projects`).then((response) => {
         this.items = response.data;
@@ -55,6 +55,6 @@ const vm = new Vue({
   },
 
   created() {
-    this.get_projects();
+    this.getProjects();
   },
 });