CMS pages and format datatables pages

Author: ALPIXELMaiki

dist/build.js

@@ -45,14 +45,14 @@
     "phantomjs-prebuilt": "^2.1.14",
     "postcss-loader": "^1.3.3",
     "style-loader": "^0.13.1",
-    "vue-analytics": "^3.0.1",
     "vue-axios": "^1.2.2",
     "vue-cookie": "^1.1.3",
     "vue-head": "^2.0.10",
     "vue-highcharts": "0.0.9",
     "vue-loader": "^10.0.0",
     "vue-router": "^2.2.1",
     "vue-template-compiler": "^2.2",
+    "vue-ua": "^1.3.0",
     "vuelidate": "^0.4"
   }
 }

dist/build.js.map

@@ -1,5 +1,6 @@
 <script>
     import Vue from 'vue'
+    import lodash from 'lodash'
     import moment from 'moment'
     import accounting from 'accounting'
 
@@ -48,7 +49,7 @@
             return moment(date).fromNow()
         } else {
             return moment(date).locale(locale).fromNow()
-        }        
+        }
     })
 
 
@@ -61,15 +62,21 @@
         Use case : {{ "hello" | upper }} => "HELLO"
     */
     Vue.filter('upper', (str) => {
-        return str.toUpperCase()
+        return _.upperCase(str)
     })
     /*
         Use case : {{ "hello" | capitalize }} => "Hello"
     */
     Vue.filter('capitalize', (str) => {
-        return str.charAt(0).toUpperCase() + str.slice(1)
+        return _.upperFirst(str)
     })
+    /*
+        Use Case : {{ "very long string to truncate" | truncate (7) }} ==> "very..."
+    */
+    Vue.filter('truncate', (str, length = 30) => {
+        return _.truncate(str, {'length':length})
+    })
+
 
 
-    
 </script>

package.json

@@ -1,3 +1,81 @@
-{
-	"error": false
-}
+{
+	"error": false,
+    "pages": [
+        {
+            "id": 1,
+            "lang": "fr",
+            "type": "cms",
+            "dateCreated": "2017-03-16 19:25:13",
+            "dateUpdated": "2017-03-27 09:25:13",
+            "title": "1 - Transfert de deux grues Caillard situées sur le Port de Calais du quai Devot au quai Fournier",
+            "status": "published",
+            "url": "http://www.google.fr"
+        },
+        {
+            "id": 2,
+            "lang": "fr",
+            "type": "cms",
+            "dateCreated": "2017-03-20 19:25:13",
+            "dateUpdated": "2017-03-25 09:25:13",
+            "title": "2 -   Prestation de formation maritime \"CAPITAINE 200\" pour 2 agents.",
+            "status": "published",
+            "url": "http://www.google.fr",
+            "rewriting": "prestation-de-formation-maritime-capitaine-200-pour-2-agents"
+        },
+        {
+            "id": 3,
+            "lang": "fr",
+            "type": "cms",
+            "dateCreated": "2017-03-22 19:25:13",
+            "dateUpdated": "2017-03-27 10:25:13",
+            "title": "3 - Maintenance des compacteurs sur le site du Port Boulogne Calais",
+            "status": "published",
+            "url": "http://www.google.fr",
+            "rewriting": "maintenance-des-compacteurs-sur-le-site-du-port-boulogne-calais"
+        },
+        {
+            "id": 4,
+            "lang": "en",
+            "type": "cms",
+            "dateCreated": "2017-03-24 19:25:13",
+            "dateUpdated": "2017-03-27 08:25:13",
+            "title": "4 - Modernization of the management of the traffic of unaccompanied trailers",
+            "status": "published",
+            "url": "http://www.google.fr",
+            "rewriting": "modernization-of-the-management-of-the-traffic-of-unaccompanied-trailers"
+        },
+        {
+            "id": 5,
+            "lang": "en",
+            "type": "cms",
+            "dateCreated": "2017-02-24 19:25:13",
+            "dateUpdated": "2017-02-27 08:25:13",
+            "title": "5 -   Key facts and figures",
+            "status": "published",
+            "url": "http://www.google.fr",
+            "rewriting": "key-facts-and-figures"
+        },
+        {
+            "id": 6,
+            "lang": "fr",
+            "type": "cms",
+            "dateCreated": "2017-03-26 19:25:13",
+            "dateUpdated": "2017-03-26 19:25:13",
+            "title": "6 - Photothèque",
+            "status": "pending",
+            "url": "",
+            "rewriting": ""
+        },
+        {
+            "id": 7,
+            "lang": "en",
+            "type": "cms",
+            "dateCreated": "2017-03-26 19:25:13",
+            "dateUpdated": "2017-03-26 19:25:13",
+            "title": "7 - Video library",
+            "status": "pending",
+            "url": "",
+            "rewriting": ""
+        }
+    ]
+}

src/js/components/filters.vue

@@ -13,7 +13,7 @@ var routes = [
         component: require('./views/dashboard/dashboard.vue')
 
         // ... OU ...
-        
+
         // Chargement asynchrone du composant de webpack
         // component: resole => require(['./views/dashboard/dashboard.vue'], resolve)
     },
@@ -56,13 +56,13 @@ var routes = [
     {
         path: '/pages/news',
         name: 'news',
-        component: require('./views/pages/news.vue')
+        component: require('./views/pages/news/news.vue')
         // component: resolve => require(['./views/pages/news.vue'], resolve)
     },
     {
         path: '/pages/cms',
         name: 'cms',
-        component: require('./views/pages/cms.vue')
+        component: require('./views/pages/cms/cms.vue')
         // component: resolve => require(['./views/pages/cms.vue'], resolve)
     },
 
@@ -95,4 +95,4 @@ var router = new VueRouter({
     }
 })
 
-export default router
+export default router

src/js/fakeapi/cms.json

@@ -84,6 +84,8 @@
                                 <li>Statistiques</li>
                                 <li>Logs</li>
                                 <li>Notify</li>
+                                <li>File uploader</li>
+                                <li>Tinymce</li>
                             </ul>
                         </div>
                     </div>