feat: Add media menagement

Author: rakieta2015

coreui/package-lock.json

@@ -29,9 +29,10 @@
     "@coreui/coreui-vue-chartjs": "^1.0.0",
     "@coreui/icons": "^1.0.0-beta.3",
     "@coreui/vue": "coreui/coreui-vue#3.0.0-beta.3",
+    "axios": "^0.19.0",
+    "cropperjs": "^1.5.6",
     "vue": "^2.6.10",
-    "vue-router": "^3.1.3",
-    "axios": "^0.19.0"
+    "vue-router": "^3.1.3"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.1.1",

coreui/package.json

@@ -7,4 +7,13 @@
   width: 1.2rem;
   height: 1.2rem;
   font-size: 1.2rem;
-}
+}
+
+.click-file{
+  cursor:pointer;
+}
+
+#cropp-img-img{
+  max-width:500px;
+  max-height:500px;
+}

coreui/src/assets/scss/_custom.scss

@@ -19,8 +19,8 @@
     />
     <CHeaderNav class="d-md-down-none mr-auto">
       <CHeaderNavItem class="px-3">
-        <CHeaderNavLink to="/dashboard">
-          Dashboard
+        <CHeaderNavLink to="/media">
+          Media
         </CHeaderNavLink>
       </CHeaderNavItem>
       <CHeaderNavItem class="px-3">

coreui/src/containers/TheHeader.vue

@@ -65,6 +65,7 @@ const EditNote = () => import('@/views/notes/EditNote')
 const CreateNote = () => import('@/views/notes/CreateNote')
 
 const EditMenu = () => import('@/views/menu/EditMenu')
+const Media = () => import('@/views/media/Media')
 
 Vue.use(Router)
 
@@ -88,6 +89,11 @@ function configRoutes () {
           name: 'Edit Menu',
           component: EditMenu
         },
+        {
+          path: 'media',
+          name: 'Media',
+          component: Media
+        },
         {
           path: 'dashboard',
           name: 'Dashboard',