add sorting by

Author: ctf0

README.md

@@ -29,7 +29,7 @@
 ]
 ```
 
-- publish the package assets with 
+- publish the package assets with
 
 `php artisan vendor:publish --provider="ctf0\MediaManager\MediaManagerServiceProvider"`
 
@@ -58,6 +58,10 @@ npm install vue dropzone keycode vue-tippy vue2-filters vue-lightbox vuemit
     + audio
     + video
     + text
+- sortBy
+    + name
+    + size "still need some work for (kb vs mb)"
+    + last modified
 - items count for
     + all
     + selected

demo.jpg

@@ -13,6 +13,7 @@ var manager = new Vue({
 		directories: [],
 		filterdList: [],
 		bulkList: [],
+		showBy: null,
 		currentFilterName: null,
 		selectedFile: null,
 		searchItemsCount: null,
@@ -465,6 +466,14 @@ var manager = new Vue({
 			if (val == null) {
 				$('#no_files').hide()
 			}
+		},
+		showBy(val) {
+			if (val) {
+				if (val == 'clear') {
+					this.showBy = null
+				}
+				this.selectFirst()
+			}
 		}
 	}
 })

src/resources/assets/js/script.js

@@ -148,6 +148,20 @@ class="button"
                                 </div>
                             </div>
                         </div>
+                        
+                        {{-- showBy --}}
+                        <div class="control">
+                            <div class="select">
+                                <select v-model="showBy">
+                                    <option value="null" disabled>Sort By</option>
+                                    <option value="clear">Non</option>
+                                    <option value="name">Name</option>
+                                    <option value="size">Size</option>
+                                    <option value="last_modified">Last Modified</option>
+                                </select>
+                            </div>
+                        </div>
+                        
                         {{-- search --}}
                         <div class="control">
                             <div class="field has-addons">
@@ -212,7 +226,7 @@ class="button"
                 {{-- files box --}}
                 <div id="left">
                     <ul id="files" class="tile">
-                        <li v-for="(file,index) in filterBy(allFiles, searchFor, 'name')"
+                        <li v-for="(file,index) in orderBy(filterBy(allFiles, searchFor, 'name'), showBy)"
                             @click="setSelected(file)" @dblclick="openFolder(file)">
                             <div class="file_link" :class="{'bulk-selected': IsInBulkList(file)}" :data-folder="file.name" :data-index="index">
                                 <div class="link_icon">