add dimension

.idea/php.xml

@@ -189,6 +189,9 @@
       <path value="$PROJECT_DIR$/vendor/symfony/cache-contracts" />
       <path value="$PROJECT_DIR$/vendor/symfony/var-exporter" />
       <path value="$PROJECT_DIR$/vendor/mgp25/instagram-api" />
+      <path value="$PROJECT_DIR$/vendor/laravel-admin-ext/media-manager" />
+      <path value="$PROJECT_DIR$/vendor/unisharp/laravel-filemanager" />
+      <path value="$PROJECT_DIR$/vendor/intervention/image" />
     </include_path>
   </component>
   <component name="PhpProjectSharedConfiguration" php_language_level="7.1">

app/Console/Commands/BiliVideoCode.php

@@ -51,14 +51,14 @@ class BiliVideoCode extends Command
         //        $bilibili->insertDBTest();exit;
         //        $bilibili->queryPlayList();
 
-                $bilibili->queryUpVideoList(10278125);
+//                $bilibili->queryUpVideoList(10278125);
         //        exit;
 
-//               $bilibili->queryDBCollectionList();
+               $bilibili->queryDBCollectionList();
         // dump($bilibili->requestVideoParts("33483603"));exit;
-                $bilibili->queryForVideoParts();exit;
+                $bilibili->queryForVideoParts();
         $bilibili->compareAndDownloadUpVideos(true);
