Merge Request system (#3)

* Fix the request edit modal

> Course requests can't be upgraded.
> Fix the subfolder view bug in FolderRender
> Showing only the first layer of folders into Sidebar section

* Add sweetAlert2 and complete the delete action to course requests

> Adding sweetAlert2 library to show some nice popups
> Writing down all the requests to server to delete a course request

* Complete edit requests and User Request Panel

> Wrote all the requests to upgrade the PRSystem
> Completed the User Request Panel

* Design Admin PRSystem Panel

> Course requests and folder requests have been merged, but require filters, pagination and a good format.
> Designing panel as a collection of requests, every requests has a request label

* Format requests to PRSys admin panel

Formatting requests to PRSys admin panel, adding the following infos:
> User
> Course
> Folder (if set)
And adding those to the Request label.

* Edit UI-UX on PRSys Admin Panel

> shamelessly copyng the YouTube Filter style;
> Applyng filters on requests
> Getting rid of the old images in favor of brand new reactive icons!

* Finish filter section on PRSys Admin panel

* Implement pagination on PRSys admin panel

* Add 404 page

* Fix some issues and start to build request manager UI

Fixing the following issues:
> Materialize css has to re-init comps on 404-redirect
> clearing some minor bugs

* Design Request management UI

* Fetch data required to build PR System Interface

Fetch course, folder, user and building a nice UI

* Complete admin UI on PRSys and API calls

> Solving #issue-529602662

package.json

@@ -16,6 +16,7 @@
     "vue": "^2.6.10",
     "vue-pdf": "^4.0.7",
     "vue-router": "^3.0.3",
+    "vue-sweetalert2": "^2.1.5",
     "vuex": "^3.0.1"
   },
   "devDependencies": {

src/components/main/CourseRender.vue

@@ -24,15 +24,9 @@
 
             <div v-if="emptyCourse && course != null">
                 <div class="row">
-                    <div class="offset-s1 col s10 ">
-                        <div class="card">
-                            <div class="card-image">
-                                <img src="@/assets/media/no-content.gif" class="responsive-img" alt="">
-                            </div>
-                            <div class="card-content center align">
-                                <p class="error-message"><i class="material-icons fixed-icon red-text">mood_bad</i> Il corso <b>{{course.name}}</b> sembra essere <span class="red-text">vuoto</span>! </p>
-                            </div>
-                        </div>
+                    <div class="offset-m3 col s12 m6 center-align">
+                        <img src="@/assets/media/no-content.png" class="responsive-img" alt="">                        
+                        <p class="error-message"><i class="material-icons fixed-icon red-text">mood_bad</i> Il corso <b>{{course.name}}</b> sembra essere <span class="red-text">vuoto</span>! </p>
                     </div>
                 </div>
             </div>

src/components/main/FolderRender.vue

@@ -24,15 +24,9 @@
 
             <div v-if="emptyFolder && folder != null">
                 <div class="row">
-                    <div class="offset-s1 col s10 ">
-                        <div class="card">
-                            <div class="card-image">
-                                <img src="@/assets/media/no-content.gif" class="responsive-img" alt="">
-                            </div>
-                            <div class="card-content center align">
-                                <p class="error-message"><i class="material-icons fixed-icon red-text">mood_bad</i> Il corso <b>{{folder.display_name}}</b> sembra essere <span class="red-text">vuoto</span>! </p>
-                            </div>
-                        </div>
+                    <div class="offset-m3 col s12 m6 center-align">
+                        <img src="@/assets/media/no-content.png" class="responsive-img" alt="">                        
+                        <p class="error-message"><i class="material-icons fixed-icon red-text">mood_bad</i> La cartella <b>{{folder.display_name}}</b> sembra essere <span class="red-text">vuota</span>! </p>
                     </div>
                 </div>
             </div>
@@ -99,7 +93,10 @@ export default {
     computed: {
 
         emptyFolder: function() {
-            return this.content == null || this.content.length <= 0; 
+            return  (this.content == null       || 
+                    this.content.length < 1)    &&  
+                    (this.subfolders == null    ||
+                    this.subfolders.length < 1)  
         },
 
         files: function() {

src/components/nav/Navbar.vue

@@ -105,7 +105,8 @@ export default {
       course.folders = null;
       CoursesRepo.getFolders(course.id)
       .then(result => { 
-        course.folders = result.data.content;
+        let x = result.data.content
+        course.folders = this.getFirstLayer(x); 
       })
       .catch(error => {
             this.handleError(error)
@@ -121,6 +122,13 @@ export default {
 
     goHome: function() {
       this.$router.push({name: "cloud"})
+    }, 
+
+    getFirstLayer: function(folders) {
+      if (folders == null) return folders
+      return folders.filter(folder => {
+        return folder.subfolder_of == null
+      })
     }
     
   },