-        // $bilibili->compareAndDownloadCollectionVideos();
+        $bilibili->compareAndDownloadCollectionVideos();
         exit;
         $bilibili->queryForVideoParts();
         if (App::environment() == "local") {

app/Console/Commands/InstagramScrape.php

@@ -50,9 +50,9 @@ class InstagramScrape extends Command
 //                        print_r($userList);exit;
         $ins = new InstagramService();
 
-//        $ins->scrapeFeedsV2();
-//        sleep(60*2);
-        $ins->scrapeUsersV2(89, ["17_chill", "shinapit46", "crissielee_"]);
+        $ins->scrapeFeedsV2();
+        sleep(60*2);
+        $ins->scrapeUsersV2(89, null);
          exit;
 //        $ins->getUserNameById('4156629214');exit;
 

app/Services/BilibiliServiceV2.php

@@ -77,7 +77,7 @@ class BilibiliServiceV2
         // 267781236 韩国女团饭拍直拍
         // 23400436 小雪_juvia
         $list = BilibiliUpVideos::all();
-        $list = $list->slice(87);
+//        $list = $list->slice(87);
         foreach ($list as $item) {
             Log::info("schedule queryUpVideoList current up is {$item['up_name']}, started at: " . date("Y-m-d H:i:s"));
 //            $files = scandir($this->baseDir . "bilibili/" . $item['up_name']);
@@ -617,14 +617,19 @@ class BilibiliServiceV2
 
     public function queryDBCollectionList()
     {
-        $list = BilibiliCollections::all();
+        $list = BilibiliCollections::where('is_downloaded', 0)
+            ->orderBy('updated_at')
+            ->take(20)
+            ->get();
+//        $list = array_slice($list->toArray(), 43, 100);
+//        dump($list);exit;
         foreach ($list as $item) {
             Log::info("schedule queryDBCollectionList current collection is: " . $item['title'] . " started at :" . date("Y-m-d H:i:s"));
             $currentList = [];
-            for ($pageNo = 1; $pageNo < 10; $pageNo++) {
+            for ($pageNo = 1; $pageNo < 25; $pageNo++) {
                 $listResponse = $this->requestCollectionList($this->collectionListUrl, $item['media_id'], $pageNo);
-//                dump("pageNo: " . $pageNo);
-//                dump($listResponse);
+                dump("pageNo: " . $pageNo);
+                dump($listResponse);
                 $responseArr = json_decode($listResponse, true);
                 if ($responseArr['code'] == 0) {
                     $data = $responseArr["data"];
@@ -656,6 +661,7 @@ class BilibiliServiceV2
                     }
                 }
             }
+            dump(json_encode($currentList));
             $item->videos = json_encode($currentList);
             $item->save();
         }
@@ -664,7 +670,9 @@ class BilibiliServiceV2
     public function queryForVideoParts()
     {
         $i = 0;
-        $list = BilibiliVideos::orderBy('id', 'desc')->simplePaginate(2000, null, 'page', $i);
+        $list = BilibiliVideos::where('is_downloaded', '0')
+            ->orderBy('id', 'desc')
+            ->simplePaginate(20, null, 'page', $i);
 //        dump($list->items()[0]->aid);
         while ($list->isNotEmpty()) {
             foreach ($list->items() as $item) {
@@ -718,9 +726,8 @@ class BilibiliServiceV2
                 } catch (Exception $e) {
                 }
             }
-            break;
             $i++;
-            $list = BilibiliVideos::simplePaginate(2000, null, 'page', $i);
+            $list = BilibiliVideos::simplePaginate(20, null, 'page', $i);
             try {
                 usleep(random_int(10, 1000) * 1000);
             } catch (Exception $e) {
@@ -913,7 +920,7 @@ class BilibiliServiceV2
             CURLOPT_RETURNTRANSFER => true,
             CURLOPT_ENCODING => "",
             CURLOPT_MAXREDIRS => 10,
-            CURLOPT_TIMEOUT => 0,
+            CURLOPT_TIMEOUT => 10,
             CURLOPT_FOLLOWLOCATION => true,
             CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
             CURLOPT_CUSTOMREQUEST => "GET",
@@ -926,7 +933,7 @@ class BilibiliServiceV2
         curl_close($curl);
 
         if ($err) {
-            \Log::error($err);
+            Log::error($err);
             return null;
         }
         return $response;

app/Services/FfmpegService.php

@@ -3,6 +3,8 @@
 
 namespace App\Services;
 use App\Utils\FileUtils;
+use FFMpeg\Coordinate\AspectRatio;
+use FFMpeg\Coordinate\Dimension;
 use Illuminate\Support\Facades\Log;
 use Illuminate\Support\Facades\Redis;
 use Mhor\MediaInfo\MediaInfo;
@@ -183,7 +185,11 @@ class FfmpegService
                     }
                     dump("targetFile", [$targetFile]);
                     Log::info("process target file : $targetFile");
-                    $result = shell_exec("/Users/shixuesen/Downloads/ffmpeg -threads 16 -i ". escapeshellarg($pathFile)   ." -preset ultrafast -c:v libx265 -vtag hvc1 " . escapeshellarg($targetFile) . " && echo 'ok'");
+                    if (filesize($pathFile) > 10 * 1024 * 1024 * 1024 || $this->getDimension($pathFile)->getWidth() > 1920) {
+                        $result = shell_exec("/Users/shixuesen/Downloads/ffmpeg -threads 16 -i ". escapeshellarg($pathFile)   ." -preset ultrafast -crf 25 -c:v libx265 -x265-params pools=8 -vtag hvc1 " . escapeshellarg($targetFile) . " && echo 'ok'");
+                    } else {
+                        $result = shell_exec("/Users/shixuesen/Downloads/ffmpeg -threads 16 -i ". escapeshellarg($pathFile)   ." -preset ultrafast -c:v libx265 -x265-params pools=8 -vtag hvc1 " . escapeshellarg($targetFile) . " && echo 'ok'");
+                    }
                     // echo $result;
                     // return;
                     if (trim($result) == "ok" && $this->isNeedRemoveAfterEncode()) {
@@ -316,6 +322,23 @@ class FfmpegService
         return trim($codecName) == "hevc";
     }
 
+    public function getDimension($file): Dimension
+    {
+        $dimensions = new Dimension(1920, 1080);
+
+        try {
+            $dimensions = $this->ffprobe
+                ->streams($file)
+                ->videos()
+                ->first()
+                ->getDimensions();
+        } catch (Throwable $e) {
+            Log::error("ffprobe getDimension has error just return default dimension, exception: ". $e->getMessage(), ["file" => $file]);
+            return $dimensions;
+        }
+        return $dimensions;
+    }
+
     /**
      * @param bool $needRemoveAfterEncode
      */

app/Services/InstagramService.php

@@ -1537,7 +1537,7 @@ class InstagramService
                     $toQueryUsers = Redis::connection()->lrange(self::INS_USER_KEY, 0, 9);
                     Redis::connection()->ltrim(self::INS_USER_KEY, 10, -1);
                 }
-                $alwaysNeedToQueryUsers = ["17_chill", "crissielee_", "boram__jj", "cho_hyunyoung", "cxxsomi", "inkyung97", "na0912mi", "naughty_rabbit_", "sejinming", "zyzyxin222"];
+                $alwaysNeedToQueryUsers = ["doly0818", "siawase726", "yifei_cc", "17_chill", "shinapit46", "crissielee_", "boram__jj", "cho_hyunyoung", "cxxsomi", "inkyung97", "na0912mi", "naughty_rabbit_", "sejinming", "zyzyxin222"];
                 $toQueryUsers = array_unique(array_merge($alwaysNeedToQueryUsers, $toQueryUsers));
             } else {
                 if (is_array($singleUser)) {
@@ -1563,7 +1563,7 @@ class InstagramService
 
 
             // 跳过逻辑
-            $skipUsers = ["youbastardddd", "bitnara1105", "hanna91914"];
+            $skipUsers = ["youbastardddd", "bitnara1105", "hanna91914", "amandacerny"];
             foreach ($userList as $userName) {
                 if (in_array($userName, $skipUsers)) {
                     continue;
@@ -1577,7 +1577,7 @@ class InstagramService
                 }
                 echo "open $thisUserImageDir \n";
                 shell_exec("open -g '$thisUserImageDir'");
-                sleep(5*60);
+                sleep(1*60);
 
                 if (array_key_exists($trueName, $this->userAliasMap)) {
                     $trueName = trim($this->userAliasMap[$trueName]);
@@ -1626,6 +1626,9 @@ class InstagramService
                         $response = $this->userFeed($userId, $maxId);
                     } catch (Exception $e) {
                         Log::error("current user has error, $userName, " . $e->getMessage());
+                        if (str_contains($e->getMessage(), "400 Bad Request")) {
+                            exit;
+                        }
                         continue 2;
                     }
                     // In this example we're simply printing the IDs of this page's items.
@@ -1682,12 +1685,13 @@ class InstagramService
                     // Now we must update the maxId variable to the "next page".
                     // This will be a null value again when we've reached the last page!
                     // And we will stop looping through pages as soon as maxId becomes null.
-                    if ($singleUser!= null || count($singleUser) > 0) {
-                        if ($count - $existCount > 50) {
+                    if ($singleUser!= null || (is_array($singleUser) && count($singleUser) > 0)) {
+                        if ($count - $existCount > 200) {
+                            Log::info("new count bigger than 100", ['user' => $trueName]);
                             goto a;
                         }
                     } else {
-                        if($count > 50 || $existCount > 35) {
+                        if($count > (20 + random_int(0, 20)) || $count - $existCount > 10) {
                             goto a;
                         }
                     }
@@ -2201,7 +2205,7 @@ class InstagramService
             'accept-language' => 'zh-CN,zh;q=0.9',
             'cache-control' => 'no-cache',
             'content-type' => 'application/x-www-form-urlencoded',
-            'cookie' => 'ig_did=1E87B96C-B061-484F-89A8-C76BF8E11C52; ig_nrcb=1; mid=Y0QEJQAEAAGK3xW8v5Uwszo_cBzM; ds_user_id=361404591; datr=qAREY1W0Mocw3OoikuJcsL1c; csrftoken=uwK4stsVNJf45PtHH7ZEbtYLFAXTED8K; dpr=2; shbid="10286\\054361404591\\0541700533626:01f7891cdfff0b7d7386ff97d7690993a11b1ba2373dc3ffdeffcba117098d64f4257dc4"; shbts="1668997626\\054361404591\\0541700533626:01f7e34e90eef7912e6901f47569b86e7a671dae643782b24cc4988c66ed2da4188f8257"; rur="NAO\\054361404591\\0541700704415:01f7fa81481f33f0a55f1a36f3e32141e4be300b2ef89c6d557f3e8ab513e3638f57478b"; sessionid=361404591%3AgzkcXj7yG935O7%3A24%3AAYcvW4xf8gw3-Dk1esu7poXViU_WJZNOBzm0FC27-Js',
+            'cookie' => 'ig_did=1E87B96C-B061-484F-89A8-C76BF8E11C52; ig_nrcb=1; mid=Y0QEJQAEAAGK3xW8v5Uwszo_cBzM; ds_user_id=361404591; datr=qAREY1W0Mocw3OoikuJcsL1c; csrftoken=uwK4stsVNJf45PtHH7ZEbtYLFAXTED8K; shbid="10286\\054361404591\\0541701149081:01f730a5922596e95cbb92e5e537ecd62f60c0e4f98ace69b47a2e1bd022bf82699f585b"; shbts="1669613081\\054361404591\\0541701149081:01f7b1b43b17593f3f27f2b60b6dc5e3a80d63f0da70b00370d07497e5dd7a5d77325df0"; dpr=2; sessionid=361404591%3AXGZE01zPoMGO8b%3A13%3AAYcBvpAlq9xmuzvbcZF9g20sktnwq-99J3OkyluPfA; rur="NAO\\054361404591\\0541701256205:01f718ec0648cbcbde1db1175ce492dd3893da402643d7dc1cf698ba88c73ba69d42deb6"',
             'origin' => 'https://www.instagram.com',
             'pragma' => 'no-cache',
             'referer' => 'https://www.instagram.com/',
@@ -2217,8 +2221,8 @@ class InstagramService
             'x-asbd-id' => '198387',
             'x-csrftoken' => 'uwK4stsVNJf45PtHH7ZEbtYLFAXTED8K',
             'x-ig-app-id' => '936619743392459',
-            'x-ig-www-claim' => 'hmac.AR2DN3JP5T1uzerp-Udyl58luFekDMO1MUYZolRys4KAvCi2',
-            'x-instagram-ajax' => '1006634810',
+            'x-ig-www-claim' => 'hmac.AR2DN3JP5T1uzerp-Udyl58luFekDMO1MUYZolRys4KAvIQG',
+            'x-instagram-ajax' => '1006668857',
             'x-requested-with' => 'XMLHttpRequest'
         ];
         $options = [
@@ -2293,9 +2297,9 @@ class InstagramService
             'accept' => '*/*',
             'accept-language' => 'zh-CN,zh;q=0.9',
             'cache-control' => 'no-cache',
-            'cookie' => 'ig_did=1E87B96C-B061-484F-89A8-C76BF8E11C52; ig_nrcb=1; mid=Y0QEJQAEAAGK3xW8v5Uwszo_cBzM; ds_user_id=361404591; datr=qAREY1W0Mocw3OoikuJcsL1c; csrftoken=uwK4stsVNJf45PtHH7ZEbtYLFAXTED8K; dpr=2; shbid="10286\\054361404591\\0541700533626:01f7891cdfff0b7d7386ff97d7690993a11b1ba2373dc3ffdeffcba117098d64f4257dc4"; shbts="1668997626\\054361404591\\0541700533626:01f7e34e90eef7912e6901f47569b86e7a671dae643782b24cc4988c66ed2da4188f8257"; sessionid=361404591%3AgzkcXj7yG935O7%3A24%3AAYcvW4xf8gw3-Dk1esu7poXViU_WJZNOBzm0FC27-Js; rur="NAO\\054361404591\\0541700704504:01f7586cc76975b552e792796e1049675877ef3dfda64d302f090b26aa4186e1cc7984ef"',
+            'cookie' => 'ig_did=1E87B96C-B061-484F-89A8-C76BF8E11C52; ig_nrcb=1; mid=Y0QEJQAEAAGK3xW8v5Uwszo_cBzM; ds_user_id=361404591; datr=qAREY1W0Mocw3OoikuJcsL1c; csrftoken=uwK4stsVNJf45PtHH7ZEbtYLFAXTED8K; dpr=2; shbid="10286\\054361404591\\0541701480941:01f7ea16564d38f09b0381cd738fc45b08b9bc86ec05314cc2e36faec6dbe8e3c882f218"; shbts="1669944941\\054361404591\\0541701480941:01f7e8f1bf5ec02b46fac45242931283f00863b0aa0ff1b566d3866cc2a90a43eadb9167"; sessionid=361404591%3AXGZE01zPoMGO8b%3A13%3AAYeyaXqF4vyZSCbOae77yhFjjVaV1EEQTleduQ3rmg; rur="NAO\\054361404591\\0541701481008:01f732bf0b6f375a43739100865ad7e701d1b82c718b484643b3b58e506de199dd3041e4"',
             'pragma' => 'no-cache',
-            'referer' => 'https://www.instagram.com/17_chill/',
+            'referer' => 'https://www.instagram.com/doly0818/',
             'sec-ch-prefers-color-scheme' => 'light',
             'sec-ch-ua' => '"Google Chrome";v="107", "Chromium";v="107", "Not=A?Brand";v="24"',
             'sec-ch-ua-mobile' => '?0',
@@ -2308,8 +2312,8 @@ class InstagramService
             'x-asbd-id' => '198387',
             'x-csrftoken' => 'uwK4stsVNJf45PtHH7ZEbtYLFAXTED8K',
             'x-ig-app-id' => '936619743392459',
-            'x-ig-www-claim' => 'hmac.AR2DN3JP5T1uzerp-Udyl58luFekDMO1MUYZolRys4KAvCi2',
-            'x-instagram-ajax' => '1006634810',
+            'x-ig-www-claim' => 'hmac.AR2DN3JP5T1uzerp-Udyl58luFekDMO1MUYZolRys4KAvIQG',
+            'x-instagram-ajax' => '1006668857',
             'x-requested-with' => 'XMLHttpRequest'
         ];
         $url = "https://i.instagram.com/api/v1/feed/user/{$userId}/?count=12";

composer.json

@@ -22,9 +22,11 @@
         "guzzlehttp/guzzle": "~6.0",
         "jaeger/querylist": "^4.1",
         "james-heinrich/getid3": "^1.9",
+        "laravel-admin-ext/media-manager": "1.x",
         "laravel/framework": "5.7.*",
         "laravel/tinker": "^1.0",
         "league/oauth2-client": "dev-master",
+        "mgp25/instagram-api": "dev-master",
         "mhor/php-mediainfo": "^4.1",
         "microsoft/microsoft-graph": "^1.6",
         "mnapoli/front-yaml": "^1.8",
@@ -40,7 +42,7 @@
         "spatie/yaml-front-matter": "^2.0",
         "symfony/finder": "^4.4",
         "tinify/tinify": "^1.5",
-        "mgp25/instagram-api": "dev-master"
+        "unisharp/laravel-filemanager": "^2.5"
     },
     "require-dev": {
         "beyondcode/laravel-dump-server": "^1.0",
@@ -56,7 +58,8 @@
         "sort-packages": true,
         "allow-plugins": {
             "kylekatarnls/update-helper": true
-        }
+        },
+        "secure-http": false
     },
     "extra": {
         "laravel": {

config/admin.php

@@ -396,6 +396,11 @@ return [
     |
     */
     'extensions' => [
+        'media-manager' => [
 
+            // Select a local disk that you configured in `config/filesystem.php`
+            'disk' => 'xr',
+            'allowed_ext' => 'jpg,jpeg,png,pdf,doc,docx,zip'
+        ],
     ],
 ];

config/filesystems.php

@@ -54,6 +54,12 @@ return [
             'url' => env('APP_URL').'/storage',
             'visibility' => 'public',
         ],
+        'xr' => [
+            'driver' => 'local',
+            'root' => "/Volumes/Crucial X6/Image/xr",
+            'url' => env('APP_URL').'/storage/xr',
+            'visibility' => 'public'
+        ],
 
         's3' => [
             'driver' => 's3',

config/lfm.php

@@ -0,0 +1,179 @@
+<?php
+
+/*
+|--------------------------------------------------------------------------
+| Documentation for this config :
+|--------------------------------------------------------------------------
+| online  => http://unisharp.github.io/laravel-filemanager/config
+| offline => vendor/unisharp/laravel-filemanager/docs/config.md
+ */
+
+return [
+    /*
+    |--------------------------------------------------------------------------
+    | Routing
+    |--------------------------------------------------------------------------
+     */
+
+    'use_package_routes'       => true,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Shared folder / Private folder
+    |--------------------------------------------------------------------------
+    |
+    | If both options are set to false, then shared folder will be activated.
+    |
+     */
+
+    'allow_private_folder'     => true,
+
+    // Flexible way to customize client folders accessibility
+    // If you want to customize client folders, publish tag="lfm_handler"
+    // Then you can rewrite userField function in App\Handler\ConfigHandler class
+    // And set 'user_field' to App\Handler\ConfigHandler::class
+    // Ex: The private folder of user will be named as the user id.
+    'private_folder_name'      => UniSharp\LaravelFilemanager\Handlers\ConfigHandler::class,
+
+    'allow_shared_folder'      => true,
+
+    'shared_folder_name'       => 'shares',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Folder Names
+    |--------------------------------------------------------------------------
+     */
+
+    'folder_categories'        => [
+        'file'  => [
+            'folder_name'  => 'files',
+            'startup_view' => 'list',
+            'max_size'     => 50000, // size in KB
+            'thumb' => true,
+            'thumb_width' => 80,
+            'thumb_height' => 80,
+            'valid_mime'   => [
+                'image/jpeg',
+                'image/pjpeg',
+                'image/png',
+                'image/gif',
+                'application/pdf',
+                'text/plain',
+            ],
+        ],
+        'image' => [
+            'folder_name'  => 'photos',
+            'startup_view' => 'grid',
+            'max_size'     => 50000, // size in KB
+            'thumb' => true,
+            'thumb_width' => 80,
+            'thumb_height' => 80,
+            'valid_mime'   => [
+                'image/jpeg',
+                'image/pjpeg',
+                'image/png',
+                'image/gif',
+            ],
+        ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Pagination
+    |--------------------------------------------------------------------------
+     */
+
+    'paginator' => [
+        'perPage' => 30,
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Upload / Validation
+    |--------------------------------------------------------------------------
+     */
+
+    'disk'                     => 'public',
+
+    'rename_file'              => false,
+
+    'rename_duplicates'        => false,
+
+    'alphanumeric_filename'    => false,
+
+    'alphanumeric_directory'   => false,
+
+    'should_validate_size'     => false,
+
+    'should_validate_mime'     => true,
+
+    // behavior on files with identical name
+    // setting it to true cause old file replace with new one
+    // setting it to false show `error-file-exist` error and stop upload
+    'over_write_on_duplicate'  => false,
+
+    // mimetypes of executables to prevent from uploading
+    'disallowed_mimetypes' => ['text/x-php', 'text/html', 'text/plain'],
+
+    // Item Columns
+    'item_columns' => ['name', 'url', 'time', 'icon', 'is_file', 'is_image', 'thumb_url'],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Thumbnail
+    |--------------------------------------------------------------------------
+     */
+
+    // If true, image thumbnails would be created during upload
+    'should_create_thumbnails' => true,
+
+    'thumb_folder_name'        => 'thumbs',
+
+    // Create thumbnails automatically only for listed types.
+    'raster_mimetypes'         => [
+        'image/jpeg',
+        'image/pjpeg',
+        'image/png',
+    ],
+
+    'thumb_img_width'          => 200, // px
+
+    'thumb_img_height'         => 200, // px
+
+    /*
+    |--------------------------------------------------------------------------
+    | File Extension Information
+    |--------------------------------------------------------------------------
+     */
+
+    'file_type_array'          => [
+        'pdf'  => 'Adobe Acrobat',
+        'doc'  => 'Microsoft Word',
+        'docx' => 'Microsoft Word',
+        'xls'  => 'Microsoft Excel',
+        'xlsx' => 'Microsoft Excel',
+        'zip'  => 'Archive',
+        'gif'  => 'GIF Image',
+        'jpg'  => 'JPEG Image',
+        'jpeg' => 'JPEG Image',
+        'png'  => 'PNG Image',
+        'ppt'  => 'Microsoft PowerPoint',
+        'pptx' => 'Microsoft PowerPoint',
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | php.ini override
+    |--------------------------------------------------------------------------
+    |
+    | These values override your php.ini settings before uploading files
+    | Set these to false to ingnore and apply your php.ini settings
+    |
+    | Please note that the 'upload_max_filesize' & 'post_max_size'
+    | directives are not supported.
+     */
+    'php_ini_overrides'        => [
+        'memory_limit' => '256M',
+    ],
+];

fail.log

@@ -2675,3 +2675,11 @@
 /Users/shixuesen/OneDrive/Pictures/instagram/weiman_the_real_one/	https://scontent-lax3-2.cdninstagram.com/v/t51.2885-15/314141025_859748188356735_7326665271053063857_n.jpg?stp=dst-jpg_e15&_nc_ht=scontent-lax3-2.cdninstagram.com&_nc_cat=103&_nc_ohc=1m3soLIEXEsAX8xSmQ4&tn=eZ1kil3PRHf58LZO&edm=ABmJApABAAAA&ccb=7-5&ig_cache_key=Mjk2Mzc3MTMxMjc1MzYwOTg0MA%3D%3D.2-ccb7-5&oh=00_AfDqUkweVLrH0Zkdh02oDJvVLZaZLfL3inSMszDDRGwauA&oe=6376334D&_nc_sid=6136e7
 /Users/shixuesen/OneDrive/Pictures/instagram/Likes_new/	https://scontent-lax3-2.cdninstagram.com/v/t51.2885-15/315233206_814857243155802_4367639531993466371_n.jpg?stp=dst-jpg_e35&_nc_ht=scontent-lax3-2.cdninstagram.com&_nc_cat=106&_nc_ohc=7ACQuzlFgrMAX9sXO5Y&edm=AJ9x6zYBAAAA&ccb=7-5&ig_cache_key=Mjk3MTI2MzU4MzY0Mzg0OTUxNg%3D%3D.2-ccb7-5&oh=00_AfA7boZor8lZ3sv8ho5QmQgBM5NnIc0ckmrkz1_-JTmdAg&oe=63774BF3&_nc_sid=cff2a4
 /Users/shixuesen/OneDrive/Pictures/instagram/jelly_jilli/	https://scontent-lax3-2.cdninstagram.com/v/t50.2886-16/73180637_449268042611131_5817290211154444343_n.mp4?efg=eyJ2ZW5jb2RlX3RhZyI6InZ0c192b2RfdXJsZ2VuLjcyMC5mZWVkLmRlZmF1bHQiLCJxZV9ncm91cHMiOiJbXCJpZ193ZWJfZGVsaXZlcnlfdnRzX290ZlwiXSJ9&_nc_ht=scontent-lax3-2.cdninstagram.com&_nc_cat=107&_nc_ohc=b6TFcH0GZzEAX9pc4dp&edm=ABmJApABAAAA&vs=18096611701079253_3805765221&_nc_vs=HBksFQAYJEdOMmxYQVM3dVJaZW01Z0JBRGZBTnlfZ0tydFFia1lMQUFBRhUAAsgBABUAGCRHQlZqYWdUSl8xUUwtMUlCQUtYSzJVYy03a1VRYmtZTEFBQUYVAgLIAQAoABgAGwGIB3VzZV9vaWwBMBUAACaq3NTptrGlQBUCKAJDMywXQB6p%2B%2Bdsi0QYEmRhc2hfYmFzZWxpbmVfMV92MREAdeoHAA%3D%3D&ccb=7-5&oh=00_AfAq35Kl7nQXvHRpJHS7UE6n70clITgVOdVzQHP5SRMKZw&oe=6374BA81&_nc_sid=6136e7
+/Users/shixuesen/OneDrive/Pictures/instagram/shinapit46/	https://scontent-lax3-2.cdninstagram.com/v/t51.2885-15/313313214_485664626862750_1900749708847244358_n.webp?stp=dst-jpg_e35&_nc_ht=scontent-lax3-2.cdninstagram.com&_nc_cat=106&_nc_ohc=Wi8mRxwlziEAX8Gp3_f&edm=ABmJApABAAAA&ccb=7-5&ig_cache_key=Mjk2MTQyNDEwNzMzNTYzOTUwOA%3D%3D.2-ccb7-5&oh=00_AfDUU_CD7s9Cn5LVzWWRx4_upFu4CufJlrRmP-eyQYmAuA&oe=63865696&_nc_sid=6136e7
+/Users/shixuesen/OneDrive/Pictures/instagram/shinapit46/	https://scontent-lax3-1.cdninstagram.com/v/t51.2885-15/313188636_823768742005989_7496849798290222688_n.webp?stp=dst-jpg_e35&_nc_ht=scontent-lax3-1.cdninstagram.com&_nc_cat=109&_nc_ohc=Jp0htgLOd74AX_KPqPe&edm=ABmJApABAAAA&ccb=7-5&ig_cache_key=Mjk1OTM0MDE3Mjg0MTI1MDU2MQ%3D%3D.2-ccb7-5&oh=00_AfB-izh4IZbK4CEjYgX8c-dYdc-iOlhYKY-18cPbHc3ETQ&oe=638559B1&_nc_sid=6136e7
+/Users/shixuesen/OneDrive/Pictures/instagram/siawase726/	https://scontent-lax3-2.cdninstagram.com/v/t51.2885-15/271270191_604676980631507_7215958133074026161_n.jpg?stp=dst-jpg_e35&_nc_ht=scontent-lax3-2.cdninstagram.com&_nc_cat=111&_nc_ohc=X5tg7WWoxyMAX_ncSVe&edm=ABmJApABAAAA&ccb=7-5&ig_cache_key=Mjc0NDU0Nzc4MTYzMTYzMzMzMw%3D%3D.2-ccb7-5&oh=00_AfDNX0JKebvneJH3cemSVFoi8SZVVNbl05VOb4-sQEPT1Q&oe=6385673F&_nc_sid=6136e7
+/Users/shixuesen/OneDrive/Pictures/instagram/siawase726/	https://scontent-lax3-1.cdninstagram.com/v/t51.2885-15/266041353_490214375678450_4943871373144387719_n.jpg?stp=dst-jpg_e35&_nc_ht=scontent-lax3-1.cdninstagram.com&_nc_cat=102&_nc_ohc=as9t_zqC6IUAX9G4le4&edm=ABmJApABAAAA&ccb=7-5&ig_cache_key=MjcyNzAwMjQ3Mjk0NjQ1MDM4Mw%3D%3D.2-ccb7-5&oh=00_AfDaOqAWnTicCyMtQkh7giabUvimnZtQmPm93y2-ZnEjyQ&oe=638588AB&_nc_sid=6136e7
+/Users/shixuesen/OneDrive/Pictures/instagram/siawase726/	https://scontent-lax3-2.cdninstagram.com/v/t51.2885-15/264564045_505971033782263_5683081350420480648_n.jpg?stp=dst-jpg_e35&_nc_ht=scontent-lax3-2.cdninstagram.com&_nc_cat=107&_nc_ohc=Jcs8aiXRasUAX9Ox-pf&edm=ABmJApABAAAA&ccb=7-5&ig_cache_key=MjcyMjU5NDg3NTg5NjA1NzY0Mw%3D%3D.2-ccb7-5&oh=00_AfDCxAM4Sf6oOTPy9w6VH3-l3qs-cwJL72RA86Lde5X9wQ&oe=638623F4&_nc_sid=6136e7
+/Users/shixuesen/OneDrive/Pictures/instagram/siawase726/	https://scontent-lax3-1.cdninstagram.com/v/t51.2885-15/254122983_412149843701697_3813505009673577747_n.jpg?stp=dst-jpg_e35&_nc_ht=scontent-lax3-1.cdninstagram.com&_nc_cat=109&_nc_ohc=vrBwtibidBkAX86EnRK&tn=eZ1kil3PRHf58LZO&edm=ABmJApABAAAA&ccb=7-5&ig_cache_key=MjcwMzIxOTA4NzI1MjQ1NDc0OQ%3D%3D.2-ccb7-5&oh=00_AfBA7KCXyXxX_LBcqyk0gZnAbrWmbBTKmyAJGB31R50z2A&oe=6386282A&_nc_sid=6136e7
+/Users/shixuesen/OneDrive/Pictures/instagram/siawase726/	https://scontent-lax3-2.cdninstagram.com/v/t51.2885-15/236233038_4384357878291000_6981055161566006441_n.jpg?stp=dst-jpg_e35&_nc_ht=scontent-lax3-2.cdninstagram.com&_nc_cat=100&_nc_ohc=AnIF_Q73ZBAAX9Jc9r4&edm=ABmJApABAAAA&ccb=7-5&ig_cache_key=MjYzNzgyODQ1NTgzNzcyMzA2Ng%3D%3D.2-ccb7-5&oh=00_AfDlQPI9UJG0TKZ5XqIlupN9IUWXl9zebkkTYijA0teIlQ&oe=6385DD8C&_nc_sid=6136e7
+/Users/shixuesen/OneDrive/Pictures/instagram/siawase726/	https://scontent-lax3-2.cdninstagram.com/v/t51.2885-15/233805996_150740357113843_5164325267337857116_n.jpg?stp=dst-jpg_e35&_nc_ht=scontent-lax3-2.cdninstagram.com&_nc_cat=107&_nc_ohc=fFRmFMJJf2kAX8jHqLM&edm=ABmJApABAAAA&ccb=7-5&ig_cache_key=MjYzNTYyMjk1MDE5Mjg1ODIwNQ%3D%3D.2-ccb7-5&oh=00_AfChajONjMBOb95cqTeIwqhNSYYJLSoXpSKiC2xiKIfLnQ&oe=63862C7E&_nc_sid=6136e7

public/vendor/laravel-filemanager/css/cropper.min.css

@@ -0,0 +1,9 @@
+/*!
+ * Cropper v0.9.1
+ * https://github.com/fengyuanchen/cropper
+ *
+ * Copyright (c) 2014-2015 Fengyuan Chen and contributors
+ * Released under the MIT license
+ *
+ * Date: 2015-03-21T04:58:27.265Z
+ */.cropper-container{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.cropper-container img{display:block;width:100%;min-width:0!important;max-width:none!important;height:100%;min-height:0!important;max-height:none!important;image-orientation:0deg!important}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-drag-box{background-color:#fff;filter:alpha(opacity=0);opacity:0}.cropper-modal{background-color:#000;filter:alpha(opacity=50);opacity:.5}.cropper-view-box{display:block;width:100%;height:100%;overflow:hidden;outline:#69f solid 1px;outline-color:rgba(102,153,255,.75)}.cropper-dashed{position:absolute;display:block;filter:alpha(opacity=50);border:0 dashed #fff;opacity:.5}.cropper-dashed.dashed-h{top:33.33333333%;left:0;width:100%;height:33.33333333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333333%;width:33.33333333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;filter:alpha(opacity=10);opacity:.1}.cropper-face{top:0;left:0;cursor:move;background-color:#fff}.cropper-line{background-color:#69f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;background-color:#69f;filter:alpha(opacity=75);opacity:.75}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;filter:alpha(opacity=100);opacity:1}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:" ";background-color:#69f;filter:alpha(opacity=0);opacity:0}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;filter:alpha(opacity=75);opacity:.75}}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-invisible{filter:alpha(opacity=0);opacity:0}.cropper-hide{position:fixed;top:0;left:0;z-index:-1;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;filter:alpha(opacity=0);opacity:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-canvas,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}

public/vendor/laravel-filemanager/css/dropzone.min.css

@@ -0,0 +1,532 @@
+@-webkit-keyframes passing-through {
+    0% {
+        opacity: 0;
+        -webkit-transform: translateY(40px);
+        -moz-transform: translateY(40px);
+        -ms-transform: translateY(40px);
+        -o-transform: translateY(40px);
+        transform: translateY(40px)
+    }
+
+    30%, 70% {
+        opacity: 1;
+        -webkit-transform: translateY(0px);
+        -moz-transform: translateY(0px);
+        -ms-transform: translateY(0px);
+        -o-transform: translateY(0px);
+        transform: translateY(0px)
+    }
+
+    100% {
+        opacity: 0;
+        -webkit-transform: translateY(-40px);
+        -moz-transform: translateY(-40px);
+        -ms-transform: translateY(-40px);
+        -o-transform: translateY(-40px);
+        transform: translateY(-40px)
+    }
+
+}
+
+@-moz-keyframes passing-through {
+    0% {
+        opacity: 0;
+        -webkit-transform: translateY(40px);
+        -moz-transform: translateY(40px);
+        -ms-transform: translateY(40px);
+        -o-transform: translateY(40px);
+        transform: translateY(40px)
+    }
+
+    30%, 70% {
+        opacity: 1;
+        -webkit-transform: translateY(0px);
+        -moz-transform: translateY(0px);
+        -ms-transform: translateY(0px);
+        -o-transform: translateY(0px);
+        transform: translateY(0px)
+    }
+
+    100% {
+        opacity: 0;
+        -webkit-transform: translateY(-40px);
+        -moz-transform: translateY(-40px);
+        -ms-transform: translateY(-40px);
+        -o-transform: translateY(-40px);
+        transform: translateY(-40px)
+    }
+
+}
+
+@keyframes passing-through {
+    0% {
+        opacity: 0;
+        -webkit-transform: translateY(40px);
+        -moz-transform: translateY(40px);
+        -ms-transform: translateY(40px);
+        -o-transform: translateY(40px);
+        transform: translateY(40px)
+    }
+
+    30%, 70% {
+        opacity: 1;
+        -webkit-transform: translateY(0px);
+        -moz-transform: translateY(0px);
+        -ms-transform: translateY(0px);
+        -o-transform: translateY(0px);
+        transform: translateY(0px)
+    }
+
+    100% {
+        opacity: 0;
+        -webkit-transform: translateY(-40px);
+        -moz-transform: translateY(-40px);
+        -ms-transform: translateY(-40px);
+        -o-transform: translateY(-40px);
+        transform: translateY(-40px)
+    }
+
+}
+
+@-webkit-keyframes slide-in {
+    0% {
+        opacity: 0;
+        -webkit-transform: translateY(40px);
+        -moz-transform: translateY(40px);
+        -ms-transform: translateY(40px);
+        -o-transform: translateY(40px);
+        transform: translateY(40px)
+    }
+
+    30% {
+        opacity: 1;
+        -webkit-transform: translateY(0px);
+        -moz-transform: translateY(0px);
+        -ms-transform: translateY(0px);
+        -o-transform: translateY(0px);
+        transform: translateY(0px)
+    }
+
+}
+
+@-moz-keyframes slide-in {
+    0% {
+        opacity: 0;
+        -webkit-transform: translateY(40px);
+        -moz-transform: translateY(40px);
+        -ms-transform: translateY(40px);
+        -o-transform: translateY(40px);
+        transform: translateY(40px)
+    }
+
+    30% {
+        opacity: 1;
+        -webkit-transform: translateY(0px);
+        -moz-transform: translateY(0px);
+        -ms-transform: translateY(0px);
+        -o-transform: translateY(0px);
+        transform: translateY(0px)
+    }
+
+}
+
+@keyframes slide-in {
+    0% {
+        opacity: 0;
+        -webkit-transform: translateY(40px);
+        -moz-transform: translateY(40px);
+        -ms-transform: translateY(40px);
+        -o-transform: translateY(40px);
+        transform: translateY(40px)
+    }
+
+    30% {
+        opacity: 1;
+        -webkit-transform: translateY(0px);
+        -moz-transform: translateY(0px);
+        -ms-transform: translateY(0px);
+        -o-transform: translateY(0px);
+        transform: translateY(0px)
+    }
+
+}
+
+@-webkit-keyframes pulse {
+    0% {
+        -webkit-transform: scale(1);
+        -moz-transform: scale(1);
+        -ms-transform: scale(1);
+        -o-transform: scale(1);
+        transform: scale(1)
+    }
+
+    10% {
+        -webkit-transform: scale(1.1);
+        -moz-transform: scale(1.1);
+        -ms-transform: scale(1.1);
+        -o-transform: scale(1.1);
+        transform: scale(1.1)
+    }
+
+    20% {
+        -webkit-transform: scale(1);
+        -moz-transform: scale(1);
+        -ms-transform: scale(1);
+        -o-transform: scale(1);
+        transform: scale(1)
+    }
+
+}
+
+@-moz-keyframes pulse {
+    0% {
+        -webkit-transform: scale(1);
+        -moz-transform: scale(1);
+        -ms-transform: scale(1);
+        -o-transform: scale(1);
+        transform: scale(1)
+    }
+
+    10% {
+        -webkit-transform: scale(1.1);
+        -moz-transform: scale(1.1);
+        -ms-transform: scale(1.1);
+        -o-transform: scale(1.1);
+        transform: scale(1.1)
+    }
+
+    20% {
+        -webkit-transform: scale(1);
+        -moz-transform: scale(1);
+        -ms-transform: scale(1);
+        -o-transform: scale(1);
+        transform: scale(1)
+    }
+
+}
+
+@keyframes pulse {
+    0% {
+        -webkit-transform: scale(1);
+        -moz-transform: scale(1);
+        -ms-transform: scale(1);
+        -o-transform: scale(1);
+        transform: scale(1)
+    }
+
+    10% {
+        -webkit-transform: scale(1.1);
+        -moz-transform: scale(1.1);
+        -ms-transform: scale(1.1);
+        -o-transform: scale(1.1);
+        transform: scale(1.1)
+    }
+
+    20% {
+        -webkit-transform: scale(1);
+        -moz-transform: scale(1);
+        -ms-transform: scale(1);
+        -o-transform: scale(1);
+        transform: scale(1)
+    }
+
+}
+
+.dropzone, .dropzone * {
+    box-sizing: border-box
+}
+
+.dropzone {
+    min-height: 150px;
+    border: 2px solid rgba(0, 0, 0, 0.3);
+    background: white;
+    padding: 20px 20px
+}
+
+.dropzone.dz-clickable {
+    cursor: pointer
+}
+
+.dropzone.dz-clickable * {
+    cursor: default
+}
+
+.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
+    cursor: pointer
+}
+
+.dropzone.dz-started .dz-message {
+    display: none
+}
+
+.dropzone.dz-drag-hover {
+    border-style: solid
+}
+
+.dropzone.dz-drag-hover .dz-message {
+    opacity: 0.5
+}
+
+.dropzone .dz-message {
+    text-align: center;
+    margin: 2em 0
+}
+
+.dropzone .dz-preview {
+    position: relative;
+    display: inline-block;
+    vertical-align: top;
+    margin: 16px;
+    min-height: 100px
+}
+
+.dropzone .dz-preview:hover {
+    z-index: 1000
+}
+
+.dropzone .dz-preview:hover .dz-details {
+    opacity: 1
+}
+
+.dropzone .dz-preview.dz-file-preview .dz-image {
+    border-radius: 20px;
+    background: #999;
+    background: linear-gradient(to bottom, #eee, #ddd)
+}
+
+.dropzone .dz-preview.dz-file-preview .dz-details {
+    opacity: 1
+}
+
+.dropzone .dz-preview.dz-image-preview {
+    background: white
+}
+
+.dropzone .dz-preview.dz-image-preview .dz-details {
+    -webkit-transition: opacity 0.2s linear;
+    -moz-transition: opacity 0.2s linear;
+    -ms-transition: opacity 0.2s linear;
+    -o-transition: opacity 0.2s linear;
+    transition: opacity 0.2s linear
+}
+
+.dropzone .dz-preview .dz-remove {
+    font-size: 14px;
+    text-align: center;
+    display: block;
+    cursor: pointer;
+    border: none
+}
+
+.dropzone .dz-preview .dz-remove:hover {
+    text-decoration: underline
+}
+
+.dropzone .dz-preview:hover .dz-details {
+    opacity: 1
+}
+
+.dropzone .dz-preview .dz-details {
+    z-index: 20;
+    position: absolute;
+    top: 0;
+    left: 0;
+    opacity: 0;
+    font-size: 13px;
+    min-width: 100%;
+    max-width: 100%;
+    padding: 2em 1em;
+    text-align: center;
+    color: rgba(0, 0, 0, 0.9);
+    line-height: 150%
+}
+
+.dropzone .dz-preview .dz-details .dz-size {
+    margin-bottom: 1em;
+    font-size: 16px
+}
+
+.dropzone .dz-preview .dz-details .dz-filename {
+    white-space: nowrap
+}
+
+.dropzone .dz-preview .dz-details .dz-filename:hover span {
+    border: 1px solid rgba(200, 200, 200, 0.8);
+    background-color: rgba(255, 255, 255, 0.8)
+}
+
+.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
+    overflow: hidden;
+    text-overflow: ellipsis
+}
+
+.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
+    border: 1px solid transparent
+}
+
+.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
+    background-color: rgba(255, 255, 255, 0.4);
+    padding: 0 0.4em;
+    border-radius: 3px
+}
+
+.dropzone .dz-preview:hover .dz-image img {
+    -webkit-transform: scale(1.05, 1.05);
+    -moz-transform: scale(1.05, 1.05);
+    -ms-transform: scale(1.05, 1.05);
+    -o-transform: scale(1.05, 1.05);
+    transform: scale(1.05, 1.05);
+    -webkit-filter: blur(8px);
+    filter: blur(8px)
+}
+
+.dropzone .dz-preview .dz-image {
+    border-radius: 20px;
+    overflow: hidden;
+    width: 120px;
+    height: 120px;
+    position: relative;
+    display: block;
+    z-index: 10
+}
+
+.dropzone .dz-preview .dz-image img {
+    display: block
+}
+
+.dropzone .dz-preview.dz-success .dz-success-mark {
+    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
+    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
+    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
+    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
+    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)
+}
+
+.dropzone .dz-preview.dz-error .dz-error-mark {
+    opacity: 1;
+    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
+    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
+    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
+    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
+    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)
+}
+
+.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
+    pointer-events: none;
+    opacity: 0;
+    z-index: 500;
+    position: absolute;
+    display: block;
+    top: 50%;
+    left: 50%;
+    margin-left: -27px;
+    margin-top: -27px
+}
+
+.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
+    display: block;
+    width: 54px;
+    height: 54px
+}
+
+.dropzone .dz-preview.dz-processing .dz-progress {
+    opacity: 1;
+    -webkit-transition: all 0.2s linear;
+    -moz-transition: all 0.2s linear;
+    -ms-transition: all 0.2s linear;
+    -o-transition: all 0.2s linear;
+    transition: all 0.2s linear
+}
+
+.dropzone .dz-preview.dz-complete .dz-progress {
+    opacity: 0;
+    -webkit-transition: opacity 0.4s ease-in;
+    -moz-transition: opacity 0.4s ease-in;
+    -ms-transition: opacity 0.4s ease-in;
+    -o-transition: opacity 0.4s ease-in;
+    transition: opacity 0.4s ease-in
+}
+
+.dropzone .dz-preview:not(.dz-processing) .dz-progress {
+    -webkit-animation: pulse 6s ease infinite;
+    -moz-animation: pulse 6s ease infinite;
+    -ms-animation: pulse 6s ease infinite;
+    -o-animation: pulse 6s ease infinite;
+    animation: pulse 6s ease infinite
+}
+
+.dropzone .dz-preview .dz-progress {
+    opacity: 1;
+    z-index: 1000;
+    pointer-events: none;
+    position: absolute;
+    height: 16px;
+    left: 50%;
+    top: 50%;
+    margin-top: -8px;
+    width: 80px;
+    margin-left: -40px;
+    background: rgba(255, 255, 255, 0.9);
+    -webkit-transform: scale(1);
+    border-radius: 8px;
+    overflow: hidden
+}
+
+.dropzone .dz-preview .dz-progress .dz-upload {
+    background: #333;
+    background: linear-gradient(to bottom, #666, #444);
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 0;
+    -webkit-transition: width 300ms ease-in-out;
+    -moz-transition: width 300ms ease-in-out;
+    -ms-transition: width 300ms ease-in-out;
+    -o-transition: width 300ms ease-in-out;
+    transition: width 300ms ease-in-out
+}
+
+.dropzone .dz-preview.dz-error .dz-error-message {
+    display: block
+}
+
+.dropzone .dz-preview.dz-error:hover .dz-error-message {
+    transform: scale(1.5);
+    pointer-events: auto
+}
+
+.dropzone .dz-preview .dz-error-message {
+    pointer-events: none;
+    z-index: 1000;
+    position: absolute;
+    display: block;
+    display: none;
+    opacity: 1;
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -ms-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+    border-radius: 8px;
+    font-size: 13px;
+    top: 130px;
+    left: -10px;
+    width: 140px;
+    background: #be2626;
+    background: linear-gradient(to bottom, #be2626, #a92222);
+    padding: 0.5em 1.2em;
+    color: white
+}
+
+.dropzone .dz-preview .dz-error-message:after {
+    content: '';
+    position: absolute;
+    top: -6px;
+    left: 64px;
+    width: 0;
+    height: 0;
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #be2626
+}

public/vendor/laravel-filemanager/css/lfm.css

@@ -0,0 +1,387 @@
+/* General */
+
+a {
+  color: #333844;
+  text-decoration: none !important;
+  cursor: pointer;
+}
+
+#nav a, #fab a {
+  color: white;
+}
+
+#nav, #nav .dropdown-menu, .bg-main {
+  background-color: #333844;
+}
+
+#nav .dropdown-menu > a:hover {
+  color: #333844;
+}
+
+#actions {
+  display: flex;
+}
+
+#actions > a {
+  display: inline-block;
+  line-height: 4rem;
+  text-align: center;
+  width: 100%;
+  font-size: 1.25rem;
+}
+
+#actions > a > i {
+  margin-right: .25rem;
+}
+
+#actions > a + a {
+  border-left: 1px solid #dee2e6;
+}
+
+#multi_selection_toggle > i {
+  font-size: 20px;
+}
+
+.breadcrumb-item:not(.active) {
+  transition: .2s color;
+}
+
+.breadcrumb-item:not(.active):hover {
+  cursor: pointer;
+  color: #75C7C3;
+}
+
+#main {
+  width: 100%;
+}
+
+@media screen and (min-width: 992px) {
+  #main {
+    width: calc(100% - 300px);
+    /*margin-left: 1rem;*/
+    padding: 1rem;
+  }
+
+  .invisible-lg {
+    visibility: hidden;
+  }
+}
+
+#tree {
+  background-color: white;
+  width: 300px;
+}
+
+@media screen and (max-width: 991px) {
+  #tree {
+    position: absolute;
+    z-index: 999;
+    left: 0;
+    transform: translateX(-100%);
+    transition: 1s transform;
+  }
+
+  #tree.in {
+    transform: translateX(0);
+  }
+}
+
+#empty {
+  height: 60vh;
+  color: #333844;
+}
+
+#empty:not(.d-none) {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+#empty > i {
+  font-size: 10rem;
+}
+
+.carousel-image {
+  height: 50vh;
+  background-position: center;
+  background-size: contain;
+  background-repeat: no-repeat;
+  margin: 0 auto;
+}
+
+.carousel-indicators {
+  bottom: 0;
+}
+
+.carousel-label, .carousel-label:hover {
+  position: absolute;
+  bottom: 0;
+  background: linear-gradient(transparent 10px, rgba(0, 0, 0, .4), rgba(0, 0, 0, .5));
+  padding: 40px 20px 30px;
+  width: 100%;
+  color: white;
+  word-break: break-word;
+  text-align: center;
+}
+
+.carousel-control-background {
+  border-radius: 50%;
+  width: 25px;
+  height: 25px;
+  box-shadow: 0 0 10px #666;
+  background-color: #666;
+}
+
+#uploadForm > .dz-default.dz-message {
+  border: 2px dashed #ccc;
+  border-radius: 5px;
+  color: #aaa;
+  margin: 0;
+  padding: 3rem 0;
+}
+
+/* Loader */
+
+#lfm-loader {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: gray;
+  opacity: 0.7;
+  z-index: 9999;
+  text-align: center;
+}
+#lfm-loader:before {
+  content: "";
+  display: inline-block;
+  vertical-align: middle;
+  height: 100%;
+}
+#lfm-loader img {
+  width: 100px;
+  margin: 0 auto;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+/* Sidebar */
+
+.nav-pills > .nav-item > .nav-link {
+  height: 5rem;
+  display: flex;
+  align-items: center;
+}
+
+.nav-pills > .sub-item > .nav-link {
+  height: 3rem;
+  padding-left: 3rem;
+}
+
+.nav-pills > li.active > a, .nav-pills > li:hover > a {
+  background-color: #ddd;
+  border-radius: 0;
+  color: #333844;
+}
+
+/* Items */
+
+#pagination > ul.pagination {
+  justify-content: center;
+}
+
+#pagination.preserve_actions_space {
+  padding-top: 1em;
+  padding-bottom: 4rem; /* preserve space for main actions */
+}
+
+.square {
+  cursor: pointer;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 5px;
+}
+
+.grid {
+  display: flex;
+  flex-wrap: wrap;
+  padding: .5rem;
+  justify-content: center;
+}
+
+.grid a {
+  margin: .5rem;
+  display: flex;
+  flex-direction: column;
+}
+
+.list a {
+  border-top: 1px solid rgb(221, 221, 221);
+  padding: 5px;
+  margin-top: 0;
+  display: flex;
+  flex-direction: row;
+}
+
+.list a:last-child {
+  border-bottom: 1px solid rgb(221, 221, 221);
+}
+
+.grid .square {
+  border: 1px solid rgb(221, 221, 221);
+  width: 135px;
+  height: 135px;
+}
+
+.list .square {
+  margin-right: 1rem;
+  width: 70px;
+  height: 70px;
+}
+
+.square > div {
+  width: 100%;
+  height: 100%;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.square > i {
+  color: #333844;
+}
+.grid .square > i {
+  padding: 20px;
+  font-size: 80px;
+}
+.list .square > i {
+  padding: 10px;
+  font-size: 50px;
+}
+
+.grid .square.selected {
+  border: 5px solid #75C7C3;
+}
+.list .square.selected {
+  border: 4px solid #75C7C3;
+}
+.square.selected {
+  padding: 1px;
+}
+
+.grid .item_name {
+  border: 1px solid rgb(221, 221, 221);
+  border-top: none;
+  margin-top: -1px;
+  padding: 10px;
+  text-align: center;
+  max-width: calc(135px);
+}
+
+.list .item_name {
+  font-size: 1.25rem;
+  padding: 5px 0 5px;
+}
+
+time {
+  font-size: .9rem;
+}
+
+.grid time {
+  display: none;
+}
+
+.info > * {
+  max-width: calc(100vw - 70px - 60px);
+}
+
+/* Mime icon generator overwrite */
+
+.grid .mime-icon:before {
+  top: calc(45% - 1rem);
+  font-size: 2rem;
+}
+
+.list .mime-icon .ico:before {
+  top: calc(45% - .5rem);
+  font-size: 1rem;
+}
+
+.mime-icon .ico {
+  height: 100%;
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+  justify-content: center;
+}
+
+/* Floating action buttons */
+
+.fab-wrapper {
+  margin: 1.5rem;
+  right: 0;
+  bottom: 0;
+  position: fixed;
+}
+
+.fab-wrapper .fab-button {
+  position: relative;
+  background-color: #333844;
+  width: 3.5rem;
+  height: 3.5rem;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 1.25rem;
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
+}
+
+.fab-wrapper .fab-toggle {
+  z-index: 1;
+}
+
+.fab-wrapper .fab-toggle i {
+  -webkit-transform: scale(1) rotate(0deg);
+  transform: scale(1) rotate(0deg);
+  -webkit-transition: -webkit-transform 350ms;
+  transition: transform 350ms;
+}
+
+.fab-wrapper.fab-expand .fab-toggle i {
+  -webkit-transform: scale(1) rotate(-225deg);
+  transform: scale(1) rotate(-225deg);
+  -webkit-transition: -webkit-transform 350ms;
+  transition: transform 350ms;
+}
+
+.fab-wrapper .fab-action {
+  z-index: -1;
+  margin-bottom: -3.5rem;
+  opacity: 0;
+  transition: margin-bottom 350ms, opacity 350ms;
+}
+
+.fab-wrapper.fab-expand .fab-action {
+  margin-bottom: 1rem;
+  opacity: 1;
+  transition: margin-bottom 350ms, opacity 350ms;
+}
+
+.fab-wrapper .fab-action:before {
+  position: absolute;
+  right: 4rem;
+  padding: .15rem .75rem;
+  border-radius: .25rem;
+  background-color: rgba(0, 0, 0, .4);
+  color: rgba(255, 255, 255, .8);
+  text-align: right;
+  font-size: .9rem;
+  white-space: nowrap;
+  content: attr(data-label);
+}

public/vendor/laravel-filemanager/img/loader.svg

@@ -0,0 +1,33 @@
+<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
+<svg width="120" height="30" viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg" fill="#fff">
+    <circle cx="15" cy="15" r="15">
+        <animate attributeName="r" from="15" to="15"
+                 begin="0s" dur="0.8s"
+                 values="15;9;15" calcMode="linear"
+                 repeatCount="indefinite" />
+        <animate attributeName="fill-opacity" from="1" to="1"
+                 begin="0s" dur="0.8s"
+                 values="1;.5;1" calcMode="linear"
+                 repeatCount="indefinite" />
+    </circle>
+    <circle cx="60" cy="15" r="9" fill-opacity="0.3">
+        <animate attributeName="r" from="9" to="9"
+                 begin="0s" dur="0.8s"
+                 values="9;15;9" calcMode="linear"
+                 repeatCount="indefinite" />
+        <animate attributeName="fill-opacity" from="0.5" to="0.5"
+                 begin="0s" dur="0.8s"
+                 values=".5;1;.5" calcMode="linear"
+                 repeatCount="indefinite" />
+    </circle>
+    <circle cx="105" cy="15" r="15">
+        <animate attributeName="r" from="15" to="15"
+                 begin="0s" dur="0.8s"
+                 values="15;9;15" calcMode="linear"
+                 repeatCount="indefinite" />
+        <animate attributeName="fill-opacity" from="1" to="1"
+                 begin="0s" dur="0.8s"
+                 values="1;.5;1" calcMode="linear"
+                 repeatCount="indefinite" />
+    </circle>
+</svg>

public/vendor/laravel-filemanager/js/filemanager.js

@@ -0,0 +1,22 @@
+/**
+ * Open file manager and return selected files.
+ * Promise is never resolved if window is closed.
+ *
+ * @returns Promise<array> Array of selected files with properties:
+ *      icon        string
+ *      is_file     bool
+ *      is_image    bool
+ *      name        string
+ *      thumb_url   string|null
+ *      time        int
+ *      url         string
+ */
+window.filemanager = function filemanager() {
+    var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '/filemanager';
+    var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'FileManager';
+    var features = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'width=900,height=600';
+    return new Promise(function (resolve) {
+        window.open(url, target, features);
+        window.SetUrl = resolve;
+    });
+};

public/vendor/laravel-filemanager/js/filemanager.min.js

@@ -0,0 +1 @@
+window.filemanager=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/filemanager",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"FileManager",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"width=900,height=600";return new Promise(function(o){window.open(n,e,i),window.SetUrl=o})};

public/vendor/laravel-filemanager/js/script.js

@@ -0,0 +1,812 @@
+var lfm_route = location.origin + location.pathname;
+var show_list;
+var sort_type = 'alphabetic';
+var multi_selection_enabled = false;
+var selected = [];
+var items = [];
+
+$.fn.fab = function (options) {
+  var menu = this;
+  menu.addClass('fab-wrapper');
+
+  var toggler = $('<a>')
+    .addClass('fab-button fab-toggle')
+    .append($('<i>').addClass('fas fa-plus'))
+    .click(function () {
+      menu.toggleClass('fab-expand');
+    });
+
+  menu.append(toggler);
+
+  options.buttons.forEach(function (button) {
+    toggler.before(
+      $('<a>').addClass('fab-button fab-action')
+        .attr('data-label', button.label)
+        .attr('id', button.attrs.id)
+        .append($('<i>').addClass(button.icon))
+        .click(function () {
+          menu.removeClass('fab-expand');
+        })
+    );
+  });
+};
+
+$(document).ready(function () {
+  $('#fab').fab({
+    buttons: [
+      {
+        icon: 'fas fa-upload',
+        label: lang['nav-upload'],
+        attrs: {id: 'upload'}
+      },
+      {
+        icon: 'fas fa-folder',
+        label: lang['nav-new'],
+        attrs: {id: 'add-folder'}
+      }
+    ]
+  });
+
+  actions.reverse().forEach(function (action) {
+    $('#nav-buttons > ul').prepend(
+      $('<li>').addClass('nav-item').append(
+        $('<a>').addClass('nav-link d-none')
+          .attr('data-action', action.name)
+          .attr('data-multiple', action.multiple)
+          .append($('<i>').addClass('fas fa-fw fa-' + action.icon))
+          .append($('<span>').text(action.label))
+      )
+    );
+  });
+
+  sortings.forEach(function (sort) {
+    $('#nav-buttons .dropdown-menu').append(
+      $('<a>').addClass('dropdown-item').attr('data-sortby', sort.by)
+        .append($('<i>').addClass('fas fa-fw fa-' + sort.icon))
+        .append($('<span>').text(sort.label))
+        .click(function() {
+          sort_type = sort.by;
+          loadItems();
+        })
+    );
+  });
+
+  loadFolders();
+  performLfmRequest('errors')
+    .done(function (response) {
+      JSON.parse(response).forEach(function (message) {
+        $('#alerts').append(
+          $('<div>').addClass('alert alert-warning')
+            .append($('<i>').addClass('fas fa-exclamation-circle'))
+            .append(' ' + message)
+        );
+      });
+    });
+
+  $(window).on('dragenter', function(){
+    $('#uploadModal').modal('show');
+  });
+
+  if (usingWysiwygEditor()) {
+    $('#multi_selection_toggle').hide();
+  }
+});
+
+// ======================
+// ==  Navbar actions  ==
+// ======================
+
+$('#multi_selection_toggle').click(function () {
+  multi_selection_enabled = !multi_selection_enabled;
+
+  $('#multi_selection_toggle i')
+    .toggleClass('fa-times', multi_selection_enabled)
+    .toggleClass('fa-check-double', !multi_selection_enabled);
+
+  if (!multi_selection_enabled) {
+    clearSelected();
+  }
+});
+
+$('#to-previous').click(function () {
+  var previous_dir = getPreviousDir();
+  if (previous_dir == '') return;
+  goTo(previous_dir);
+});
+
+function toggleMobileTree(should_display) {
+  if (should_display === undefined) {
+    should_display = !$('#tree').hasClass('in');
+  }
+  $('#tree').toggleClass('in', should_display);
+}
+
+$('#show_tree').click(function (e) {
+  toggleMobileTree();
+});
+
+$('#main').click(function (e) {
+  if ($('#tree').hasClass('in')) {
+    toggleMobileTree(false);
+  }
+});
+
+$(document).on('click', '#add-folder', function () {
+  dialog(lang['message-name'], '', createFolder);
+});
+
+$(document).on('click', '#upload', function () {
+  $('#uploadModal').modal('show');
+});
+
+$(document).on('click', '[data-display]', function() {
+  show_list = $(this).data('display');
+  loadItems();
+});
+
+$(document).on('click', '[data-action]', function() {
+  window[$(this).data('action')]($(this).data('multiple') ? getSelectedItems() : getOneSelectedElement());
+});
+
+// ==========================
+// ==  Multiple Selection  ==
+// ==========================
+
+function toggleSelected (e) {
+  if (!multi_selection_enabled) {
+    selected = [];
+  }
+
+  var sequence = $(e.target).closest('a').data('id');
+  var element_index = selected.indexOf(sequence);
+  if (element_index === -1) {
+    selected.push(sequence);
+  } else {
+    selected.splice(element_index, 1);
+  }
+
+  updateSelectedStyle();
+}
+
+function clearSelected () {
+  selected = [];
+
+  multi_selection_enabled = false;
+
+  updateSelectedStyle();
+}
+
+function updateSelectedStyle() {
+  items.forEach(function (item, index) {
+    $('[data-id=' + index + ']')
+      .find('.square')
+      .toggleClass('selected', selected.indexOf(index) > -1);
+  });
+  toggleActions();
+}
+
+function getOneSelectedElement(orderOfItem) {
+  var index = orderOfItem !== undefined ? orderOfItem : selected[0];
+  return items[index];
+}
+
+function getSelectedItems() {
+  return selected.reduce(function (arr_objects, id) {
+    arr_objects.push(getOneSelectedElement(id));
+    return arr_objects
+  }, []);
+}
+
+function toggleActions() {
+  var one_selected = selected.length === 1;
+  var many_selected = selected.length >= 1;
+  var only_image = getSelectedItems()
+    .filter(function (item) { return !item.is_image; })
+    .length === 0;
+  var only_file = getSelectedItems()
+    .filter(function (item) { return !item.is_file; })
+    .length === 0;
+
+  $('[data-action=use]').toggleClass('d-none', !(many_selected && only_file));
+  $('[data-action=rename]').toggleClass('d-none', !one_selected);
+  $('[data-action=preview]').toggleClass('d-none', !(many_selected && only_file));
+  $('[data-action=move]').toggleClass('d-none', !many_selected);
+  $('[data-action=download]').toggleClass('d-none', !(many_selected && only_file));
+  $('[data-action=resize]').toggleClass('d-none', !(one_selected && only_image));
+  $('[data-action=crop]').toggleClass('d-none', !(one_selected && only_image));
+  $('[data-action=trash]').toggleClass('d-none', !many_selected);
+  $('[data-action=open]').toggleClass('d-none', !one_selected || only_file);
+  $('#multi_selection_toggle').toggleClass('d-none', usingWysiwygEditor() || !many_selected);
+  $('#actions').toggleClass('d-none', selected.length === 0);
+  $('#fab').toggleClass('d-none', selected.length !== 0);
+}
+
+// ======================
+// ==  Folder actions  ==
+// ======================
+
+$(document).on('click', '#tree a', function (e) {
+  goTo($(e.target).closest('a').data('path'));
+  toggleMobileTree(false);
+});
+
+function goTo(new_dir) {
+  $('#working_dir').val(new_dir);
+  loadItems();
+}
+
+function getPreviousDir() {
+  var working_dir = $('#working_dir').val();
+  return working_dir.substring(0, working_dir.lastIndexOf('/'));
+}
+
+function setOpenFolders() {
+  $('#tree [data-path]').each(function (index, folder) {
+    // close folders that are not parent
+    var should_open = ($('#working_dir').val() + '/').startsWith($(folder).data('path') + '/');
+    $(folder).children('i')
+      .toggleClass('fa-folder-open', should_open)
+      .toggleClass('fa-folder', !should_open);
+  });
+
+  $('#tree .nav-item').removeClass('active');
+  $('#tree [data-path="' + $('#working_dir').val() + '"]').parent('.nav-item').addClass('active');
+}
+
+// ====================
+// ==  Ajax actions  ==
+// ====================
+
+function performLfmRequest(url, parameter, type) {
+  var data = defaultParameters();
+
+  if (parameter != null) {
+    $.each(parameter, function (key, value) {
+      data[key] = value;
+    });
+  }
+
+  return $.ajax({
+    type: 'GET',
+    beforeSend: function(request) {
+      var token = getUrlParam('token');
+      if (token !== null) {
+        request.setRequestHeader("Authorization", 'Bearer ' + token);
+      }
+    },
+    dataType: type || 'text',
+    url: lfm_route + '/' + url,
+    data: data,
+    cache: false
+  }).fail(function (jqXHR, textStatus, errorThrown) {
+    displayErrorResponse(jqXHR);
+  });
+}
+
+function displayErrorResponse(jqXHR) {
+  notify('<div style="max-height:50vh;overflow: scroll;">' + jqXHR.responseText + '</div>');
+}
+
+var refreshFoldersAndItems = function (data) {
+  loadFolders();
+  if (data != 'OK') {
+    data = Array.isArray(data) ? data.join('<br/>') : data;
+    notify(data);
+  }
+};
+
+var hideNavAndShowEditor = function (data) {
+  $('#nav-buttons > ul').addClass('d-none');
+  $('#content').html(data);
+  $('#pagination').removeClass('preserve_actions_space')
+  clearSelected();
+}
+
+function loadFolders() {
+  performLfmRequest('folders', {}, 'html')
+    .done(function (data) {
+      $('#tree').html(data);
+      loadItems();
+    });
+}
+
+function generatePaginationHTML(el, args) {
+  var template = '<li class="page-item"><\/li>';
+  var linkTemplate = '<a class="page-link"><\/a>';
+  var currentPage = args.currentPage;
+  var totalPage = args.totalPage;
+  var rangeStart = args.rangeStart;
+  var rangeEnd = args.rangeEnd;
+  var i;
+
+  // Disable page range, display all the pages
+  if (args.pageRange === null) {
+    for (i = 1; i <= totalPage; i++) {
+      var button = $(template)
+        .attr('data-num', i)
+        .append($(linkTemplate).html(i));
+      if (i == currentPage) {
+        button.addClass('active');
+      }
+      el.append(button);
+    }
+
+    return;
+  }
+
+  if (rangeStart <= 3) {
+    for (i = 1; i < rangeStart; i++) {
+      var button = $(template)
+        .attr('data-num', i)
+        .append($(linkTemplate).html(i));
+      if (i == currentPage) {
+        button.addClass('active');
+      }
+      el.append(button);
+    }
+  } else {
+    var button = $(template)
+      .attr('data-num', 1)
+      .append($(linkTemplate).html(1));
+    el.append(button);
+
+    var button = $(template)
+      .addClass('disabled')
+      .append($(linkTemplate).html('...'));
+    el.append(button);
+  }
+
+  for (i = rangeStart; i <= rangeEnd; i++) {
+    var button = $(template)
+      .attr('data-num', i)
+      .append($(linkTemplate).html(i));
+    if (i == currentPage) {
+      button.addClass('active');
+    }
+    el.append(button);
+  }
+
+  if (rangeEnd >= totalPage - 2) {
+    for (i = rangeEnd + 1; i <= totalPage; i++) {
+      var button = $(template)
+        .attr('data-num', i)
+        .append($(linkTemplate).html(i));
+      el.append(button);
+    }
+  } else {
+    var button = $(template)
+      .addClass('disabled')
+      .append($(linkTemplate).html('...'));
+    el.append(button);
+
+    var button = $(template)
+      .attr('data-num', totalPage)
+      .append($(linkTemplate).html(totalPage));
+    el.append(button);
+  }
+}
+
+function createPagination(paginationSetting) {
+  var el = $('<ul class="pagination" role="navigation"></ul>');
+
+  var currentPage = paginationSetting.current_page;
+  var pageRange = 5;
+  var totalPage = Math.ceil(paginationSetting.total / paginationSetting.per_page);
+
+  var rangeStart = currentPage - pageRange;
+  var rangeEnd = currentPage + pageRange;
+
+  if (rangeEnd > totalPage) {
+    rangeEnd = totalPage;
+    rangeStart = totalPage - pageRange * 2;
+    rangeStart = rangeStart < 1 ? 1 : rangeStart;
+  }
+
+  if (rangeStart <= 1) {
+    rangeStart = 1;
+    rangeEnd = Math.min(pageRange * 2 + 1, totalPage);
+  }
+
+  generatePaginationHTML(el, {
+    totalPage: totalPage,
+    currentPage: currentPage,
+    pageRange: pageRange,
+    rangeStart: rangeStart,
+    rangeEnd: rangeEnd
+  });
+
+  $('#pagination').append(el);
+}
+
+function loadItems(page) {
+  loading(true);
+  performLfmRequest('jsonitems', {show_list: show_list, sort_type: sort_type, page: page || 1}, 'html')
+    .done(function (data) {
+      selected = [];
+      var response = JSON.parse(data);
+      var working_dir = response.working_dir;
+      items = response.items;
+      var hasItems = items.length !== 0;
+      var hasPaginator = !!response.paginator;
+      $('#empty').toggleClass('d-none', hasItems);
+      $('#content').html('').removeAttr('class');
+      $('#pagination').html('').removeAttr('class');
+
+      if (hasItems) {
+        $('#content').addClass(response.display);
+        $('#pagination').addClass('preserve_actions_space');
+
+        items.forEach(function (item, index) {
+          var template = $('#item-template').clone()
+            .removeAttr('id class')
+            .attr('data-id', index)
+            .click(toggleSelected)
+            .dblclick(function (e) {
+              if (item.is_file) {
+                use(getSelectedItems());
+              } else {
+                goTo(item.url);
+              }
+            });
+
+          if (item.thumb_url) {
+            var image = $('<div>').css('background-image', 'url("' + item.thumb_url + '?timestamp=' + item.time + '")');
+          } else {
+            var icon = $('<div>').addClass('ico');
+            var image = $('<div>').addClass('mime-icon ico-' + item.icon).append(icon);
+          }
+
+          template.find('.square').append(image);
+          template.find('.item_name').text(item.name);
+          template.find('time').text((new Date(item.time * 1000)).toLocaleString());
+
+          $('#content').append(template);
+        });
+      }
+
+      if (hasPaginator) {
+        createPagination(response.paginator);
+
+        $('#pagination a').on('click', function(event) {
+          event.preventDefault();
+
+          loadItems($(this).closest('li')[0].getAttribute('data-num'));
+
+          return false;
+        });
+      }
+
+      $('#nav-buttons > ul').removeClass('d-none');
+
+      $('#working_dir').val(working_dir);
+      console.log('Current working_dir : ' + working_dir);
+      var breadcrumbs = [];
+      var validSegments = working_dir.split('/').filter(function (e) { return e; });
+      validSegments.forEach(function (segment, index) {
+        if (index === 0) {
+          // set root folder name as the first breadcrumb
+          breadcrumbs.push($("[data-path='/" + segment + "']").text());
+        } else {
+          breadcrumbs.push(segment);
+        }
+      });
+
+      $('#current_folder').text(breadcrumbs[breadcrumbs.length - 1]);
+      $('#breadcrumbs > ol').html('');
+      breadcrumbs.forEach(function (breadcrumb, index) {
+        var li = $('<li>').addClass('breadcrumb-item').text(breadcrumb);
+
+        if (index === breadcrumbs.length - 1) {
+          li.addClass('active').attr('aria-current', 'page');
+        } else {
+          li.click(function () {
+            // go to corresponding path
+            goTo('/' + validSegments.slice(0, 1 + index).join('/'));
+          });
+        }
+
+        $('#breadcrumbs > ol').append(li);
+      });
+
+      var atRootFolder = getPreviousDir() == '';
+      $('#to-previous').toggleClass('d-none invisible-lg', atRootFolder);
+      $('#show_tree').toggleClass('d-none', !atRootFolder).toggleClass('d-block', atRootFolder);
+      setOpenFolders();
+      loading(false);
+      toggleActions();
+    });
+}
+
+function loading(show_loading) {
+  $('#loading').toggleClass('d-none', !show_loading);
+}
+
+function createFolder(folder_name) {
+  performLfmRequest('newfolder', {name: folder_name})
+    .done(refreshFoldersAndItems);
+}
+
+// ==================================
+// ==         File Actions         ==
+// ==================================
+
+function rename(item) {
+  dialog(lang['message-rename'], item.name, function (new_name) {
+    performLfmRequest('rename', {
+      file: item.name,
+      new_name: new_name
+    }).done(refreshFoldersAndItems);
+  });
+}
+
+function trash(items) {
+  notify(lang['message-delete'], function () {
+    performLfmRequest('delete', {
+      items: items.map(function (item) { return item.name; })
+    }).done(refreshFoldersAndItems)
+  });
+}
+
+function crop(item) {
+  performLfmRequest('crop', {img: item.name})
+    .done(hideNavAndShowEditor);
+}
+
+function resize(item) {
+  performLfmRequest('resize', {img: item.name})
+    .done(hideNavAndShowEditor);
+}
+
+function download(items) {
+  items.forEach(function (item, index) {
+    var data = defaultParameters();
+
+    data['file'] = item.name;
+
+    var token = getUrlParam('token');
+    if (token) {
+      data['token'] = token;
+    }
+
+    setTimeout(function () {
+      location.href = lfm_route + '/download?' + $.param(data);
+    }, index * 100);
+  });
+}
+
+function open(item) {
+  goTo(item.url);
+}
+
+function preview(items) {
+  var carousel = $('#carouselTemplate').clone().attr('id', 'previewCarousel').removeClass('d-none');
+  var imageTemplate = carousel.find('.carousel-item').clone().removeClass('active');
+  var indicatorTemplate = carousel.find('.carousel-indicators > li').clone().removeClass('active');
+  carousel.children('.carousel-inner').html('');
+  carousel.children('.carousel-indicators').html('');
+  carousel.children('.carousel-indicators,.carousel-control-prev,.carousel-control-next').toggle(items.length > 1);
+
+  items.forEach(function (item, index) {
+    var carouselItem = imageTemplate.clone()
+      .addClass(index === 0 ? 'active' : '');
+
+    if (item.thumb_url) {
+      carouselItem.find('.carousel-image').css('background-image', 'url(\'' + item.url + '?timestamp=' + item.time + '\')');
+    } else {
+      carouselItem.find('.carousel-image').css('width', '50vh').append($('<div>').addClass('mime-icon ico-' + item.icon));
+    }
+
+    carouselItem.find('.carousel-label').attr('target', '_blank').attr('href', item.url)
+      .append(item.name)
+      .append($('<i class="fas fa-external-link-alt ml-2"></i>'));
+
+    carousel.children('.carousel-inner').append(carouselItem);
+
+    var carouselIndicator = indicatorTemplate.clone()
+      .addClass(index === 0 ? 'active' : '')
+      .attr('data-slide-to', index);
+    carousel.children('.carousel-indicators').append(carouselIndicator);
+  });
+
+
+  // carousel swipe control
+  var touchStartX = null;
+
+  carousel.on('touchstart', function (event) {
+    var e = event.originalEvent;
+    if (e.touches.length == 1) {
+      var touch = e.touches[0];
+      touchStartX = touch.pageX;
+    }
+  }).on('touchmove', function (event) {
+    var e = event.originalEvent;
+    if (touchStartX != null) {
+      var touchCurrentX = e.changedTouches[0].pageX;
+      if ((touchCurrentX - touchStartX) > 60) {
+        touchStartX = null;
+        carousel.carousel('prev');
+      } else if ((touchStartX - touchCurrentX) > 60) {
+        touchStartX = null;
+        carousel.carousel('next');
+      }
+    }
+  }).on('touchend', function () {
+    touchStartX = null;
+  });
+  // end carousel swipe control
+
+  notify(carousel);
+}
+
+function move(items) {
+  performLfmRequest('move', { items: items.map(function (item) { return item.name; }) })
+    .done(refreshFoldersAndItems);
+}
+
+function getUrlParam(paramName) {
+  var reParam = new RegExp('(?:[\?&]|&)' + paramName + '=([^&]+)', 'i');
+  var match = window.location.search.match(reParam);
+  return ( match && match.length > 1 ) ? match[1] : null;
+}
+
+function use(items) {
+  function useTinymce3(url) {
+    if (!usingTinymce3()) { return; }
+
+    var win = tinyMCEPopup.getWindowArg("window");
+    win.document.getElementById(tinyMCEPopup.getWindowArg("input")).value = url;
+    if (typeof(win.ImageDialog) != "undefined") {
+      // Update image dimensions
+      if (win.ImageDialog.getImageData) {
+        win.ImageDialog.getImageData();
+      }
+
+      // Preview if necessary
+      if (win.ImageDialog.showPreviewImage) {
+        win.ImageDialog.showPreviewImage(url);
+      }
+    }
+    tinyMCEPopup.close();
+  }
+
+  function useTinymce4AndColorbox(url) {
+    if (!usingTinymce4AndColorbox()) { return; }
+
+    parent.document.getElementById(getUrlParam('field_name')).value = url;
+
+    if(typeof parent.tinyMCE !== "undefined") {
+      parent.tinyMCE.activeEditor.windowManager.close();
+    }
+    if(typeof parent.$.fn.colorbox !== "undefined") {
+      parent.$.fn.colorbox.close();
+    }
+  }
+
+  function useTinymce5(url){
+    if (!usingTinymce5()) { return; }
+
+    parent.postMessage({
+      mceAction: 'insert',
+      content: url
+    });
+
+    parent.postMessage({ mceAction: 'close' });
+  }
+
+  function useCkeditor3(url) {
+    if (!usingCkeditor3()) { return; }
+
+    if (window.opener) {
+      // Popup
+      window.opener.CKEDITOR.tools.callFunction(getUrlParam('CKEditorFuncNum'), url);
+    } else {
+      // Modal (in iframe)
+      parent.CKEDITOR.tools.callFunction(getUrlParam('CKEditorFuncNum'), url);
+      parent.CKEDITOR.tools.callFunction(getUrlParam('CKEditorCleanUpFuncNum'));
+    }
+  }
+
+  function useFckeditor2(url) {
+    if (!usingFckeditor2()) { return; }
+
+    var p = url;
+    var w = data['Properties']['Width'];
+    var h = data['Properties']['Height'];
+    window.opener.SetUrl(p,w,h);
+  }
+
+  var url = items[0].url;
+  var callback = getUrlParam('callback');
+  var useFileSucceeded = true;
+
+  if (usingWysiwygEditor()) {
+    useTinymce3(url);
+
+    useTinymce4AndColorbox(url);
+
+    useTinymce5(url);
+
+    useCkeditor3(url);
+
+    useFckeditor2(url);
+  } else if (callback && window[callback]) {
+    window[callback](getSelectedItems());
+  } else if (callback && parent[callback]) {
+    parent[callback](getSelectedItems());
+  } else if (window.opener) { // standalone button or other situations
+    window.opener.SetUrl(getSelectedItems());
+  } else {
+    useFileSucceeded = false;
+  }
+
+  if (useFileSucceeded) {
+    if (window.opener) {
+      window.close();
+    }
+  } else {
+    console.log('window.opener not found');
+    // No editor found, open/download file using browser's default method
+    window.open(url);
+  }
+}
+//end useFile
+
+// ==================================
+// ==     WYSIWYG Editors Check    ==
+// ==================================
+
+function usingTinymce3() {
+  return !!window.tinyMCEPopup;
+}
+
+function usingTinymce4AndColorbox() {
+  return !!getUrlParam('field_name');
+}
+
+function usingTinymce5(){
+    return !!getUrlParam('editor');
+}
+
+function usingCkeditor3() {
+  return !!getUrlParam('CKEditor') || !!getUrlParam('CKEditorCleanUpFuncNum');
+}
+
+function usingFckeditor2() {
+  return window.opener && typeof data != 'undefined' && data['Properties']['Width'] != '';
+}
+
+function usingWysiwygEditor() {
+  return usingTinymce3() || usingTinymce4AndColorbox() || usingTinymce5() || usingCkeditor3() || usingFckeditor2();
+}
+
+// ==================================
+// ==            Others            ==
+// ==================================
+
+function defaultParameters() {
+  return {
+    working_dir: $('#working_dir').val(),
+    type: $('#type').val()
+  };
+}
+
+function notImp() {
+  notify('Not yet implemented!');
+}
+
+function notify(body, callback) {
+  $('#notify').find('.btn-primary').toggle(callback !== undefined);
+  $('#notify').find('.btn-primary').unbind().click(callback);
+  $('#notify').modal('show').find('.modal-body').html(body);
+}
+
+function dialog(title, value, callback) {
+  $('#dialog').find('input').val(value);
+  $('#dialog').on('shown.bs.modal', function () {
+    $('#dialog').find('input').focus();
+  });
+  $('#dialog').find('.btn-primary').unbind().click(function (e) {
+    callback($('#dialog').find('input').val());
+  });
+  $('#dialog').modal('show').find('.modal-title').text(title);
+}

public/vendor/laravel-filemanager/js/stand-alone-button.js

@@ -0,0 +1,36 @@
+(function( $ ){
+
+  $.fn.filemanager = function(type, options) {
+    type = type || 'file';
+
+    this.on('click', function(e) {
+      var route_prefix = (options && options.prefix) ? options.prefix : '/filemanager';
+      var target_input = $('#' + $(this).data('input'));
+      var target_preview = $('#' + $(this).data('preview'));
+      window.open(route_prefix + '?type=' + type, 'FileManager', 'width=900,height=600');
+      window.SetUrl = function (items) {
+        var file_path = items.map(function (item) {
+          return item.url;
+        }).join(',');
+
+        // set the value of the desired input to image url
+        target_input.val('').val(file_path).trigger('change');
+
+        // clear previous preview
+        target_preview.html('');
+
+        // set or change the preview image src
+        items.forEach(function (item) {
+          target_preview.append(
+            $('<img>').css('height', '5rem').attr('src', item.thumb_url)
+          );
+        });
+
+        // trigger change event
+        target_preview.trigger('change');
+      };
+      return false;
+    });
+  }
+
+})(jQuery);

routes/web.php

@@ -12,5 +12,8 @@ Route::post('api/weibo/store', 'WeiboController@store');
 Route::get('google/photo/connect', 'GooglePhotoController@connect');
 Route::get('google/photo/index', 'GooglePhotoController@index');
 Route::post("api/live/video/add", "LiveVideoController@add");
+Route::group(['prefix' => 'laravel-filemanager', 'middleware' => ['web', 'auth']], function () {
+    \UniSharp\LaravelFilemanager\Lfm::routes();
+});