user management v1.6-alpha.1

app/Console/Commands/SetupDevEnvironment.php

@@ -109,9 +109,9 @@ class SetupDevEnvironment extends Command
         $user = User::create([
             'name'     => 'Jane Doe',
             'email'    => 'howdy@hi5ve.digital',
-            'password' => \Hash::make('secret'),
+            'password' => \Hash::make('vuefilemanager'),
         ]);
 
-        $this->info('Test user created. Email: ' . $user->email . ' Password: secret');
+        $this->info('Test user created. Email: ' . $user->email . ' Password: vuefilemanager');
     }
 }

app/Console/Commands/UpgradeApp.php

@@ -0,0 +1,86 @@
+<?php
+
+namespace App\Console\Commands;
+
+use App\User;
+use App\UserSettings;
+use Illuminate\Console\Command;
+
+class UpgradeApp extends Command
+{
+    /**
+     * The name and signature of the console command.
+     *
+     * @var string
+     */
+    protected $signature = 'upgrade:app {version}';
+
+    /**
+     * The console command description.
+     *
+     * @var string
+     */
+    protected $description = 'Upgrade application to new version';
+
+    /**
+     * Create a new command instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        parent::__construct();
+    }
+
+    /**
+     * Execute the console command.
+     *
+     * @return mixed
+     */
+    public function handle()
+    {
+        $this->info('Upgrading your application to version ' . $this->argument('version'));
+
+        // Version 1.6
+        if ($this->argument('version') === 'v1.6') {
+            $this->version_1_6();
+        }
+
+        $this->info('Your application was upgraded! 🥳🥳🥳');
+    }
+
+    /**
+     * Upgrade script to version 1.6
+     */
+    public function version_1_6() {
+
+        // Migrate new tables and changes
+        $this->call('migrate');
+
+        // Create user settings records
+        $this->info('Updating users options...');
+
+        User::all()->each(function ($user) {
+            $this->info('Update user with id: ' . $user->id);
+            UserSettings::create(['user_id' => $user->id]);
+        });
+
+        $this->info('Updating user options is done!');
+
+        // Set up admin
+        $email = $this->ask('Which user would you like set up as admin? Please type user email');
+
+        $admin = User::where('email', $email)->first();
+
+        if (! $admin) {
+            $email = $this->ask('We can\'t find user with this email, please try it again');
+            $admin = User::where('email', $email)->first();
+        }
+
+        // Save new role for selected user
+        $admin->role = 'admin';
+        $admin->save();
+
+        $this->info('Admin was set up successfully');
+    }
+}

app/Console/Kernel.php

@@ -5,6 +5,7 @@ namespace App\Console;
 use App\Console\Commands\Deploy;
 use App\Console\Commands\SetupDevEnvironment;
 use App\Console\Commands\SetupProductionEnvironment;
+use App\Console\Commands\UpgradeApp;
 use Illuminate\Console\Scheduling\Schedule;
 use Illuminate\Foundation\Console\Kernel as ConsoleKernel;
 
@@ -18,6 +19,7 @@ class Kernel extends ConsoleKernel
     protected $commands = [
         SetupProductionEnvironment::class,
         SetupDevEnvironment::class,
+        UpgradeApp::class,
         Deploy::class,
     ];
 

app/Http/Controllers/Admin/UserController.php

@@ -0,0 +1,161 @@
+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use App\FileManagerFile;
+use App\FileManagerFolder;
+use App\Http\Controllers\Controller;
+use App\Http\Resources\UsersCollection;
+use App\Http\Resources\UserResource;
+use App\Http\Resources\UserStorageResource;
+use App\Share;
+use App\User;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Gate;
+use Illuminate\Support\Str;
+use Storage;
+
+class UserController extends Controller
+{
+    /**
+     * Get user details
+     *
+     * @param $id
+     * @return UserResource
+     */
+    public function details($id)
+    {
+        return new UserResource(User::findOrFail($id));
+    }
+
+    /**
+     * Get user storage details
+     *
+     * @param $id
+     * @return UserStorageResource
+     */
+    public function storage($id)
+    {
+        return new UserStorageResource(User::findOrFail($id));
+    }
+
+    /**
+     * Get all users
+     *
+     * @return UsersCollection
+     */
+    public function users()
+    {
+        return new UsersCollection(User::all());
+    }
+
+    /**
+     * Change user role
+     *
+     * @param Request $request
+     * @param $id
+     * @return UserResource
+     */
+    public function change_role(Request $request, $id)
+    {
+        // TODO: validacia
+
+        $user = User::findOrFail($id);
+
+        $user->update($request->input('attributes'));
+
+        return new UserResource($user);
+    }
+
+    /**
+     * Change user storage capacity
+     *
+     * @param Request $request
+     * @param $id
+     * @return UserStorageResource
+     */
+    public function change_storage_capacity(Request $request, $id)
+    {
+        // TODO: validacia
+
+        $user = User::findOrFail($id);
+
+        $user->settings()->update($request->input('attributes'));
+
+        return new UserStorageResource($user);
+    }
+
+    /**
+     * Send user password reset link
+     *
+     * @param $id
+     * @return \Illuminate\Contracts\Routing\ResponseFactory|\Illuminate\Http\Response
+     */
+    public function send_password_reset_email($id)
+    {
+        $user = User::findOrFail($id);
+
+        $user->sendPasswordResetNotification(Str::random(60));
+
+        return response('Done!', 204);
+    }
+
+    /**
+     * Delete user with all user data
+     *
+     * @param Request $request
+     * @param $id
+     * @return \Illuminate\Contracts\Routing\ResponseFactory|\Illuminate\Http\Response
+     * @throws \Exception
+     */
+    public function delete_user(Request $request, $id)
+    {
+        $user = User::findOrFail($id);
+
+        // Check for self deleted account
+        if ($user->id === Auth::id()) {
+            abort(406, 'You can\'t delete your account');
+        }
+
+        // Validate user name
+        if ( $user->name !== $request->name) abort(403);
+
+        $files = FileManagerFile::where('user_id', $user->id)->get();
+        $shares = Share::where('user_id', $user->id)->get();
+        $folders = FileManagerFolder::where('user_id', $user->id)->get();
+
+        // Remove all files and thumbnails
+        $files->each(function ($file) {
+
+            // Delete file
+            Storage::delete('/file-manager/' . $file->basename);
+
+            // Delete thumbnail if exist
+            if (!is_null($file->thumbnail)) {
+                Storage::delete('/file-manager/' . $file->getOriginal('thumbnail'));
+            }
+
+            // Delete file permanently
+            $file->forceDelete();
+        });
+
+        // Remove avatar
+        if ($user->avatar) {
+            Storage::delete('/avatars/' . $user->avatar);
+        }
+
+        // Remove folders & shares
+        $folders->each->forceDelete();
+        $shares->each->forceDelete();
+
+        // Remove favourites
+        $user->settings->delete();
+        $user->favourites()->sync([]);
+
+        // Delete user
+        $user->delete();
+
+        return response('Done!', 204);
+    }
+}

app/Http/Controllers/Auth/AuthController.php

@@ -4,6 +4,7 @@ namespace App\Http\Controllers\Auth;
 
 use App\Http\Requests\Auth\CheckAccountRequest;
 use App\User;
+use App\UserSettings;
 use Illuminate\Http\Request;
 use App\Http\Controllers\Controller;
 use Illuminate\Support\Facades\Auth;
@@ -73,12 +74,17 @@ class AuthController extends Controller
         ]);
 
         // Create user
-        User::create([
+        $user = User::create([
             'name'     => $request->name,
             'email'    => $request->email,
             'password' => Hash::make($request->password),
         ]);
 
+        // Create settings
+        $settings = UserSettings::create([
+            'user_id' => $user->id
+        ]);
+
         $response = Route::dispatch(self::make_request($request));
 
         if ($response->isSuccessful()) {

app/Http/Controllers/User/AccountController.php

@@ -5,6 +5,7 @@ namespace App\Http\Controllers\User;
 use App\FileManagerFile;
 use App\FileManagerFolder;
 use App\Http\Resources\StorageDetailResource;
+use App\Http\Resources\UserStorageResource;
 use App\Http\Tools\Demo;
 use Illuminate\Contracts\Routing\ResponseFactory;
 use Illuminate\Support\Facades\Validator;
@@ -36,7 +37,7 @@ class AccountController extends Controller
             ->get();
 
         return [
-            'user'       => $user->only(['name', 'email', 'avatar']),
+            'user'       => $user->only(['name', 'email', 'avatar', 'role']),
             'favourites' => $user->favourites->makeHidden(['pivot']),
             'tree'       => $tree,
             'storage'    => [
@@ -50,84 +51,11 @@ class AccountController extends Controller
     /**
      * Get storage details
      *
-     * @return array
+     * @return UserStorageResource
      */
     public function storage()
     {
-        $document_mimetypes = [
+        return new UserStorageResource(Auth::user());
-            'pdf', 'numbers', 'xlsx', 'xls', 'txt', 'md', 'rtf', 'pptx', 'ppt', 'odt', 'ods', 'odp', 'epub', 'docx', 'doc', 'csv', 'pages'
-        ];
-
-        $user = Auth::user();
-        $storage_capacity = config('vuefilemanager.user_storage_capacity');
-
-        $images = FileManagerFile::where('user_id', $user->id)
-            ->where('type', 'image')->get()->map(function ($item) {
-                return (int)$item->getOriginal('filesize');
-            })->sum();
-
-        $audios = FileManagerFile::where('user_id', $user->id)
-            ->where('type', 'audio')->get()->map(function ($item) {
-                return (int)$item->getOriginal('filesize');
-            })->sum();
-
-        $videos = FileManagerFile::where('user_id', $user->id)
-            ->where('type', 'video')->get()->map(function ($item) {
-                return (int)$item->getOriginal('filesize');
-            })->sum();
-
-        $documents = FileManagerFile::where('user_id', $user->id)
-            ->whereIn('mimetype', $document_mimetypes)->get()->map(function ($item) {
-                return (int)$item->getOriginal('filesize');
-            })->sum();
-
-        $others = FileManagerFile::where('user_id', $user->id)
-            ->whereNotIn('mimetype', $document_mimetypes)
-            ->whereNotIn('type', ['audio', 'video', 'image'])
-            ->get()->map(function ($item) {
-                return (int)$item->getOriginal('filesize');
-            })->sum();
-
-        $usage = collect([
-            'images'    => [
-                'used'       => $images,
-                'percentage' => get_storage_fill_percentage($images, $storage_capacity),
-            ],
-            'audios'    => [
-                'used'       => $audios,
-                'percentage' => get_storage_fill_percentage($audios, $storage_capacity),
-            ],
-            'videos'    => [
-                'used'       => $videos,
-                'percentage' => get_storage_fill_percentage($videos, $storage_capacity),
-            ],
-            'documents' => [
-                'used'       => $documents,
-                'percentage' => get_storage_fill_percentage($documents, $storage_capacity),
-            ],
-            'others'    => [
-                'used'       => $others,
-                'percentage' => get_storage_fill_percentage($others, $storage_capacity),
-            ],
-        ]);
-
-        return [
-            'data' => [
-                'id'            => '1',
-                'type'          => 'disk',
-                'attributes'    => [
-                    'used'       => Metric::bytes($user->used_capacity)->format(),
-                    'capacity'   => format_gigabytes($storage_capacity),
-                    'percentage' => get_storage_fill_percentage($user->used_capacity, $storage_capacity),
-                ],
-                'relationships' => $usage->map(function ($item) {
-                    return [
-                        'used'       => Metric::bytes($item['used'])->format(),
-                        'percentage' => $item['percentage']
-                    ];
-                })
-            ]
-        ];
     }
 
     /**
@@ -151,10 +79,15 @@ class AccountController extends Controller
         // Get user
         $user = Auth::user();
 
+        // Check if is demo
         if (is_demo($user->id)) {
             return Demo::response_204();
         }
 
+        // Check role
+        if ($request->has('role')) abort(403);
+
+        // Update data
         if ($request->hasFile('avatar')) {
 
             // Update avatar

app/Http/Kernel.php

@@ -2,6 +2,7 @@
 
 namespace App\Http;
 
+use App\Http\Middleware\AdminCheck;
 use App\Http\Middleware\CookieAuth;
 use App\Http\Middleware\LastCheck;
 use App\Http\Middleware\SharedAuth;
@@ -58,6 +59,7 @@ class Kernel extends HttpKernel
     protected $routeMiddleware = [
         'auth.master'      => CookieAuth::class,
         'auth.shared'      => SharedAuth::class,
+        'auth.admin'       => AdminCheck::class,
         'auth'             => \App\Http\Middleware\Authenticate::class,
         'auth.basic'       => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
         'bindings'         => \Illuminate\Routing\Middleware\SubstituteBindings::class,

app/Http/Middleware/AdminCheck.php

@@ -0,0 +1,26 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Support\Facades\Gate;
+
+class AdminCheck
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  \Closure  $next
+     * @return mixed
+     */
+    public function handle($request, Closure $next)
+    {
+        // Check if user have access to administration settings
+        if ( ! Gate::allows('admin-settings')) {
+            abort(403, 'You don\'t have access for this operation!');
+        }
+
+        return $next($request);
+    }
+}

app/Http/Resources/UserResource.php

@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Http\Resources;
+
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class UserResource extends JsonResource
+{
+    /**
+     * Transform the resource into an array.
+     *
+     * @param \Illuminate\Http\Request $request
+     * @return array
+     */
+    public function toArray($request)
+    {
+        return [
+            'data' => [
+                'id'         => (string)$this->id,
+                'type'       => 'user',
+                'attributes' => [
+                    'name'       => $this->name,
+                    'email'      => $this->email,
+                    'avatar'     => $this->avatar,
+                    'role'       => $this->role,
+                    'storage'    => $this->storage,
+                    'created_at' => $this->created_at,
+                    'updated_at' => $this->updated_at,
+                ]
+            ]
+        ];
+    }
+}

app/Http/Resources/UserStorageResource.php

@@ -0,0 +1,89 @@
+<?php
+
+namespace App\Http\Resources;
+
+use App\FileManagerFile;
+use ByteUnits\Metric;
+use Illuminate\Http\Resources\Json\JsonResource;
+
+class UserStorageResource extends JsonResource
+{
+    /**
+     * Transform the resource into an array.
+     *
+     * @param \Illuminate\Http\Request $request
+     * @return array
+     */
+    public function toArray($request)
+    {
+        $document_mimetypes = [
+            'pdf', 'numbers', 'xlsx', 'xls', 'txt', 'md', 'rtf', 'pptx', 'ppt', 'odt', 'ods', 'odp', 'epub', 'docx', 'doc', 'csv', 'pages'
+        ];
+
+        // Get all images
+        $images = FileManagerFile::where('user_id', $this->id)
+            ->where('type', 'image')->get()->map(function ($item) {
+                return (int)$item->getOriginal('filesize');
+            })->sum();
+
+        // Get all audios
+        $audios = FileManagerFile::where('user_id', $this->id)
+            ->where('type', 'audio')->get()->map(function ($item) {
+                return (int)$item->getOriginal('filesize');
+            })->sum();
+
+        // Get all videos
+        $videos = FileManagerFile::where('user_id', $this->id)
+            ->where('type', 'video')->get()->map(function ($item) {
+                return (int)$item->getOriginal('filesize');
+            })->sum();
+
+        // Get all documents
+        $documents = FileManagerFile::where('user_id', $this->id)
+            ->whereIn('mimetype', $document_mimetypes)->get()->map(function ($item) {
+                return (int)$item->getOriginal('filesize');
+            })->sum();
+
+        // Get all other files
+        $others = FileManagerFile::where('user_id', $this->id)
+            ->whereNotIn('mimetype', $document_mimetypes)
+            ->whereNotIn('type', ['audio', 'video', 'image'])
+            ->get()->map(function ($item) {
+                return (int)$item->getOriginal('filesize');
+            })->sum();
+
+        return [
+            'data' => [
+                'id'            => (string)$this->id,
+                'type'          => 'user-storage',
+                'attributes'    => [
+                    'used'       => Metric::bytes($this->used_capacity)->format(),
+                    'capacity'   => format_gigabytes($this->settings->storage_capacity),
+                    'percentage' => (float)get_storage_fill_percentage($this->used_capacity, $this->settings->storage_capacity),
+                ],
+                'meta' => [
+                    'images'    => [
+                        'used'       => Metric::bytes($images)->format(),
+                        'percentage' => (float)get_storage_fill_percentage($images, $this->settings->storage_capacity),
+                    ],
+                    'audios'    => [
+                        'used'       => Metric::bytes($audios)->format(),
+                        'percentage' => (float)get_storage_fill_percentage($audios, $this->settings->storage_capacity),
+                    ],
+                    'videos'    => [
+                        'used'       => Metric::bytes($videos)->format(),
+                        'percentage' => (float)get_storage_fill_percentage($videos, $this->settings->storage_capacity),
+                    ],
+                    'documents' => [
+                        'used'       => Metric::bytes($documents)->format(),
+                        'percentage' => (float)get_storage_fill_percentage($documents, $this->settings->storage_capacity),
+                    ],
+                    'others'    => [
+                        'used'       => Metric::bytes($others)->format(),
+                        'percentage' => (float)get_storage_fill_percentage($others, $this->settings->storage_capacity),
+                    ],
+                ]
+            ]
+        ];
+    }
+}

app/Http/Resources/UsersCollection.php

@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Http\Resources;
+
+use Illuminate\Http\Resources\Json\ResourceCollection;
+
+class UsersCollection extends ResourceCollection
+{
+    public $collects = UserResource::class;
+
+    /**
+     * Transform the resource collection into an array.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return array
+     */
+    public function toArray($request)
+    {
+        return [
+            'data' => $this->collection,
+        ];
+    }
+}

app/Http/helpers.php

@@ -188,9 +188,9 @@ function make_single_input($request)
  * @param $gigabytes
  * @return string
  */
-function format_gigabytes($megabytes)
+function format_gigabytes($gigabytes)
 {
-    return Metric::megabytes($megabytes)->format();
+    return Metric::gigabytes($gigabytes)->format();
 }
 
 /**
@@ -203,7 +203,7 @@ function format_gigabytes($megabytes)
 function get_storage_fill_percentage($used, $capacity)
 {
     // Format gigabytes to bytes
-    $total = intval(Metric::megabytes($capacity)->numberOfBytes());
+    $total = intval(Metric::gigabytes($capacity)->numberOfBytes());
 
     // Count progress
     $progress = ($used * 100) / $total;

app/Providers/AuthServiceProvider.php

@@ -26,6 +26,11 @@ class AuthServiceProvider extends ServiceProvider
     {
         $this->registerPolicies();
 
+        // Define admin settings gate
+        Gate::define('admin-settings', function ($user) {
+            return $user->role === 'admin';
+        });
+
         Passport::routes();
 
         Passport::tokensCan([

app/User.php

@@ -63,7 +63,7 @@ class User extends Authenticatable
      * @var array
      */
     protected $fillable = [
-        'name', 'email', 'password', 'avatar',
+        'name', 'email', 'password', 'avatar', 'role',
     ];
 
     /**
@@ -86,9 +86,23 @@ class User extends Authenticatable
     ];
 
     protected $appends = [
-        'used_capacity'
+        'used_capacity', 'storage'
     ];
 
+    /**
+     * Get user used storage details
+     *
+     * @return mixed
+     */
+    public function getStorageAttribute() {
+
+        return [
+            'used' => (float) get_storage_fill_percentage($this->used_capacity, $this->settings->storage_capacity),
+            'capacity' => $this->settings->storage_capacity,
+            'capacity_formatted' => Metric::gigabytes($this->settings->storage_capacity)->format(),
+        ];
+    }
+
     /**
      * Get user used storage capacity in bytes
      *
@@ -167,4 +181,14 @@ class User extends Authenticatable
 
         return $this->hasMany(FileManagerFile::class)->withTrashed();
     }
+
+    /**
+     * Get user attributes
+     *
+     * @return \Illuminate\Database\Eloquent\Relations\HasOne
+     */
+    public function settings() {
+
+        return $this->hasOne(UserSettings::class);
+    }
 }

app/UserSettings.php

@@ -0,0 +1,12 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Model;
+
+class UserSettings extends Model
+{
+    public $timestamps = false;
+
+    protected $guarded = ['id'];
+}

config/app.php

@@ -80,7 +80,7 @@ return [
     |
     */
 
-    'locale' => 'en',
+    'locale' => 'sk',
 
     /*
     |--------------------------------------------------------------------------

database/migrations/2020_05_26_062714_add_role_to_users_table.php

@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class AddRoleToUsersTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->enum('role', ['admin', 'user'])->default('user')->after('id');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('users', function (Blueprint $table) {
+            //
+        });
+    }
+}

database/migrations/2020_05_26_092649_create_user_settings_table.php

@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateUserSettingsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('user_settings', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->integer('user_id');
+            $table->integer('storage_capacity')->default(2);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('user_attributes');
+    }
+}

database/vue-file-manager-127.0.0.103-04-2020

@@ -1,273 +0,0 @@
-# ************************************************************
-# Sequel Pro SQL dump
-# Version 4541
-#
-# http://www.sequelpro.com/
-# https://github.com/sequelpro/sequelpro
-#
-# Host: 127.0.0.1 (MySQL 5.7.25)
-# Database: file-manager
-# Generation Time: 2020-04-03 07:57:39 +0000
-# ************************************************************
-
-
-/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
-/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
-/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
-/*!40101 SET NAMES utf8 */;
-/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
-/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
-/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
-
-
-# Dump of table failed_jobs
-# ------------------------------------------------------------
-
-DROP TABLE IF EXISTS `failed_jobs`;
-
-CREATE TABLE `failed_jobs` (
-  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
-  `connection` text COLLATE utf8mb4_unicode_ci NOT NULL,
-  `queue` text COLLATE utf8mb4_unicode_ci NOT NULL,
-  `payload` longtext COLLATE utf8mb4_unicode_ci NOT NULL,
-  `exception` longtext COLLATE utf8mb4_unicode_ci NOT NULL,
-  `failed_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
-  PRIMARY KEY (`id`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
-
-
-
-# Dump of table favourite_folder
-# ------------------------------------------------------------
-
-DROP TABLE IF EXISTS `favourite_folder`;
-
-CREATE TABLE `favourite_folder` (
-  `user_id` bigint(20) NOT NULL,
-  `folder_unique_id` bigint(20) NOT NULL
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
-
-
-
-# Dump of table file_manager_files
-# ------------------------------------------------------------
-
-DROP TABLE IF EXISTS `file_manager_files`;
-
-CREATE TABLE `file_manager_files` (
-  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
-  `user_id` bigint(20) DEFAULT NULL,
-  `unique_id` int(11) NOT NULL,
-  `folder_id` int(11) NOT NULL DEFAULT '0',
-  `thumbnail` text COLLATE utf8mb4_unicode_ci,
-  `name` text COLLATE utf8mb4_unicode_ci,
-  `basename` text COLLATE utf8mb4_unicode_ci,
-  `mimetype` text COLLATE utf8mb4_unicode_ci,
-  `filesize` text COLLATE utf8mb4_unicode_ci,
-  `type` text COLLATE utf8mb4_unicode_ci,
-  `deleted_at` timestamp NULL DEFAULT NULL,
-  `created_at` timestamp NULL DEFAULT NULL,
-  `updated_at` timestamp NULL DEFAULT NULL,
-  PRIMARY KEY (`id`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
-
-
-
-# Dump of table file_manager_folders
-# ------------------------------------------------------------
-
-DROP TABLE IF EXISTS `file_manager_folders`;
-
-CREATE TABLE `file_manager_folders` (
-  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
-  `user_id` bigint(20) DEFAULT NULL,
-  `unique_id` int(11) NOT NULL,
-  `parent_id` int(11) NOT NULL DEFAULT '0',
-  `name` text COLLATE utf8mb4_unicode_ci,
-  `type` text COLLATE utf8mb4_unicode_ci,
-  `deleted_at` timestamp NULL DEFAULT NULL,
-  `created_at` timestamp NULL DEFAULT NULL,
-  `updated_at` timestamp NULL DEFAULT NULL,
-  PRIMARY KEY (`id`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
-
-
-
-# Dump of table migrations
-# ------------------------------------------------------------
-
-DROP TABLE IF EXISTS `migrations`;
-
-CREATE TABLE `migrations` (
-  `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
-  `migration` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
-  `batch` int(11) NOT NULL,
-  PRIMARY KEY (`id`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
-
-LOCK TABLES `migrations` WRITE;
-/*!40000 ALTER TABLE `migrations` DISABLE KEYS */;
-
-INSERT INTO `migrations` (`id`, `migration`, `batch`)
-VALUES
-	(1,'2014_10_12_000000_create_users_table',1),
-	(2,'2014_10_12_100000_create_password_resets_table',1),
-	(3,'2016_06_01_000001_create_oauth_auth_codes_table',1),
-	(4,'2016_06_01_000002_create_oauth_access_tokens_table',1),
-	(5,'2016_06_01_000003_create_oauth_refresh_tokens_table',1),
-	(6,'2016_06_01_000004_create_oauth_clients_table',1),
-	(7,'2016_06_01_000005_create_oauth_personal_access_clients_table',1),
-	(8,'2019_08_15_171328_create_file_manager_folders',1),
-	(9,'2019_08_15_171345_create_file_manager_files',1),
-	(10,'2019_08_19_000000_create_failed_jobs_table',1),
-	(11,'2020_03_03_065147_add_user_id_to_file_manager_files_table',2),
-	(12,'2020_03_03_065155_add_user_id_to_file_manager_folders_table',2),
-	(13,'2020_03_03_070319_create_favourites_folders_table',3),
-	(14,'2020_04_02_055021_change_type_attribute_in_file_manager_files_table',4);
-
-/*!40000 ALTER TABLE `migrations` ENABLE KEYS */;
-UNLOCK TABLES;
-
-
-# Dump of table oauth_access_tokens
-# ------------------------------------------------------------
-
-DROP TABLE IF EXISTS `oauth_access_tokens`;
-
-CREATE TABLE `oauth_access_tokens` (
-  `id` varchar(100) COLLATE utf8mb4_unicode_ci NOT NULL,
-  `user_id` bigint(20) unsigned DEFAULT NULL,
-  `client_id` bigint(20) unsigned NOT NULL,
-  `name` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
-  `scopes` text COLLATE utf8mb4_unicode_ci,
-  `revoked` tinyint(1) NOT NULL,
-  `created_at` timestamp NULL DEFAULT NULL,
-  `updated_at` timestamp NULL DEFAULT NULL,
-  `expires_at` datetime DEFAULT NULL,
-  PRIMARY KEY (`id`),
-  KEY `oauth_access_tokens_user_id_index` (`user_id`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
-
-
-
-# Dump of table oauth_auth_codes
-# ------------------------------------------------------------
-
-DROP TABLE IF EXISTS `oauth_auth_codes`;
-
-CREATE TABLE `oauth_auth_codes` (
-  `id` varchar(100) COLLATE utf8mb4_unicode_ci NOT NULL,
-  `user_id` bigint(20) unsigned NOT NULL,
-  `client_id` bigint(20) unsigned NOT NULL,
-  `scopes` text COLLATE utf8mb4_unicode_ci,
-  `revoked` tinyint(1) NOT NULL,
-  `expires_at` datetime DEFAULT NULL,
-  PRIMARY KEY (`id`),
-  KEY `oauth_auth_codes_user_id_index` (`user_id`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
-
-
-
-# Dump of table oauth_clients
-# ------------------------------------------------------------
-
-DROP TABLE IF EXISTS `oauth_clients`;
-
-CREATE TABLE `oauth_clients` (
-  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
-  `user_id` bigint(20) unsigned DEFAULT NULL,
-  `name` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
-  `secret` varchar(100) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
-  `redirect` text COLLATE utf8mb4_unicode_ci NOT NULL,
-  `personal_access_client` tinyint(1) NOT NULL,
-  `password_client` tinyint(1) NOT NULL,
-  `revoked` tinyint(1) NOT NULL,
-  `created_at` timestamp NULL DEFAULT NULL,
-  `updated_at` timestamp NULL DEFAULT NULL,
-  PRIMARY KEY (`id`),
-  KEY `oauth_clients_user_id_index` (`user_id`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
-
-LOCK TABLES `oauth_clients` WRITE;
-/*!40000 ALTER TABLE `oauth_clients` DISABLE KEYS */;
-
-INSERT INTO `oauth_clients` (`id`, `user_id`, `name`, `secret`, `redirect`, `personal_access_client`, `password_client`, `revoked`, `created_at`, `updated_at`)
-VALUES
-	(1,1,'vue-filemanager-auth','oULKgESrN8egvBWW0DGNW3aE8yaHWISUODq3ZDRn','/',0,1,0,'2020-03-01 07:49:48','2020-03-01 07:49:48');
-
-/*!40000 ALTER TABLE `oauth_clients` ENABLE KEYS */;
-UNLOCK TABLES;
-
-
-# Dump of table oauth_personal_access_clients
-# ------------------------------------------------------------
-
-DROP TABLE IF EXISTS `oauth_personal_access_clients`;
-
-CREATE TABLE `oauth_personal_access_clients` (
-  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
-  `client_id` bigint(20) unsigned NOT NULL,
-  `created_at` timestamp NULL DEFAULT NULL,
-  `updated_at` timestamp NULL DEFAULT NULL,
-  PRIMARY KEY (`id`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
-
-
-
-# Dump of table oauth_refresh_tokens
-# ------------------------------------------------------------
-
-DROP TABLE IF EXISTS `oauth_refresh_tokens`;
-
-CREATE TABLE `oauth_refresh_tokens` (
-  `id` varchar(100) COLLATE utf8mb4_unicode_ci NOT NULL,
-  `access_token_id` varchar(100) COLLATE utf8mb4_unicode_ci NOT NULL,
-  `revoked` tinyint(1) NOT NULL,
-  `expires_at` datetime DEFAULT NULL,
-  PRIMARY KEY (`id`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
-
-
-
-# Dump of table password_resets
-# ------------------------------------------------------------
-
-DROP TABLE IF EXISTS `password_resets`;
-
-CREATE TABLE `password_resets` (
-  `email` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
-  `token` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
-  `created_at` timestamp NULL DEFAULT NULL,
-  KEY `password_resets_email_index` (`email`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
-
-
-
-# Dump of table users
-# ------------------------------------------------------------
-
-DROP TABLE IF EXISTS `users`;
-
-CREATE TABLE `users` (
-  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
-  `name` varchar(191) COLLATE utf8mb4_unicode_ci NOT NULL,
-  `email` varchar(191) COLLATE utf8mb4_unicode_ci NOT NULL,
-  `email_verified_at` timestamp NULL DEFAULT NULL,
-  `password` varchar(191) COLLATE utf8mb4_unicode_ci NOT NULL,
-  `avatar` varchar(191) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
-  `remember_token` varchar(100) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
-  `created_at` timestamp NULL DEFAULT NULL,
-  `updated_at` timestamp NULL DEFAULT NULL,
-  PRIMARY KEY (`id`),
-  UNIQUE KEY `users_email_unique` (`email`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
-
-
-
-
-/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;
-/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;
-/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;
-/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
-/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
-/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

public/mix-manifest.json

@@ -1,4 +1,596 @@
 {
     "/js/main.js": "/js/main.js",
-    "/css/app.css": "/css/app.css"
+    "/css/app.css": "/css/app.css",
+    "/js/main.3dd338451f68970bced1.hot-update.js": "/js/main.3dd338451f68970bced1.hot-update.js",
+    "/js/main.12aa9f4ce802ec82ab8c.hot-update.js": "/js/main.12aa9f4ce802ec82ab8c.hot-update.js",
+    "/js/main.ac9451e97022a3960780.hot-update.js": "/js/main.ac9451e97022a3960780.hot-update.js",
+    "/js/main.96ef714ce250baa3d14c.hot-update.js": "/js/main.96ef714ce250baa3d14c.hot-update.js",
+    "/js/main.c10c3165a75768c3dfad.hot-update.js": "/js/main.c10c3165a75768c3dfad.hot-update.js",
+    "/js/main.11a79a95575d94a05192.hot-update.js": "/js/main.11a79a95575d94a05192.hot-update.js",
+    "/js/main.26f16d86d2e67e50e7ac.hot-update.js": "/js/main.26f16d86d2e67e50e7ac.hot-update.js",
+    "/js/main.3bb21f8a47bcf5d1e40b.hot-update.js": "/js/main.3bb21f8a47bcf5d1e40b.hot-update.js",
+    "/js/main.c681a17a89abb4213188.hot-update.js": "/js/main.c681a17a89abb4213188.hot-update.js",
+    "/js/main.f05200d62a725048de95.hot-update.js": "/js/main.f05200d62a725048de95.hot-update.js",
+    "/js/main.fa55081afcc42cf95592.hot-update.js": "/js/main.fa55081afcc42cf95592.hot-update.js",
+    "/js/main.5ca387780ae24431224f.hot-update.js": "/js/main.5ca387780ae24431224f.hot-update.js",
+    "/js/main.35abfc4583013de328a3.hot-update.js": "/js/main.35abfc4583013de328a3.hot-update.js",
+    "/js/main.d639949d61b0f5211702.hot-update.js": "/js/main.d639949d61b0f5211702.hot-update.js",
+    "/js/main.a3da9f4a03887a8d53cf.hot-update.js": "/js/main.a3da9f4a03887a8d53cf.hot-update.js",
+    "/js/main.6ca04fe98a6d09989dc5.hot-update.js": "/js/main.6ca04fe98a6d09989dc5.hot-update.js",
+    "/js/main.d910955a3c506cbe530f.hot-update.js": "/js/main.d910955a3c506cbe530f.hot-update.js",
+    "/js/main.8309bd19779407d2e263.hot-update.js": "/js/main.8309bd19779407d2e263.hot-update.js",
+    "/js/main.07b95c2e1360b15d8723.hot-update.js": "/js/main.07b95c2e1360b15d8723.hot-update.js",
+    "/js/main.55d63eb9f0fdd04c8de3.hot-update.js": "/js/main.55d63eb9f0fdd04c8de3.hot-update.js",
+    "/js/main.162034794ea3728179ec.hot-update.js": "/js/main.162034794ea3728179ec.hot-update.js",
+    "/js/main.32468c633a8bbb0a8383.hot-update.js": "/js/main.32468c633a8bbb0a8383.hot-update.js",
+    "/js/main.401e26f939b385f8a9df.hot-update.js": "/js/main.401e26f939b385f8a9df.hot-update.js",
+    "/js/main.5a894d8e1dd217203b4d.hot-update.js": "/js/main.5a894d8e1dd217203b4d.hot-update.js",
+    "/js/main.27b3b4e1f8baa8ceda59.hot-update.js": "/js/main.27b3b4e1f8baa8ceda59.hot-update.js",
+    "/js/main.f4692b60b34ca492cad0.hot-update.js": "/js/main.f4692b60b34ca492cad0.hot-update.js",
+    "/js/main.51f7eb251bf11b33f90e.hot-update.js": "/js/main.51f7eb251bf11b33f90e.hot-update.js",
+    "/js/main.9f1d7d189c6a60640d91.hot-update.js": "/js/main.9f1d7d189c6a60640d91.hot-update.js",
+    "/js/main.7717f5b0770ee4c578fa.hot-update.js": "/js/main.7717f5b0770ee4c578fa.hot-update.js",
+    "/js/main.65c424d53e39ee7a201c.hot-update.js": "/js/main.65c424d53e39ee7a201c.hot-update.js",
+    "/js/main.b71f1df797e730b212a4.hot-update.js": "/js/main.b71f1df797e730b212a4.hot-update.js",
+    "/js/main.5e6e4c0ff92f3adafbc7.hot-update.js": "/js/main.5e6e4c0ff92f3adafbc7.hot-update.js",
+    "/js/main.1750cfe36af5d795204b.hot-update.js": "/js/main.1750cfe36af5d795204b.hot-update.js",
+    "/js/main.b5bf78ecab782aa1d2ca.hot-update.js": "/js/main.b5bf78ecab782aa1d2ca.hot-update.js",
+    "/js/main.e1b27577aa188bbebf6d.hot-update.js": "/js/main.e1b27577aa188bbebf6d.hot-update.js",
+    "/js/main.01e734ac264d3f69d10d.hot-update.js": "/js/main.01e734ac264d3f69d10d.hot-update.js",
+    "/js/main.39d92351aeacbe9d03eb.hot-update.js": "/js/main.39d92351aeacbe9d03eb.hot-update.js",
+    "/js/main.faba3be6e0aa2ac30696.hot-update.js": "/js/main.faba3be6e0aa2ac30696.hot-update.js",
+    "/js/main.685d1b28512dae4824c7.hot-update.js": "/js/main.685d1b28512dae4824c7.hot-update.js",
+    "/js/main.49dca14393d54f6e6f40.hot-update.js": "/js/main.49dca14393d54f6e6f40.hot-update.js",
+    "/js/main.80789257a533bca9204e.hot-update.js": "/js/main.80789257a533bca9204e.hot-update.js",
+    "/js/main.e3c90d040ecf55e850bc.hot-update.js": "/js/main.e3c90d040ecf55e850bc.hot-update.js",
+    "/js/main.e60ab11c10f6b1d015b1.hot-update.js": "/js/main.e60ab11c10f6b1d015b1.hot-update.js",
+    "/js/main.0f4253f0d3b275136bfa.hot-update.js": "/js/main.0f4253f0d3b275136bfa.hot-update.js",
+    "/js/main.6f9904f98d825db125bb.hot-update.js": "/js/main.6f9904f98d825db125bb.hot-update.js",
+    "/js/main.31a7e14b76e73e0334eb.hot-update.js": "/js/main.31a7e14b76e73e0334eb.hot-update.js",
+    "/js/main.992f11a2f9d6afff9625.hot-update.js": "/js/main.992f11a2f9d6afff9625.hot-update.js",
+    "/js/main.aaa19efd57ff4afe70cc.hot-update.js": "/js/main.aaa19efd57ff4afe70cc.hot-update.js",
+    "/js/main.19c7d026fea62a313d35.hot-update.js": "/js/main.19c7d026fea62a313d35.hot-update.js",
+    "/js/main.3680b10e4fa3ad09b233.hot-update.js": "/js/main.3680b10e4fa3ad09b233.hot-update.js",
+    "/js/main.27966d137d03a7a57ab5.hot-update.js": "/js/main.27966d137d03a7a57ab5.hot-update.js",
+    "/js/main.9d94a6dc68b6a295c96c.hot-update.js": "/js/main.9d94a6dc68b6a295c96c.hot-update.js",
+    "/js/main.c984e054dd0f73e7359e.hot-update.js": "/js/main.c984e054dd0f73e7359e.hot-update.js",
+    "/js/main.983c9d320d9e9f68574a.hot-update.js": "/js/main.983c9d320d9e9f68574a.hot-update.js",
+    "/js/main.7e6fa243dec77037b5f1.hot-update.js": "/js/main.7e6fa243dec77037b5f1.hot-update.js",
+    "/js/main.a6304cf09eea8f946e7c.hot-update.js": "/js/main.a6304cf09eea8f946e7c.hot-update.js",
+    "/js/main.ba25a8e45b2915263cf3.hot-update.js": "/js/main.ba25a8e45b2915263cf3.hot-update.js",
+    "/js/main.fd8e81c8bd79bed667b4.hot-update.js": "/js/main.fd8e81c8bd79bed667b4.hot-update.js",
+    "/js/main.844b417efcacd8cce4a1.hot-update.js": "/js/main.844b417efcacd8cce4a1.hot-update.js",
+    "/js/main.c30c439e4f9e31652022.hot-update.js": "/js/main.c30c439e4f9e31652022.hot-update.js",
+    "/js/main.2d332a34e81de59dcc75.hot-update.js": "/js/main.2d332a34e81de59dcc75.hot-update.js",
+    "/js/main.d9413ceed539ae61b4e0.hot-update.js": "/js/main.d9413ceed539ae61b4e0.hot-update.js",
+    "/js/main.e2d00402318077a58342.hot-update.js": "/js/main.e2d00402318077a58342.hot-update.js",
+    "/js/main.57220b2ddb8c08143623.hot-update.js": "/js/main.57220b2ddb8c08143623.hot-update.js",
+    "/js/main.38e6f6cddd4177bbc7df.hot-update.js": "/js/main.38e6f6cddd4177bbc7df.hot-update.js",
+    "/js/main.67d60bda48c1d66c227a.hot-update.js": "/js/main.67d60bda48c1d66c227a.hot-update.js",
+    "/js/main.9643094933d6d1a99414.hot-update.js": "/js/main.9643094933d6d1a99414.hot-update.js",
+    "/js/main.affa048cb045db174681.hot-update.js": "/js/main.affa048cb045db174681.hot-update.js",
+    "/js/main.602cdb8b7e823262b2b4.hot-update.js": "/js/main.602cdb8b7e823262b2b4.hot-update.js",
+    "/js/main.ec31c2cf87c9716df434.hot-update.js": "/js/main.ec31c2cf87c9716df434.hot-update.js",
+    "/js/main.ea60eeabc27d31a06c4a.hot-update.js": "/js/main.ea60eeabc27d31a06c4a.hot-update.js",
+    "/js/main.3acda460b68c9f62b77d.hot-update.js": "/js/main.3acda460b68c9f62b77d.hot-update.js",
+    "/js/main.22abf00bbbabf09b2c00.hot-update.js": "/js/main.22abf00bbbabf09b2c00.hot-update.js",
+    "/js/main.99e50940b823005382e7.hot-update.js": "/js/main.99e50940b823005382e7.hot-update.js",
+    "/js/main.9117dd9b5b80e862f7b4.hot-update.js": "/js/main.9117dd9b5b80e862f7b4.hot-update.js",
+    "/js/main.679ee415f6f8b290db04.hot-update.js": "/js/main.679ee415f6f8b290db04.hot-update.js",
+    "/js/main.5ee24a6a5ce23f4218d8.hot-update.js": "/js/main.5ee24a6a5ce23f4218d8.hot-update.js",
+    "/js/main.ebb98b8a760572080377.hot-update.js": "/js/main.ebb98b8a760572080377.hot-update.js",
+    "/js/main.42bf899fbafa44b0d42f.hot-update.js": "/js/main.42bf899fbafa44b0d42f.hot-update.js",
+    "/js/main.15a3fdd6dd60700ec140.hot-update.js": "/js/main.15a3fdd6dd60700ec140.hot-update.js",
+    "/js/main.5bf56dcbc2b85c8673ac.hot-update.js": "/js/main.5bf56dcbc2b85c8673ac.hot-update.js",
+    "/js/main.785e0567878425632d34.hot-update.js": "/js/main.785e0567878425632d34.hot-update.js",
+    "/js/main.34c5ef7944985d704df2.hot-update.js": "/js/main.34c5ef7944985d704df2.hot-update.js",
+    "/js/main.1df92a748dcd37c12a5f.hot-update.js": "/js/main.1df92a748dcd37c12a5f.hot-update.js",
+    "/js/main.7dd9e539cc46595f50d0.hot-update.js": "/js/main.7dd9e539cc46595f50d0.hot-update.js",
+    "/js/main.c30c3eeb4e46167c21f3.hot-update.js": "/js/main.c30c3eeb4e46167c21f3.hot-update.js",
+    "/js/main.11c641a71c4437cff0c3.hot-update.js": "/js/main.11c641a71c4437cff0c3.hot-update.js",
+    "/js/main.3174dd18f1ba5ef8a7c0.hot-update.js": "/js/main.3174dd18f1ba5ef8a7c0.hot-update.js",
+    "/js/main.08857808de18ceb9627a.hot-update.js": "/js/main.08857808de18ceb9627a.hot-update.js",
+    "/js/main.f31b23ed6521d18096d9.hot-update.js": "/js/main.f31b23ed6521d18096d9.hot-update.js",
+    "/js/main.3baa84b7c57c17f3541b.hot-update.js": "/js/main.3baa84b7c57c17f3541b.hot-update.js",
+    "/js/main.96e5f338043127621426.hot-update.js": "/js/main.96e5f338043127621426.hot-update.js",
+    "/js/main.cf0184e277041a611954.hot-update.js": "/js/main.cf0184e277041a611954.hot-update.js",
+    "/js/main.752a36cf27a4a9756af1.hot-update.js": "/js/main.752a36cf27a4a9756af1.hot-update.js",
+    "/js/main.c4acadee860b4247f07f.hot-update.js": "/js/main.c4acadee860b4247f07f.hot-update.js",
+    "/js/main.97ca100040cbee688d32.hot-update.js": "/js/main.97ca100040cbee688d32.hot-update.js",
+    "/js/main.e8146d7be692f527b9a5.hot-update.js": "/js/main.e8146d7be692f527b9a5.hot-update.js",
+    "/js/main.c1049ee8db07c983857e.hot-update.js": "/js/main.c1049ee8db07c983857e.hot-update.js",
+    "/js/main.ded820bc44fc14a17525.hot-update.js": "/js/main.ded820bc44fc14a17525.hot-update.js",
+    "/js/main.e5c549662135fa583704.hot-update.js": "/js/main.e5c549662135fa583704.hot-update.js",
+    "/js/main.265c793ad1f387bdd074.hot-update.js": "/js/main.265c793ad1f387bdd074.hot-update.js",
+    "/js/main.9b95eb50849b686101b6.hot-update.js": "/js/main.9b95eb50849b686101b6.hot-update.js",
+    "/js/main.1219dbfc5609325eb25d.hot-update.js": "/js/main.1219dbfc5609325eb25d.hot-update.js",
+    "/js/main.a2ed8ea896eb2721a542.hot-update.js": "/js/main.a2ed8ea896eb2721a542.hot-update.js",
+    "/js/main.a08bc97fa3ae43e36ea4.hot-update.js": "/js/main.a08bc97fa3ae43e36ea4.hot-update.js",
+    "/js/main.70c82919cb2d7e586652.hot-update.js": "/js/main.70c82919cb2d7e586652.hot-update.js",
+    "/js/main.902ae71f1eab4a6bb682.hot-update.js": "/js/main.902ae71f1eab4a6bb682.hot-update.js",
+    "/js/main.d182617879fcda92ef75.hot-update.js": "/js/main.d182617879fcda92ef75.hot-update.js",
+    "/js/main.cacbf012ad28c1cc87f2.hot-update.js": "/js/main.cacbf012ad28c1cc87f2.hot-update.js",
+    "/js/main.54cabf2dc7a1d20a138a.hot-update.js": "/js/main.54cabf2dc7a1d20a138a.hot-update.js",
+    "/js/main.38eb47fc025ea2ca8f68.hot-update.js": "/js/main.38eb47fc025ea2ca8f68.hot-update.js",
+    "/js/main.f2b24a13f43a1b88d6be.hot-update.js": "/js/main.f2b24a13f43a1b88d6be.hot-update.js",
+    "/js/main.b9a22c04d9be75b6cc2d.hot-update.js": "/js/main.b9a22c04d9be75b6cc2d.hot-update.js",
+    "/js/main.7679a90861df68c8b25f.hot-update.js": "/js/main.7679a90861df68c8b25f.hot-update.js",
+    "/js/main.4a3f94a6334393d78a24.hot-update.js": "/js/main.4a3f94a6334393d78a24.hot-update.js",
+    "/js/main.0acb519adc2ff5c9b572.hot-update.js": "/js/main.0acb519adc2ff5c9b572.hot-update.js",
+    "/js/main.9bd6ccc9e674692083de.hot-update.js": "/js/main.9bd6ccc9e674692083de.hot-update.js",
+    "/js/main.d0a62850c64b990680a7.hot-update.js": "/js/main.d0a62850c64b990680a7.hot-update.js",
+    "/js/main.5dd561bc7454aaed1d0b.hot-update.js": "/js/main.5dd561bc7454aaed1d0b.hot-update.js",
+    "/js/main.1466dae6e7fd275b72d1.hot-update.js": "/js/main.1466dae6e7fd275b72d1.hot-update.js",
+    "/js/main.f84dbdaa089465c479bb.hot-update.js": "/js/main.f84dbdaa089465c479bb.hot-update.js",
+    "/js/main.03d7a06820c81e14f19c.hot-update.js": "/js/main.03d7a06820c81e14f19c.hot-update.js",
+    "/js/main.a4b8f92663ea36d1328f.hot-update.js": "/js/main.a4b8f92663ea36d1328f.hot-update.js",
+    "/js/main.d467838e18c3696ed04c.hot-update.js": "/js/main.d467838e18c3696ed04c.hot-update.js",
+    "/js/main.cc5b7d43f9a1a161c5d9.hot-update.js": "/js/main.cc5b7d43f9a1a161c5d9.hot-update.js",
+    "/js/main.867b8e99fda93930eb14.hot-update.js": "/js/main.867b8e99fda93930eb14.hot-update.js",
+    "/js/main.e500397c4ae68832ddbf.hot-update.js": "/js/main.e500397c4ae68832ddbf.hot-update.js",
+    "/js/main.6bb784d64f5eca11cb08.hot-update.js": "/js/main.6bb784d64f5eca11cb08.hot-update.js",
+    "/js/main.538e8e9ae9ad265d2984.hot-update.js": "/js/main.538e8e9ae9ad265d2984.hot-update.js",
+    "/js/main.83351684a0cca0f3c3c6.hot-update.js": "/js/main.83351684a0cca0f3c3c6.hot-update.js",
+    "/js/main.c7950fcdf2b461e09d74.hot-update.js": "/js/main.c7950fcdf2b461e09d74.hot-update.js",
+    "/js/main.67cee5b5e90ac8da7a05.hot-update.js": "/js/main.67cee5b5e90ac8da7a05.hot-update.js",
+    "/js/main.2cf1fc5ad3da25630a3c.hot-update.js": "/js/main.2cf1fc5ad3da25630a3c.hot-update.js",
+    "/js/main.b4caece028fd99ff7ec1.hot-update.js": "/js/main.b4caece028fd99ff7ec1.hot-update.js",
+    "/js/main.4edee0365fad4160993c.hot-update.js": "/js/main.4edee0365fad4160993c.hot-update.js",
+    "/js/main.5f8c1cd4f3148c990e0c.hot-update.js": "/js/main.5f8c1cd4f3148c990e0c.hot-update.js",
+    "/js/main.2cacdf693a5728a2d578.hot-update.js": "/js/main.2cacdf693a5728a2d578.hot-update.js",
+    "/js/main.fd9727b378d5ab57594c.hot-update.js": "/js/main.fd9727b378d5ab57594c.hot-update.js",
+    "/js/main.8228744ab97ee2fc5f8a.hot-update.js": "/js/main.8228744ab97ee2fc5f8a.hot-update.js",
+    "/js/main.1880ceaddef0e4cf107a.hot-update.js": "/js/main.1880ceaddef0e4cf107a.hot-update.js",
+    "/js/main.b837177c28e88161bd2b.hot-update.js": "/js/main.b837177c28e88161bd2b.hot-update.js",
+    "/js/main.e2f7f9744d79b6ba0cf2.hot-update.js": "/js/main.e2f7f9744d79b6ba0cf2.hot-update.js",
+    "/js/main.2e52098fd255fe911193.hot-update.js": "/js/main.2e52098fd255fe911193.hot-update.js",
+    "/js/main.c2b2fd355d1d8e8345af.hot-update.js": "/js/main.c2b2fd355d1d8e8345af.hot-update.js",
+    "/js/main.4526aa0aa070815c9c87.hot-update.js": "/js/main.4526aa0aa070815c9c87.hot-update.js",
+    "/js/main.0197d9423a21c0106b00.hot-update.js": "/js/main.0197d9423a21c0106b00.hot-update.js",
+    "/js/main.8bb0c4112b3eca66259c.hot-update.js": "/js/main.8bb0c4112b3eca66259c.hot-update.js",
+    "/js/main.9ff07430092394888962.hot-update.js": "/js/main.9ff07430092394888962.hot-update.js",
+    "/js/main.2102905dbd97295c6b0a.hot-update.js": "/js/main.2102905dbd97295c6b0a.hot-update.js",
+    "/js/main.adea7c5d35e5bb537304.hot-update.js": "/js/main.adea7c5d35e5bb537304.hot-update.js",
+    "/js/main.3a82d97bb4635db8836f.hot-update.js": "/js/main.3a82d97bb4635db8836f.hot-update.js",
+    "/js/main.a474bc6795594cb1f223.hot-update.js": "/js/main.a474bc6795594cb1f223.hot-update.js",
+    "/js/main.94ae243f6a5c87096cc7.hot-update.js": "/js/main.94ae243f6a5c87096cc7.hot-update.js",
+    "/js/main.7024a72399bceb3f1b67.hot-update.js": "/js/main.7024a72399bceb3f1b67.hot-update.js",
+    "/js/main.58bbaca231a35c626621.hot-update.js": "/js/main.58bbaca231a35c626621.hot-update.js",
+    "/js/main.133b7a1008de3fe604f9.hot-update.js": "/js/main.133b7a1008de3fe604f9.hot-update.js",
+    "/js/main.0915482bfe1fc341d3dd.hot-update.js": "/js/main.0915482bfe1fc341d3dd.hot-update.js",
+    "/js/main.7d2e8c281941c5cbe36b.hot-update.js": "/js/main.7d2e8c281941c5cbe36b.hot-update.js",
+    "/js/main.8a9c00bdbaf1603acc1a.hot-update.js": "/js/main.8a9c00bdbaf1603acc1a.hot-update.js",
+    "/js/main.f60b9250b23297ad206a.hot-update.js": "/js/main.f60b9250b23297ad206a.hot-update.js",
+    "/js/main.6fcbe91675fb6b692eff.hot-update.js": "/js/main.6fcbe91675fb6b692eff.hot-update.js",
+    "/js/main.0fb17ea70124f2657d5b.hot-update.js": "/js/main.0fb17ea70124f2657d5b.hot-update.js",
+    "/js/main.60d1fbd33000af13d00a.hot-update.js": "/js/main.60d1fbd33000af13d00a.hot-update.js",
+    "/js/main.bf5d82b21fe67a3e10db.hot-update.js": "/js/main.bf5d82b21fe67a3e10db.hot-update.js",
+    "/js/main.97a4d4d9f3a33b950b2f.hot-update.js": "/js/main.97a4d4d9f3a33b950b2f.hot-update.js",
+    "/js/main.24e04c5666f61600a4bc.hot-update.js": "/js/main.24e04c5666f61600a4bc.hot-update.js",
+    "/js/main.8d2c76c4a562fd7df04a.hot-update.js": "/js/main.8d2c76c4a562fd7df04a.hot-update.js",
+    "/js/main.d76607f83c3a844509dc.hot-update.js": "/js/main.d76607f83c3a844509dc.hot-update.js",
+    "/js/main.1212e0e8334c2d9a3b01.hot-update.js": "/js/main.1212e0e8334c2d9a3b01.hot-update.js",
+    "/js/main.8f6b799ec1877d6f6ed7.hot-update.js": "/js/main.8f6b799ec1877d6f6ed7.hot-update.js",
+    "/js/main.99e789c12ea6a66724f6.hot-update.js": "/js/main.99e789c12ea6a66724f6.hot-update.js",
+    "/js/main.cff69f42e5bd05df1e4c.hot-update.js": "/js/main.cff69f42e5bd05df1e4c.hot-update.js",
+    "/js/main.616e7949b6c4ea9ccf1b.hot-update.js": "/js/main.616e7949b6c4ea9ccf1b.hot-update.js",
+    "/js/main.e38ef07df9b010c415c4.hot-update.js": "/js/main.e38ef07df9b010c415c4.hot-update.js",
+    "/js/main.c865e11b85afd2e5859a.hot-update.js": "/js/main.c865e11b85afd2e5859a.hot-update.js",
+    "/js/main.5f12b58cc6d46c0ae987.hot-update.js": "/js/main.5f12b58cc6d46c0ae987.hot-update.js",
+    "/js/main.3ce7cbe46319cf6c220b.hot-update.js": "/js/main.3ce7cbe46319cf6c220b.hot-update.js",
+    "/js/main.b156c8d68be4198a1e7d.hot-update.js": "/js/main.b156c8d68be4198a1e7d.hot-update.js",
+    "/js/main.6bbdd4d3c8dee6b7807d.hot-update.js": "/js/main.6bbdd4d3c8dee6b7807d.hot-update.js",
+    "/js/main.3c34a196761307ee1fbd.hot-update.js": "/js/main.3c34a196761307ee1fbd.hot-update.js",
+    "/js/main.e23c720cff8d7a9b8127.hot-update.js": "/js/main.e23c720cff8d7a9b8127.hot-update.js",
+    "/js/main.880609348582800d0f1e.hot-update.js": "/js/main.880609348582800d0f1e.hot-update.js",
+    "/js/main.5b67efe97f269a08c61b.hot-update.js": "/js/main.5b67efe97f269a08c61b.hot-update.js",
+    "/js/main.2d94634b9757405abcfd.hot-update.js": "/js/main.2d94634b9757405abcfd.hot-update.js",
+    "/js/main.97a09d50b1e1f222f355.hot-update.js": "/js/main.97a09d50b1e1f222f355.hot-update.js",
+    "/js/main.161a77a8377c67308c48.hot-update.js": "/js/main.161a77a8377c67308c48.hot-update.js",
+    "/js/main.849e1e0ae42f8139bfeb.hot-update.js": "/js/main.849e1e0ae42f8139bfeb.hot-update.js",
+    "/js/main.9ad2902da71cc6efddb3.hot-update.js": "/js/main.9ad2902da71cc6efddb3.hot-update.js",
+    "/js/main.e158f155f9edd0714130.hot-update.js": "/js/main.e158f155f9edd0714130.hot-update.js",
+    "/js/main.ae1b372db472bcf35cd7.hot-update.js": "/js/main.ae1b372db472bcf35cd7.hot-update.js",
+    "/js/main.64df6c87a347bace510c.hot-update.js": "/js/main.64df6c87a347bace510c.hot-update.js",
+    "/js/main.2a72ff431324305189c1.hot-update.js": "/js/main.2a72ff431324305189c1.hot-update.js",
+    "/js/main.fd43c016473ae0d3b74b.hot-update.js": "/js/main.fd43c016473ae0d3b74b.hot-update.js",
+    "/js/main.9b2ba99ecf1612657b34.hot-update.js": "/js/main.9b2ba99ecf1612657b34.hot-update.js",
+    "/js/main.23d70fe952adda867efb.hot-update.js": "/js/main.23d70fe952adda867efb.hot-update.js",
+    "/js/main.95c6064d19277a6de5c3.hot-update.js": "/js/main.95c6064d19277a6de5c3.hot-update.js",
+    "/js/main.fefcf8f92641da936085.hot-update.js": "/js/main.fefcf8f92641da936085.hot-update.js",
+    "/js/main.0df4b67f371dc0ca62c6.hot-update.js": "/js/main.0df4b67f371dc0ca62c6.hot-update.js",
+    "/js/main.703055e59498de76fc04.hot-update.js": "/js/main.703055e59498de76fc04.hot-update.js",
+    "/js/main.2ec6c1d28a367ce37a2f.hot-update.js": "/js/main.2ec6c1d28a367ce37a2f.hot-update.js",
+    "/js/main.1dedc621ab109f9095c1.hot-update.js": "/js/main.1dedc621ab109f9095c1.hot-update.js",
+    "/js/main.4ebeb357417b1c2daac2.hot-update.js": "/js/main.4ebeb357417b1c2daac2.hot-update.js",
+    "/js/main.3a042ad46f00aeac3719.hot-update.js": "/js/main.3a042ad46f00aeac3719.hot-update.js",
+    "/js/main.a3a7e1e0ad636eab7f1d.hot-update.js": "/js/main.a3a7e1e0ad636eab7f1d.hot-update.js",
+    "/js/main.012566f521bac6801a90.hot-update.js": "/js/main.012566f521bac6801a90.hot-update.js",
+    "/js/main.74d0ead4f1126da59fa0.hot-update.js": "/js/main.74d0ead4f1126da59fa0.hot-update.js",
+    "/js/main.db13877043428e9c907d.hot-update.js": "/js/main.db13877043428e9c907d.hot-update.js",
+    "/js/main.c38d4d5fb58cec37301a.hot-update.js": "/js/main.c38d4d5fb58cec37301a.hot-update.js",
+    "/js/main.226a31a656ea8d6b04e2.hot-update.js": "/js/main.226a31a656ea8d6b04e2.hot-update.js",
+    "/js/main.5920fe4499c7cfafca9b.hot-update.js": "/js/main.5920fe4499c7cfafca9b.hot-update.js",
+    "/js/main.84688184553ff3085c5b.hot-update.js": "/js/main.84688184553ff3085c5b.hot-update.js",
+    "/js/main.9ca8e70e39f2d7aa662f.hot-update.js": "/js/main.9ca8e70e39f2d7aa662f.hot-update.js",
+    "/js/main.2406ec0a22e3031568a8.hot-update.js": "/js/main.2406ec0a22e3031568a8.hot-update.js",
+    "/js/main.fa74712a2135249d987e.hot-update.js": "/js/main.fa74712a2135249d987e.hot-update.js",
+    "/js/main.d8be0eca05198857eed3.hot-update.js": "/js/main.d8be0eca05198857eed3.hot-update.js",
+    "/js/main.a8500d295b09f56835b3.hot-update.js": "/js/main.a8500d295b09f56835b3.hot-update.js",
+    "/js/main.e2e8216e836c86e073fa.hot-update.js": "/js/main.e2e8216e836c86e073fa.hot-update.js",
+    "/js/main.d456488feef6366c9bc4.hot-update.js": "/js/main.d456488feef6366c9bc4.hot-update.js",
+    "/js/main.5b0f69aaed0d1d98c844.hot-update.js": "/js/main.5b0f69aaed0d1d98c844.hot-update.js",
+    "/js/main.762c49c4ea393cc2c217.hot-update.js": "/js/main.762c49c4ea393cc2c217.hot-update.js",
+    "/js/main.9efa2f6d279d8e501db2.hot-update.js": "/js/main.9efa2f6d279d8e501db2.hot-update.js",
+    "/js/main.5d2bcc06b7cad9589a55.hot-update.js": "/js/main.5d2bcc06b7cad9589a55.hot-update.js",
+    "/js/main.38ad0d501ac2b92681d1.hot-update.js": "/js/main.38ad0d501ac2b92681d1.hot-update.js",
+    "/js/main.92a5be0863e6af63144b.hot-update.js": "/js/main.92a5be0863e6af63144b.hot-update.js",
+    "/js/main.e3f30b334778b69f6c08.hot-update.js": "/js/main.e3f30b334778b69f6c08.hot-update.js",
+    "/js/main.85c0bac27eada871681f.hot-update.js": "/js/main.85c0bac27eada871681f.hot-update.js",
+    "/js/main.13035d54f03c789b16bf.hot-update.js": "/js/main.13035d54f03c789b16bf.hot-update.js",
+    "/js/main.1e3c72709bfff3eb8add.hot-update.js": "/js/main.1e3c72709bfff3eb8add.hot-update.js",
+    "/js/main.a518cf2cd048554cd180.hot-update.js": "/js/main.a518cf2cd048554cd180.hot-update.js",
+    "/js/main.bbad149905adb3374640.hot-update.js": "/js/main.bbad149905adb3374640.hot-update.js",
+    "/js/main.aabffd4cdfec3d6247d3.hot-update.js": "/js/main.aabffd4cdfec3d6247d3.hot-update.js",
+    "/js/main.5c46916c5e5b343e97d6.hot-update.js": "/js/main.5c46916c5e5b343e97d6.hot-update.js",
+    "/js/main.696b9f3ba9489e735b8e.hot-update.js": "/js/main.696b9f3ba9489e735b8e.hot-update.js",
+    "/js/main.72a88bff5c7de577ba2e.hot-update.js": "/js/main.72a88bff5c7de577ba2e.hot-update.js",
+    "/js/main.76470d1b934b8920a079.hot-update.js": "/js/main.76470d1b934b8920a079.hot-update.js",
+    "/js/main.503a81cfe038812213d3.hot-update.js": "/js/main.503a81cfe038812213d3.hot-update.js",
+    "/js/main.0060f2fec17f4d6403bb.hot-update.js": "/js/main.0060f2fec17f4d6403bb.hot-update.js",
+    "/js/main.dc162838263c29a98da2.hot-update.js": "/js/main.dc162838263c29a98da2.hot-update.js",
+    "/js/main.0de479293588cf9476e9.hot-update.js": "/js/main.0de479293588cf9476e9.hot-update.js",
+    "/js/main.6d5d15cf41166e6112d6.hot-update.js": "/js/main.6d5d15cf41166e6112d6.hot-update.js",
+    "/js/main.5a8f8ae2ccd08e2ddadf.hot-update.js": "/js/main.5a8f8ae2ccd08e2ddadf.hot-update.js",
+    "/js/main.1942136466672e64ce52.hot-update.js": "/js/main.1942136466672e64ce52.hot-update.js",
+    "/js/main.61d0c0d282d2c9ea2eae.hot-update.js": "/js/main.61d0c0d282d2c9ea2eae.hot-update.js",
+    "/js/main.46de3c5fd275ff33e2fc.hot-update.js": "/js/main.46de3c5fd275ff33e2fc.hot-update.js",
+    "/js/main.e2f966400ef1ab9cc6ce.hot-update.js": "/js/main.e2f966400ef1ab9cc6ce.hot-update.js",
+    "/js/main.83273b71e71333629687.hot-update.js": "/js/main.83273b71e71333629687.hot-update.js",
+    "/js/main.f9869afbdf50ab1e951f.hot-update.js": "/js/main.f9869afbdf50ab1e951f.hot-update.js",
+    "/js/main.508c6d33fc655d4437eb.hot-update.js": "/js/main.508c6d33fc655d4437eb.hot-update.js",
+    "/js/main.a2276a28d4b997e1c73a.hot-update.js": "/js/main.a2276a28d4b997e1c73a.hot-update.js",
+    "/js/main.4fc1706dc6c129db554c.hot-update.js": "/js/main.4fc1706dc6c129db554c.hot-update.js",
+    "/js/main.84ddc37731cb00b2f19a.hot-update.js": "/js/main.84ddc37731cb00b2f19a.hot-update.js",
+    "/js/main.a7d9f3b0792ce675e817.hot-update.js": "/js/main.a7d9f3b0792ce675e817.hot-update.js",
+    "/js/main.a0cdf17b4dda38b1978c.hot-update.js": "/js/main.a0cdf17b4dda38b1978c.hot-update.js",
+    "/js/main.0a391998abd625e76b1a.hot-update.js": "/js/main.0a391998abd625e76b1a.hot-update.js",
+    "/js/main.bf7d30138dde657bb97a.hot-update.js": "/js/main.bf7d30138dde657bb97a.hot-update.js",
+    "/js/main.ef9bfd7bc8df010d5a73.hot-update.js": "/js/main.ef9bfd7bc8df010d5a73.hot-update.js",
+    "/js/main.b44c12add2757434034d.hot-update.js": "/js/main.b44c12add2757434034d.hot-update.js",
+    "/js/main.4c8509954989d9384fa9.hot-update.js": "/js/main.4c8509954989d9384fa9.hot-update.js",
+    "/js/main.d82055bf577f17cc58df.hot-update.js": "/js/main.d82055bf577f17cc58df.hot-update.js",
+    "/js/main.706d54559faf6f9a7038.hot-update.js": "/js/main.706d54559faf6f9a7038.hot-update.js",
+    "/js/main.b1c80f859d4a36972a57.hot-update.js": "/js/main.b1c80f859d4a36972a57.hot-update.js",
+    "/js/main.8c883fec9181847cfa5f.hot-update.js": "/js/main.8c883fec9181847cfa5f.hot-update.js",
+    "/js/main.5c1482d20a8b9c735f66.hot-update.js": "/js/main.5c1482d20a8b9c735f66.hot-update.js",
+    "/js/main.275fcdd2aba1825be1da.hot-update.js": "/js/main.275fcdd2aba1825be1da.hot-update.js",
+    "/js/main.c0e733032101a53c7091.hot-update.js": "/js/main.c0e733032101a53c7091.hot-update.js",
+    "/js/main.13985c7bcfc8a93e2d98.hot-update.js": "/js/main.13985c7bcfc8a93e2d98.hot-update.js",
+    "/js/main.8c5589b89b5da3f7411b.hot-update.js": "/js/main.8c5589b89b5da3f7411b.hot-update.js",
+    "/js/main.008c1a12421fe6a1ab51.hot-update.js": "/js/main.008c1a12421fe6a1ab51.hot-update.js",
+    "/js/main.61a62f4c3033f74550ee.hot-update.js": "/js/main.61a62f4c3033f74550ee.hot-update.js",
+    "/js/main.eeba8c9ec1e9d679d877.hot-update.js": "/js/main.eeba8c9ec1e9d679d877.hot-update.js",
+    "/js/main.cf2d03bc9b613fb8beef.hot-update.js": "/js/main.cf2d03bc9b613fb8beef.hot-update.js",
+    "/js/main.6a833d0f875aec4535fb.hot-update.js": "/js/main.6a833d0f875aec4535fb.hot-update.js",
+    "/js/main.d8b05cb8d6f5bf38d8e8.hot-update.js": "/js/main.d8b05cb8d6f5bf38d8e8.hot-update.js",
+    "/js/main.fd16d46b903fe2f7b761.hot-update.js": "/js/main.fd16d46b903fe2f7b761.hot-update.js",
+    "/js/main.94804070af06423b1452.hot-update.js": "/js/main.94804070af06423b1452.hot-update.js",
+    "/js/main.6bf908a54e5a965dbd1e.hot-update.js": "/js/main.6bf908a54e5a965dbd1e.hot-update.js",
+    "/js/main.c000ef35e51d9cd6a0b8.hot-update.js": "/js/main.c000ef35e51d9cd6a0b8.hot-update.js",
+    "/js/main.13db06039f0bd3d98dec.hot-update.js": "/js/main.13db06039f0bd3d98dec.hot-update.js",
+    "/js/main.2847e9a0cfc1c33896a4.hot-update.js": "/js/main.2847e9a0cfc1c33896a4.hot-update.js",
+    "/js/main.49d075d76ddcdbe01bc0.hot-update.js": "/js/main.49d075d76ddcdbe01bc0.hot-update.js",
+    "/js/main.6fba33ffd26bb24744bc.hot-update.js": "/js/main.6fba33ffd26bb24744bc.hot-update.js",
+    "/js/main.48d7a515d3708857d024.hot-update.js": "/js/main.48d7a515d3708857d024.hot-update.js",
+    "/js/main.fcfaf10aa69ed54f7fff.hot-update.js": "/js/main.fcfaf10aa69ed54f7fff.hot-update.js",
+    "/js/main.ebcedc7c96c7dc29c909.hot-update.js": "/js/main.ebcedc7c96c7dc29c909.hot-update.js",
+    "/js/main.c47218fed726b2025111.hot-update.js": "/js/main.c47218fed726b2025111.hot-update.js",
+    "/js/main.1f1eea3f2998d7946ad3.hot-update.js": "/js/main.1f1eea3f2998d7946ad3.hot-update.js",
+    "/js/main.6f05dd58acd02e7a9ac8.hot-update.js": "/js/main.6f05dd58acd02e7a9ac8.hot-update.js",
+    "/js/main.645bcfc651a09fcd8b41.hot-update.js": "/js/main.645bcfc651a09fcd8b41.hot-update.js",
+    "/js/main.07b333e87eb1d23a18f0.hot-update.js": "/js/main.07b333e87eb1d23a18f0.hot-update.js",
+    "/js/main.32215b613e1338a88bcb.hot-update.js": "/js/main.32215b613e1338a88bcb.hot-update.js",
+    "/js/main.4d3a4fe80d9bcfc72394.hot-update.js": "/js/main.4d3a4fe80d9bcfc72394.hot-update.js",
+    "/js/main.ac9f729fd29150f923f9.hot-update.js": "/js/main.ac9f729fd29150f923f9.hot-update.js",
+    "/js/main.f55211322c4fbcc2031c.hot-update.js": "/js/main.f55211322c4fbcc2031c.hot-update.js",
+    "/js/main.68cf9d3e94cc40d219a2.hot-update.js": "/js/main.68cf9d3e94cc40d219a2.hot-update.js",
+    "/js/main.5813fefe31104adbf782.hot-update.js": "/js/main.5813fefe31104adbf782.hot-update.js",
+    "/js/main.d738b6b526450b7520b2.hot-update.js": "/js/main.d738b6b526450b7520b2.hot-update.js",
+    "/js/main.d66204e72db3353e0483.hot-update.js": "/js/main.d66204e72db3353e0483.hot-update.js",
+    "/js/main.efcc0ce1e5e9c2fb5826.hot-update.js": "/js/main.efcc0ce1e5e9c2fb5826.hot-update.js",
+    "/js/main.00203064a06eddb664a1.hot-update.js": "/js/main.00203064a06eddb664a1.hot-update.js",
+    "/js/main.acba202eee75ad0727e7.hot-update.js": "/js/main.acba202eee75ad0727e7.hot-update.js",
+    "/js/main.8b66d572ff040ba4b029.hot-update.js": "/js/main.8b66d572ff040ba4b029.hot-update.js",
+    "/js/main.5d811dc298f257054503.hot-update.js": "/js/main.5d811dc298f257054503.hot-update.js",
+    "/js/main.a5e7719581aa79b97d2b.hot-update.js": "/js/main.a5e7719581aa79b97d2b.hot-update.js",
+    "/js/main.fd30fcb079c5bcc6379a.hot-update.js": "/js/main.fd30fcb079c5bcc6379a.hot-update.js",
+    "/js/main.1e2e4209e075b83db8b0.hot-update.js": "/js/main.1e2e4209e075b83db8b0.hot-update.js",
+    "/js/main.66c75b2cc8f97e1333ce.hot-update.js": "/js/main.66c75b2cc8f97e1333ce.hot-update.js",
+    "/js/main.af073d1d0044d59c811a.hot-update.js": "/js/main.af073d1d0044d59c811a.hot-update.js",
+    "/js/main.61889adc59ce1c04de39.hot-update.js": "/js/main.61889adc59ce1c04de39.hot-update.js",
+    "/js/main.6effac6a7f232d4dd0eb.hot-update.js": "/js/main.6effac6a7f232d4dd0eb.hot-update.js",
+    "/js/main.28cd358437908784bc5e.hot-update.js": "/js/main.28cd358437908784bc5e.hot-update.js",
+    "/js/main.e97f1ffe9d4f314547aa.hot-update.js": "/js/main.e97f1ffe9d4f314547aa.hot-update.js",
+    "/js/main.cf8f745d1ebf84cfe831.hot-update.js": "/js/main.cf8f745d1ebf84cfe831.hot-update.js",
+    "/js/main.5ea27989e4de705036dd.hot-update.js": "/js/main.5ea27989e4de705036dd.hot-update.js",
+    "/js/main.458849b5d9fbe21a5881.hot-update.js": "/js/main.458849b5d9fbe21a5881.hot-update.js",
+    "/js/main.fdd16260207dab7226d4.hot-update.js": "/js/main.fdd16260207dab7226d4.hot-update.js",
+    "/js/main.714da47263a0752f3c94.hot-update.js": "/js/main.714da47263a0752f3c94.hot-update.js",
+    "/js/main.56249a41f8212f2ce968.hot-update.js": "/js/main.56249a41f8212f2ce968.hot-update.js",
+    "/js/main.bd805db39c54fd93334b.hot-update.js": "/js/main.bd805db39c54fd93334b.hot-update.js",
+    "/js/main.6ec61f57c8ea56443d84.hot-update.js": "/js/main.6ec61f57c8ea56443d84.hot-update.js",
+    "/js/main.37f9baf84aafb26f0175.hot-update.js": "/js/main.37f9baf84aafb26f0175.hot-update.js",
+    "/js/main.6b1e82c1a015d0be066f.hot-update.js": "/js/main.6b1e82c1a015d0be066f.hot-update.js",
+    "/js/main.96e65f4bd988c374a1b1.hot-update.js": "/js/main.96e65f4bd988c374a1b1.hot-update.js",
+    "/js/main.46cde5de1bff6d7c670e.hot-update.js": "/js/main.46cde5de1bff6d7c670e.hot-update.js",
+    "/js/main.7628f20f95072e0686a7.hot-update.js": "/js/main.7628f20f95072e0686a7.hot-update.js",
+    "/js/main.305c6ab7bebc87b3a79f.hot-update.js": "/js/main.305c6ab7bebc87b3a79f.hot-update.js",
+    "/js/main.87b0afe3aae2456af4cb.hot-update.js": "/js/main.87b0afe3aae2456af4cb.hot-update.js",
+    "/js/main.85ad0378b889084fb508.hot-update.js": "/js/main.85ad0378b889084fb508.hot-update.js",
+    "/js/main.ce44a0ff823fb9a35d91.hot-update.js": "/js/main.ce44a0ff823fb9a35d91.hot-update.js",
+    "/js/main.d3e004715014e3a88041.hot-update.js": "/js/main.d3e004715014e3a88041.hot-update.js",
+    "/js/main.6383f10d536425b32875.hot-update.js": "/js/main.6383f10d536425b32875.hot-update.js",
+    "/js/main.7a9a68c4cec8710cc58b.hot-update.js": "/js/main.7a9a68c4cec8710cc58b.hot-update.js",
+    "/js/main.6c919ae632048dae61e1.hot-update.js": "/js/main.6c919ae632048dae61e1.hot-update.js",
+    "/js/main.81f8d536826c12b83ff2.hot-update.js": "/js/main.81f8d536826c12b83ff2.hot-update.js",
+    "/js/main.2dd9766b0d236c7917af.hot-update.js": "/js/main.2dd9766b0d236c7917af.hot-update.js",
+    "/js/main.7790d68c2cf1197f26d1.hot-update.js": "/js/main.7790d68c2cf1197f26d1.hot-update.js",
+    "/js/main.beeccd411777f84b87e1.hot-update.js": "/js/main.beeccd411777f84b87e1.hot-update.js",
+    "/js/main.53c8008eb2964e620621.hot-update.js": "/js/main.53c8008eb2964e620621.hot-update.js",
+    "/js/main.ad29af3a3b60e15b9803.hot-update.js": "/js/main.ad29af3a3b60e15b9803.hot-update.js",
+    "/js/main.a357b7e54859929fbd3e.hot-update.js": "/js/main.a357b7e54859929fbd3e.hot-update.js",
+    "/js/main.5730a6b1deb8c3a5c354.hot-update.js": "/js/main.5730a6b1deb8c3a5c354.hot-update.js",
+    "/js/main.1524261d99f46e499821.hot-update.js": "/js/main.1524261d99f46e499821.hot-update.js",
+    "/js/main.bb5a67d4bca583f0dbb9.hot-update.js": "/js/main.bb5a67d4bca583f0dbb9.hot-update.js",
+    "/js/main.83f2dd14426000e363e1.hot-update.js": "/js/main.83f2dd14426000e363e1.hot-update.js",
+    "/js/main.bb6900bdfcd701783f61.hot-update.js": "/js/main.bb6900bdfcd701783f61.hot-update.js",
+    "/js/main.996f394572a71fc8fa89.hot-update.js": "/js/main.996f394572a71fc8fa89.hot-update.js",
+    "/js/main.25fc723305daf9aa69f3.hot-update.js": "/js/main.25fc723305daf9aa69f3.hot-update.js",
+    "/js/main.39132189178880209291.hot-update.js": "/js/main.39132189178880209291.hot-update.js",
+    "/js/main.0470b75433a3686133ab.hot-update.js": "/js/main.0470b75433a3686133ab.hot-update.js",
+    "/js/main.4b86075308792514d216.hot-update.js": "/js/main.4b86075308792514d216.hot-update.js",
+    "/js/main.3180dc74ec3de8cac3b7.hot-update.js": "/js/main.3180dc74ec3de8cac3b7.hot-update.js",
+    "/js/main.15b3c807d0f5d27a445a.hot-update.js": "/js/main.15b3c807d0f5d27a445a.hot-update.js",
+    "/js/main.cddb3db8f6f1a8a33f16.hot-update.js": "/js/main.cddb3db8f6f1a8a33f16.hot-update.js",
+    "/js/main.3e0b75cba85bafd5859d.hot-update.js": "/js/main.3e0b75cba85bafd5859d.hot-update.js",
+    "/js/main.d49d3bdcaa040d4e96e1.hot-update.js": "/js/main.d49d3bdcaa040d4e96e1.hot-update.js",
+    "/js/main.95977f8bcb6d45d0ec9b.hot-update.js": "/js/main.95977f8bcb6d45d0ec9b.hot-update.js",
+    "/js/main.92adfabcd73cfc26f9fd.hot-update.js": "/js/main.92adfabcd73cfc26f9fd.hot-update.js",
+    "/js/main.ed016623643a44ba1558.hot-update.js": "/js/main.ed016623643a44ba1558.hot-update.js",
+    "/js/main.fbb5a8e70923ffa03426.hot-update.js": "/js/main.fbb5a8e70923ffa03426.hot-update.js",
+    "/js/main.65f36ea593976f3ab721.hot-update.js": "/js/main.65f36ea593976f3ab721.hot-update.js",
+    "/js/main.f736a5253937e336fed7.hot-update.js": "/js/main.f736a5253937e336fed7.hot-update.js",
+    "/js/main.7bf2da21c358de7c83ab.hot-update.js": "/js/main.7bf2da21c358de7c83ab.hot-update.js",
+    "/js/main.a460e227ccfb796047da.hot-update.js": "/js/main.a460e227ccfb796047da.hot-update.js",
+    "/js/main.ff7517e0810cf81aadfe.hot-update.js": "/js/main.ff7517e0810cf81aadfe.hot-update.js",
+    "/js/main.79d32a9dc5c7dff11633.hot-update.js": "/js/main.79d32a9dc5c7dff11633.hot-update.js",
+    "/js/main.9ab0a7b36d96aa4e7468.hot-update.js": "/js/main.9ab0a7b36d96aa4e7468.hot-update.js",
+    "/js/main.318283376256676952d3.hot-update.js": "/js/main.318283376256676952d3.hot-update.js",
+    "/js/main.9a1875af8ce17df04326.hot-update.js": "/js/main.9a1875af8ce17df04326.hot-update.js",
+    "/js/main.98cec2daf5c3aeeb4851.hot-update.js": "/js/main.98cec2daf5c3aeeb4851.hot-update.js",
+    "/js/main.17d987639a415b63c740.hot-update.js": "/js/main.17d987639a415b63c740.hot-update.js",
+    "/js/main.c18a1fce1aa6b0db900d.hot-update.js": "/js/main.c18a1fce1aa6b0db900d.hot-update.js",
+    "/js/main.b967f47263d78e4fdfb8.hot-update.js": "/js/main.b967f47263d78e4fdfb8.hot-update.js",
+    "/js/main.b4e9c2a8b70259108136.hot-update.js": "/js/main.b4e9c2a8b70259108136.hot-update.js",
+    "/js/main.a5c36422c0bc840482c0.hot-update.js": "/js/main.a5c36422c0bc840482c0.hot-update.js",
+    "/js/main.74db753dfdb8b88158cb.hot-update.js": "/js/main.74db753dfdb8b88158cb.hot-update.js",
+    "/js/main.d7d39db248e4719a60ab.hot-update.js": "/js/main.d7d39db248e4719a60ab.hot-update.js",
+    "/js/main.59978da94a029a25bb30.hot-update.js": "/js/main.59978da94a029a25bb30.hot-update.js",
+    "/js/main.53e143f5d968bafd7792.hot-update.js": "/js/main.53e143f5d968bafd7792.hot-update.js",
+    "/js/main.8b2b3b102f8a2ddc7424.hot-update.js": "/js/main.8b2b3b102f8a2ddc7424.hot-update.js",
+    "/js/main.90ce070a4720f595bc97.hot-update.js": "/js/main.90ce070a4720f595bc97.hot-update.js",
+    "/js/main.c4151fded81481817c1d.hot-update.js": "/js/main.c4151fded81481817c1d.hot-update.js",
+    "/js/main.561fe85403abb8776608.hot-update.js": "/js/main.561fe85403abb8776608.hot-update.js",
+    "/js/main.4da43f5d26a07ae3f93f.hot-update.js": "/js/main.4da43f5d26a07ae3f93f.hot-update.js",
+    "/js/main.b36a1ca0c354c8cf7bcc.hot-update.js": "/js/main.b36a1ca0c354c8cf7bcc.hot-update.js",
+    "/js/main.14868fbb606f664ea5bb.hot-update.js": "/js/main.14868fbb606f664ea5bb.hot-update.js",
+    "/js/main.d16c99a3410886780fa5.hot-update.js": "/js/main.d16c99a3410886780fa5.hot-update.js",
+    "/js/main.9fe8134512f0d996a2f0.hot-update.js": "/js/main.9fe8134512f0d996a2f0.hot-update.js",
+    "/js/main.8a29b9c350d4e5ac6505.hot-update.js": "/js/main.8a29b9c350d4e5ac6505.hot-update.js",
+    "/js/main.301d5ebab07e9c271bac.hot-update.js": "/js/main.301d5ebab07e9c271bac.hot-update.js",
+    "/js/main.6329eea364055d91a914.hot-update.js": "/js/main.6329eea364055d91a914.hot-update.js",
+    "/js/main.92004d982cae461f05f3.hot-update.js": "/js/main.92004d982cae461f05f3.hot-update.js",
+    "/js/main.9d7e4c27540c6a8aeecd.hot-update.js": "/js/main.9d7e4c27540c6a8aeecd.hot-update.js",
+    "/js/main.8fe13b782cc900bc7837.hot-update.js": "/js/main.8fe13b782cc900bc7837.hot-update.js",
+    "/js/main.84003066d95f2b92234a.hot-update.js": "/js/main.84003066d95f2b92234a.hot-update.js",
+    "/js/main.3d56c20b27c4e139ee27.hot-update.js": "/js/main.3d56c20b27c4e139ee27.hot-update.js",
+    "/js/main.4c49b03dbfec4a43f690.hot-update.js": "/js/main.4c49b03dbfec4a43f690.hot-update.js",
+    "/js/main.2d6a896a123772d2de86.hot-update.js": "/js/main.2d6a896a123772d2de86.hot-update.js",
+    "/js/main.cd13fc41d04c324b7c76.hot-update.js": "/js/main.cd13fc41d04c324b7c76.hot-update.js",
+    "/js/main.b6b1c8fb0ec2275e6c20.hot-update.js": "/js/main.b6b1c8fb0ec2275e6c20.hot-update.js",
+    "/js/main.207048475a13b2117d96.hot-update.js": "/js/main.207048475a13b2117d96.hot-update.js",
+    "/js/main.67edde7f1cb4d984db51.hot-update.js": "/js/main.67edde7f1cb4d984db51.hot-update.js",
+    "/js/main.f7d78144d208165f438c.hot-update.js": "/js/main.f7d78144d208165f438c.hot-update.js",
+    "/js/main.08a79f6fa19bb1b209a2.hot-update.js": "/js/main.08a79f6fa19bb1b209a2.hot-update.js",
+    "/js/main.4320f3ac9712839b5548.hot-update.js": "/js/main.4320f3ac9712839b5548.hot-update.js",
+    "/js/main.6a135010a10c609d2f58.hot-update.js": "/js/main.6a135010a10c609d2f58.hot-update.js",
+    "/js/main.f3552f764990725e543d.hot-update.js": "/js/main.f3552f764990725e543d.hot-update.js",
+    "/js/main.bbdbdc46dd554ae44bd8.hot-update.js": "/js/main.bbdbdc46dd554ae44bd8.hot-update.js",
+    "/js/main.2c74e28829080afad11d.hot-update.js": "/js/main.2c74e28829080afad11d.hot-update.js",
+    "/js/main.2ed0b7da32dc29e38c14.hot-update.js": "/js/main.2ed0b7da32dc29e38c14.hot-update.js",
+    "/js/main.458565a6f3de7a57a5b7.hot-update.js": "/js/main.458565a6f3de7a57a5b7.hot-update.js",
+    "/js/main.f9c153f3e09b4cf07e6e.hot-update.js": "/js/main.f9c153f3e09b4cf07e6e.hot-update.js",
+    "/js/main.10ad5d46c07b05aef31c.hot-update.js": "/js/main.10ad5d46c07b05aef31c.hot-update.js",
+    "/js/main.ff7fe3c47bff51a3f7dd.hot-update.js": "/js/main.ff7fe3c47bff51a3f7dd.hot-update.js",
+    "/js/main.3a8a0cca0aeb2193f1ab.hot-update.js": "/js/main.3a8a0cca0aeb2193f1ab.hot-update.js",
+    "/js/main.8f4148496d1446a6eeb9.hot-update.js": "/js/main.8f4148496d1446a6eeb9.hot-update.js",
+    "/js/main.a3e5069b994fa7db7fd7.hot-update.js": "/js/main.a3e5069b994fa7db7fd7.hot-update.js",
+    "/js/main.8b8be8804908dcac5a4d.hot-update.js": "/js/main.8b8be8804908dcac5a4d.hot-update.js",
+    "/js/main.7989d31b0d32a9d9345c.hot-update.js": "/js/main.7989d31b0d32a9d9345c.hot-update.js",
+    "/js/main.a4901aa1e431bac4a075.hot-update.js": "/js/main.a4901aa1e431bac4a075.hot-update.js",
+    "/js/main.02a2d1809a088ea2fc72.hot-update.js": "/js/main.02a2d1809a088ea2fc72.hot-update.js",
+    "/js/main.7bef0f4bae3af5488655.hot-update.js": "/js/main.7bef0f4bae3af5488655.hot-update.js",
+    "/js/main.75d191047e0cfb269ccc.hot-update.js": "/js/main.75d191047e0cfb269ccc.hot-update.js",
+    "/js/main.b2a6e02624a451300b4d.hot-update.js": "/js/main.b2a6e02624a451300b4d.hot-update.js",
+    "/js/main.ea9ba804d0207cfa5f55.hot-update.js": "/js/main.ea9ba804d0207cfa5f55.hot-update.js",
+    "/js/main.8ef68d3a33c95b255f20.hot-update.js": "/js/main.8ef68d3a33c95b255f20.hot-update.js",
+    "/js/main.37bde84b2328de041ae8.hot-update.js": "/js/main.37bde84b2328de041ae8.hot-update.js",
+    "/js/main.b3c9fb85c9e0b4e0206d.hot-update.js": "/js/main.b3c9fb85c9e0b4e0206d.hot-update.js",
+    "/js/main.4214319eb01578b35e24.hot-update.js": "/js/main.4214319eb01578b35e24.hot-update.js",
+    "/js/main.1f07a9fec6911ea1288c.hot-update.js": "/js/main.1f07a9fec6911ea1288c.hot-update.js",
+    "/js/main.0f1ec39441f888245236.hot-update.js": "/js/main.0f1ec39441f888245236.hot-update.js",
+    "/js/main.d37e65d427d27b7a17a1.hot-update.js": "/js/main.d37e65d427d27b7a17a1.hot-update.js",
+    "/js/main.76b3e75afa33101a15ba.hot-update.js": "/js/main.76b3e75afa33101a15ba.hot-update.js",
+    "/js/main.383d21702d67fd2366b0.hot-update.js": "/js/main.383d21702d67fd2366b0.hot-update.js",
+    "/js/main.6a6666b8095e056e7f4d.hot-update.js": "/js/main.6a6666b8095e056e7f4d.hot-update.js",
+    "/js/main.3d2d1995689661e132b6.hot-update.js": "/js/main.3d2d1995689661e132b6.hot-update.js",
+    "/js/main.33e9fb04ce5d9af24e01.hot-update.js": "/js/main.33e9fb04ce5d9af24e01.hot-update.js",
+    "/js/main.30567c0321b019e7b9de.hot-update.js": "/js/main.30567c0321b019e7b9de.hot-update.js",
+    "/js/main.3c75f9160da0a6bde936.hot-update.js": "/js/main.3c75f9160da0a6bde936.hot-update.js",
+    "/js/main.f81d6548d2887a6d74b2.hot-update.js": "/js/main.f81d6548d2887a6d74b2.hot-update.js",
+    "/js/main.27441cac90de92e8292b.hot-update.js": "/js/main.27441cac90de92e8292b.hot-update.js",
+    "/js/main.8b11060f6608bac82043.hot-update.js": "/js/main.8b11060f6608bac82043.hot-update.js",
+    "/js/main.536ac94086af4176cc46.hot-update.js": "/js/main.536ac94086af4176cc46.hot-update.js",
+    "/js/main.0a95cf07fc37c3d8f087.hot-update.js": "/js/main.0a95cf07fc37c3d8f087.hot-update.js",
+    "/js/main.35e387dadcbfdb390240.hot-update.js": "/js/main.35e387dadcbfdb390240.hot-update.js",
+    "/js/main.ed00c5a22ed4aebadabc.hot-update.js": "/js/main.ed00c5a22ed4aebadabc.hot-update.js",
+    "/js/main.23b42f8f9fdcff71344a.hot-update.js": "/js/main.23b42f8f9fdcff71344a.hot-update.js",
+    "/js/main.fed45e8da7aed8c961bd.hot-update.js": "/js/main.fed45e8da7aed8c961bd.hot-update.js",
+    "/js/main.6a9b2bd31199e221f54c.hot-update.js": "/js/main.6a9b2bd31199e221f54c.hot-update.js",
+    "/js/main.33b4006b284ede5eb471.hot-update.js": "/js/main.33b4006b284ede5eb471.hot-update.js",
+    "/js/main.e4aa63df9e904a9d2ebb.hot-update.js": "/js/main.e4aa63df9e904a9d2ebb.hot-update.js",
+    "/js/main.70bc8e08b0c25bb74677.hot-update.js": "/js/main.70bc8e08b0c25bb74677.hot-update.js",
+    "/js/main.085ee4ec8d355d13dcaf.hot-update.js": "/js/main.085ee4ec8d355d13dcaf.hot-update.js",
+    "/js/main.b380d09aa76c0a47ca37.hot-update.js": "/js/main.b380d09aa76c0a47ca37.hot-update.js",
+    "/js/main.e83b273682d25495964e.hot-update.js": "/js/main.e83b273682d25495964e.hot-update.js",
+    "/js/main.75068c5643854b7837f1.hot-update.js": "/js/main.75068c5643854b7837f1.hot-update.js",
+    "/js/main.e451dc7f926bac12a294.hot-update.js": "/js/main.e451dc7f926bac12a294.hot-update.js",
+    "/js/main.1d58faf0160fb7beafa5.hot-update.js": "/js/main.1d58faf0160fb7beafa5.hot-update.js",
+    "/js/main.0c9d8a2658d8c1a92074.hot-update.js": "/js/main.0c9d8a2658d8c1a92074.hot-update.js",
+    "/js/main.4d104052d308d5b19cb2.hot-update.js": "/js/main.4d104052d308d5b19cb2.hot-update.js",
+    "/js/main.757aa9ae3031e0ae63a1.hot-update.js": "/js/main.757aa9ae3031e0ae63a1.hot-update.js",
+    "/js/main.0c572b6f83f24c99a9dc.hot-update.js": "/js/main.0c572b6f83f24c99a9dc.hot-update.js",
+    "/js/main.4795de0c724312385765.hot-update.js": "/js/main.4795de0c724312385765.hot-update.js",
+    "/js/main.243e61e9d600f63f105e.hot-update.js": "/js/main.243e61e9d600f63f105e.hot-update.js",
+    "/js/main.160d95e205b5dd2fc638.hot-update.js": "/js/main.160d95e205b5dd2fc638.hot-update.js",
+    "/js/main.ddce7e26701449aa0ef1.hot-update.js": "/js/main.ddce7e26701449aa0ef1.hot-update.js",
+    "/js/main.c6adf6970580a3b8d735.hot-update.js": "/js/main.c6adf6970580a3b8d735.hot-update.js",
+    "/js/main.d4a6c876c0c9701f683e.hot-update.js": "/js/main.d4a6c876c0c9701f683e.hot-update.js",
+    "/js/main.9969f5d4ae16d134e98b.hot-update.js": "/js/main.9969f5d4ae16d134e98b.hot-update.js",
+    "/js/main.7e27a5f9f49e3b24aeff.hot-update.js": "/js/main.7e27a5f9f49e3b24aeff.hot-update.js",
+    "/js/main.6d67f38cb314814d0066.hot-update.js": "/js/main.6d67f38cb314814d0066.hot-update.js",
+    "/js/main.9da6fabe69cbf32e094d.hot-update.js": "/js/main.9da6fabe69cbf32e094d.hot-update.js",
+    "/js/main.9d3b73e48ba5b0a4ad17.hot-update.js": "/js/main.9d3b73e48ba5b0a4ad17.hot-update.js",
+    "/js/main.68289d97144316f1948c.hot-update.js": "/js/main.68289d97144316f1948c.hot-update.js",
+    "/js/main.22b8e3cb5c2d2832de9a.hot-update.js": "/js/main.22b8e3cb5c2d2832de9a.hot-update.js",
+    "/js/main.9a24134a9fed6ab9bbad.hot-update.js": "/js/main.9a24134a9fed6ab9bbad.hot-update.js",
+    "/js/main.6dccc4e5d45060a931cf.hot-update.js": "/js/main.6dccc4e5d45060a931cf.hot-update.js",
+    "/js/main.cb1987c54118e3f0a304.hot-update.js": "/js/main.cb1987c54118e3f0a304.hot-update.js",
+    "/js/main.86dee3ab50085d0f3173.hot-update.js": "/js/main.86dee3ab50085d0f3173.hot-update.js",
+    "/js/main.fe57e61e20004aefa69c.hot-update.js": "/js/main.fe57e61e20004aefa69c.hot-update.js",
+    "/js/main.b4b03911f4311dac8d0d.hot-update.js": "/js/main.b4b03911f4311dac8d0d.hot-update.js",
+    "/js/main.6ff976f81f2f8a51753e.hot-update.js": "/js/main.6ff976f81f2f8a51753e.hot-update.js",
+    "/js/main.43c192c2a0d8008c5ea8.hot-update.js": "/js/main.43c192c2a0d8008c5ea8.hot-update.js",
+    "/js/main.e4b7104a8b223f3356b9.hot-update.js": "/js/main.e4b7104a8b223f3356b9.hot-update.js",
+    "/js/main.309b242021e8364451f1.hot-update.js": "/js/main.309b242021e8364451f1.hot-update.js",
+    "/js/main.981f0d1b1c2541ca6a40.hot-update.js": "/js/main.981f0d1b1c2541ca6a40.hot-update.js",
+    "/js/main.8a350cce314e52cf4be8.hot-update.js": "/js/main.8a350cce314e52cf4be8.hot-update.js",
+    "/js/main.fcc6c1e934990ce87950.hot-update.js": "/js/main.fcc6c1e934990ce87950.hot-update.js",
+    "/js/main.2e6385f8afa912f21637.hot-update.js": "/js/main.2e6385f8afa912f21637.hot-update.js",
+    "/js/main.5286b7a4895efa8c66e4.hot-update.js": "/js/main.5286b7a4895efa8c66e4.hot-update.js",
+    "/js/main.8b4459985e4d44701620.hot-update.js": "/js/main.8b4459985e4d44701620.hot-update.js",
+    "/js/main.d422f0cb2379d97529ae.hot-update.js": "/js/main.d422f0cb2379d97529ae.hot-update.js",
+    "/js/main.4ab57a74ed7367ee2633.hot-update.js": "/js/main.4ab57a74ed7367ee2633.hot-update.js",
+    "/js/main.b8a86d495d111b887e18.hot-update.js": "/js/main.b8a86d495d111b887e18.hot-update.js",
+    "/js/main.3fe794db1f8868bd0088.hot-update.js": "/js/main.3fe794db1f8868bd0088.hot-update.js",
+    "/js/main.9778aa6fe1fc88152525.hot-update.js": "/js/main.9778aa6fe1fc88152525.hot-update.js",
+    "/js/main.1547ee1b45aacc110648.hot-update.js": "/js/main.1547ee1b45aacc110648.hot-update.js",
+    "/js/main.2d6a0a8d20c0179f847c.hot-update.js": "/js/main.2d6a0a8d20c0179f847c.hot-update.js",
+    "/js/main.4f264fa35de76703d1f8.hot-update.js": "/js/main.4f264fa35de76703d1f8.hot-update.js",
+    "/js/main.7724ce1cb72798e001f2.hot-update.js": "/js/main.7724ce1cb72798e001f2.hot-update.js",
+    "/js/main.c05bebc6266d97fa89bb.hot-update.js": "/js/main.c05bebc6266d97fa89bb.hot-update.js",
+    "/js/main.3614d1a4a2e60a3dd929.hot-update.js": "/js/main.3614d1a4a2e60a3dd929.hot-update.js",
+    "/js/main.81863c14bd11efa05692.hot-update.js": "/js/main.81863c14bd11efa05692.hot-update.js",
+    "/js/main.a48c3b16c51e8032ca4d.hot-update.js": "/js/main.a48c3b16c51e8032ca4d.hot-update.js",
+    "/js/main.9e0137a4e23b86624a32.hot-update.js": "/js/main.9e0137a4e23b86624a32.hot-update.js",
+    "/js/main.8e8710239f2c2b752f10.hot-update.js": "/js/main.8e8710239f2c2b752f10.hot-update.js",
+    "/js/main.f909e06cd0ca2c14aa45.hot-update.js": "/js/main.f909e06cd0ca2c14aa45.hot-update.js",
+    "/js/main.a161f210d420160d06a8.hot-update.js": "/js/main.a161f210d420160d06a8.hot-update.js",
+    "/js/main.3befa0311ea403e1572e.hot-update.js": "/js/main.3befa0311ea403e1572e.hot-update.js",
+    "/js/main.db8d70dd89c7ef6c738a.hot-update.js": "/js/main.db8d70dd89c7ef6c738a.hot-update.js",
+    "/js/main.972301b4fa76efa9dffd.hot-update.js": "/js/main.972301b4fa76efa9dffd.hot-update.js",
+    "/js/main.5db00e8ee96a0ca0fb98.hot-update.js": "/js/main.5db00e8ee96a0ca0fb98.hot-update.js",
+    "/js/main.52e3dd2a611c66292649.hot-update.js": "/js/main.52e3dd2a611c66292649.hot-update.js",
+    "/js/main.ef9f76ed68601de1cf8f.hot-update.js": "/js/main.ef9f76ed68601de1cf8f.hot-update.js",
+    "/js/main.8840cea4fbcd38c11b71.hot-update.js": "/js/main.8840cea4fbcd38c11b71.hot-update.js",
+    "/js/main.d3c2b07dfb991004bf76.hot-update.js": "/js/main.d3c2b07dfb991004bf76.hot-update.js",
+    "/js/main.82223e60857d0d2b5732.hot-update.js": "/js/main.82223e60857d0d2b5732.hot-update.js",
+    "/js/main.1a41a59629e38656a89f.hot-update.js": "/js/main.1a41a59629e38656a89f.hot-update.js",
+    "/js/main.127031f0f37bf3c0becd.hot-update.js": "/js/main.127031f0f37bf3c0becd.hot-update.js",
+    "/js/main.2118071dd4af646404b1.hot-update.js": "/js/main.2118071dd4af646404b1.hot-update.js",
+    "/js/main.f963f56e91f7d35e3dea.hot-update.js": "/js/main.f963f56e91f7d35e3dea.hot-update.js",
+    "/js/main.4a7379b05317614cabf2.hot-update.js": "/js/main.4a7379b05317614cabf2.hot-update.js",
+    "/js/main.6edc2bdd9db6789dea34.hot-update.js": "/js/main.6edc2bdd9db6789dea34.hot-update.js",
+    "/js/main.12ec77d67a5b032fabd2.hot-update.js": "/js/main.12ec77d67a5b032fabd2.hot-update.js",
+    "/js/main.68347c96b4ef7478bfa7.hot-update.js": "/js/main.68347c96b4ef7478bfa7.hot-update.js",
+    "/js/main.625992e32118ea473b74.hot-update.js": "/js/main.625992e32118ea473b74.hot-update.js",
+    "/js/main.1588e641a690b51e1a21.hot-update.js": "/js/main.1588e641a690b51e1a21.hot-update.js",
+    "/js/main.91c1813e5f939de50ff5.hot-update.js": "/js/main.91c1813e5f939de50ff5.hot-update.js",
+    "/js/main.0bb0cc1d5f01b1f8c11e.hot-update.js": "/js/main.0bb0cc1d5f01b1f8c11e.hot-update.js",
+    "/js/main.285221e0a44fc7cd108a.hot-update.js": "/js/main.285221e0a44fc7cd108a.hot-update.js",
+    "/js/main.b57f7075d1ce55c689ca.hot-update.js": "/js/main.b57f7075d1ce55c689ca.hot-update.js",
+    "/js/main.ce964398f205c40f1740.hot-update.js": "/js/main.ce964398f205c40f1740.hot-update.js",
+    "/js/main.1574e7416c21f0f8eddd.hot-update.js": "/js/main.1574e7416c21f0f8eddd.hot-update.js",
+    "/js/main.dcb6be139ce04e9ff8d3.hot-update.js": "/js/main.dcb6be139ce04e9ff8d3.hot-update.js",
+    "/js/main.9c98a367ee0455106a6a.hot-update.js": "/js/main.9c98a367ee0455106a6a.hot-update.js",
+    "/js/main.0f60c905b23eb81445a4.hot-update.js": "/js/main.0f60c905b23eb81445a4.hot-update.js",
+    "/js/main.f7b009801c2dc76e9571.hot-update.js": "/js/main.f7b009801c2dc76e9571.hot-update.js",
+    "/js/main.e20a46bf66d9a3d84d15.hot-update.js": "/js/main.e20a46bf66d9a3d84d15.hot-update.js",
+    "/js/main.5640968b567a3dd9cb56.hot-update.js": "/js/main.5640968b567a3dd9cb56.hot-update.js",
+    "/js/main.59f5f6c0d834735c0999.hot-update.js": "/js/main.59f5f6c0d834735c0999.hot-update.js",
+    "/js/main.2628688346e14eb08a0c.hot-update.js": "/js/main.2628688346e14eb08a0c.hot-update.js",
+    "/js/main.fe087a19d9845c265fb2.hot-update.js": "/js/main.fe087a19d9845c265fb2.hot-update.js",
+    "/js/main.54bfef329d9f4fa9d48d.hot-update.js": "/js/main.54bfef329d9f4fa9d48d.hot-update.js",
+    "/js/main.280beb740b06f6de020b.hot-update.js": "/js/main.280beb740b06f6de020b.hot-update.js",
+    "/js/main.818cf5e77cd815f7d0ad.hot-update.js": "/js/main.818cf5e77cd815f7d0ad.hot-update.js",
+    "/js/main.c34f0dbf235d0b229cbb.hot-update.js": "/js/main.c34f0dbf235d0b229cbb.hot-update.js",
+    "/js/main.b84796d790b4f0039a5e.hot-update.js": "/js/main.b84796d790b4f0039a5e.hot-update.js",
+    "/js/main.e58035632e0941c5e188.hot-update.js": "/js/main.e58035632e0941c5e188.hot-update.js",
+    "/js/main.8c1674eb0e630af71f90.hot-update.js": "/js/main.8c1674eb0e630af71f90.hot-update.js",
+    "/js/main.095fcc2cacc8074c6397.hot-update.js": "/js/main.095fcc2cacc8074c6397.hot-update.js",
+    "/js/main.6a9df2085a650ac3b389.hot-update.js": "/js/main.6a9df2085a650ac3b389.hot-update.js",
+    "/js/main.5a14206f0b04e1220d63.hot-update.js": "/js/main.5a14206f0b04e1220d63.hot-update.js",
+    "/js/main.e11bc9de718b28148998.hot-update.js": "/js/main.e11bc9de718b28148998.hot-update.js",
+    "/js/main.bc5cbac168dc48006cb2.hot-update.js": "/js/main.bc5cbac168dc48006cb2.hot-update.js",
+    "/js/main.4ce4ba76504ee49386ee.hot-update.js": "/js/main.4ce4ba76504ee49386ee.hot-update.js",
+    "/js/main.a1b9d0ab2b9e89ba67e2.hot-update.js": "/js/main.a1b9d0ab2b9e89ba67e2.hot-update.js",
+    "/js/main.a0a68e4071989f497d6f.hot-update.js": "/js/main.a0a68e4071989f497d6f.hot-update.js",
+    "/js/main.dd8119d9f5b45f8f97d2.hot-update.js": "/js/main.dd8119d9f5b45f8f97d2.hot-update.js",
+    "/js/main.769d21bc3782197901df.hot-update.js": "/js/main.769d21bc3782197901df.hot-update.js",
+    "/js/main.cbeb749c57d960e13a0e.hot-update.js": "/js/main.cbeb749c57d960e13a0e.hot-update.js",
+    "/js/main.0c595b9161c3c191f5d6.hot-update.js": "/js/main.0c595b9161c3c191f5d6.hot-update.js",
+    "/js/main.89c6c37c84f679595d72.hot-update.js": "/js/main.89c6c37c84f679595d72.hot-update.js",
+    "/js/main.adcefdfda0be683cab45.hot-update.js": "/js/main.adcefdfda0be683cab45.hot-update.js",
+    "/js/main.b63f0a062f40c6ba3e2b.hot-update.js": "/js/main.b63f0a062f40c6ba3e2b.hot-update.js",
+    "/js/main.31996c27f536c6bbcc2a.hot-update.js": "/js/main.31996c27f536c6bbcc2a.hot-update.js",
+    "/js/main.c52e584ac4307e3b0436.hot-update.js": "/js/main.c52e584ac4307e3b0436.hot-update.js",
+    "/js/main.c1b44e4447977996ad77.hot-update.js": "/js/main.c1b44e4447977996ad77.hot-update.js",
+    "/js/main.c1bc740a6297fd9deb87.hot-update.js": "/js/main.c1bc740a6297fd9deb87.hot-update.js",
+    "/js/main.5785103a8e60c8081957.hot-update.js": "/js/main.5785103a8e60c8081957.hot-update.js",
+    "/js/main.a0aa1cf467c3ffa055c1.hot-update.js": "/js/main.a0aa1cf467c3ffa055c1.hot-update.js",
+    "/js/main.7c94928bc440c5fbf611.hot-update.js": "/js/main.7c94928bc440c5fbf611.hot-update.js",
+    "/js/main.f3b445784b1e387df20f.hot-update.js": "/js/main.f3b445784b1e387df20f.hot-update.js",
+    "/js/main.173cb4b23e27e0178ef3.hot-update.js": "/js/main.173cb4b23e27e0178ef3.hot-update.js",
+    "/js/main.033e51ca68ca55af353c.hot-update.js": "/js/main.033e51ca68ca55af353c.hot-update.js",
+    "/js/main.46741d44b2cd3f879e23.hot-update.js": "/js/main.46741d44b2cd3f879e23.hot-update.js",
+    "/js/main.51e9fabbefcd4dc54d77.hot-update.js": "/js/main.51e9fabbefcd4dc54d77.hot-update.js",
+    "/js/main.594c8133e5a0e0c71d0a.hot-update.js": "/js/main.594c8133e5a0e0c71d0a.hot-update.js",
+    "/js/main.beb7a857783a803a33b1.hot-update.js": "/js/main.beb7a857783a803a33b1.hot-update.js",
+    "/js/main.13662b4209653a9033f9.hot-update.js": "/js/main.13662b4209653a9033f9.hot-update.js",
+    "/js/main.b5ac0141be3ec0af4faf.hot-update.js": "/js/main.b5ac0141be3ec0af4faf.hot-update.js",
+    "/js/main.c33ef86cdadd2c227c3b.hot-update.js": "/js/main.c33ef86cdadd2c227c3b.hot-update.js",
+    "/js/main.afeb2a0bbc68d2ab2e61.hot-update.js": "/js/main.afeb2a0bbc68d2ab2e61.hot-update.js",
+    "/js/main.9761f93de39ea7222a06.hot-update.js": "/js/main.9761f93de39ea7222a06.hot-update.js",
+    "/js/main.4fc00007e30f398370b2.hot-update.js": "/js/main.4fc00007e30f398370b2.hot-update.js",
+    "/js/main.8871073e918be2d78fcc.hot-update.js": "/js/main.8871073e918be2d78fcc.hot-update.js",
+    "/js/main.fb4f0e1d6b7c84cc3141.hot-update.js": "/js/main.fb4f0e1d6b7c84cc3141.hot-update.js",
+    "/js/main.3484ede672c8ef7ae79d.hot-update.js": "/js/main.3484ede672c8ef7ae79d.hot-update.js",
+    "/js/main.17287a08d3ea46553424.hot-update.js": "/js/main.17287a08d3ea46553424.hot-update.js",
+    "/js/main.f481e24aa4e7a91b58cc.hot-update.js": "/js/main.f481e24aa4e7a91b58cc.hot-update.js",
+    "/js/main.06af250d47b7a1733021.hot-update.js": "/js/main.06af250d47b7a1733021.hot-update.js",
+    "/js/main.39325a9d61dbc0834ee8.hot-update.js": "/js/main.39325a9d61dbc0834ee8.hot-update.js",
+    "/js/main.063c4f0000fc48d3cb53.hot-update.js": "/js/main.063c4f0000fc48d3cb53.hot-update.js",
+    "/js/main.09f7a3a48b5163efd036.hot-update.js": "/js/main.09f7a3a48b5163efd036.hot-update.js",
+    "/js/main.77f9ea8af14ddb9627ab.hot-update.js": "/js/main.77f9ea8af14ddb9627ab.hot-update.js"
 }

resources/js/App.vue

@@ -21,6 +21,9 @@
             <!--Navigation Sidebar-->
             <MenuBar/>
 
+            <!--Toastr-->
+            <ToastrWrapper/>
+
             <!--File page-->
             <router-view :class="{'is-scaled-down': isScaledDown}"/>
         </div>
@@ -33,6 +36,7 @@
 </template>
 
 <script>
+    import ToastrWrapper from '@/components/Others/Notifications/ToastrWrapper'
     import MobileNavigation from '@/components/Others/MobileNavigation'
     import MobileMenu from '@/components/FilesView/MobileMenu'
     import ShareCreate from '@/components/Others/ShareCreate'
@@ -50,6 +54,7 @@
         name: 'app',
         components: {
             MobileNavigation,
+            ToastrWrapper,
             ShareCreate,
             MobileMenu,
             ShareEdit,

resources/js/components/FilesView/ButtonBase.vue

@@ -27,6 +27,7 @@
         border: 0;
         padding: 10px 28px;
         display: inline-block;
+        white-space: nowrap;
 
         &:active {
             transform: scale(0.95);

resources/js/components/Mobile/MenuItemList.vue

@@ -9,6 +9,7 @@
                 <settings-icon v-if="link.icon === 'settings'" size="17"></settings-icon>
                 <upload-cloud-icon v-if="link.icon === 'latest'" size="17"></upload-cloud-icon>
                 <user-icon v-if="link.icon === 'user'" size="17"></user-icon>
+                <users-icon v-if="link.icon === 'users'" size="17"></users-icon>
                 <lock-icon v-if="link.icon === 'lock'" size="17"></lock-icon>
             </div>
             <b class="menu-link">
@@ -28,6 +29,7 @@
         Trash2Icon,
         PowerIcon,
         ShareIcon,
+        UsersIcon,
         UserIcon,
         LockIcon,
     } from 'vue-feather-icons'
@@ -41,6 +43,7 @@
             SettingsIcon,
             Trash2Icon,
             PowerIcon,
+            UsersIcon,
             ShareIcon,
             LockIcon,
             UserIcon,

resources/js/components/Mobile/MobileHeader.vue

@@ -7,7 +7,7 @@
         </div>
 
         <!--Folder Title-->
-        <div class="location-name">{{ $router.currentRoute.meta.title }}</div>
+        <div class="location-name">{{ title }}</div>
 
         <!--More Actions-->
         <div @click="showMobileNavigation" class="mobile-menu">
@@ -26,6 +26,9 @@
 
     export default {
         name: 'MenuBar',
+        props: [
+            'title'
+        ],
         components: {
             ChevronLeftIcon,
             MenuIcon,
@@ -46,7 +49,7 @@
     @import '@assets/vue-file-manager/_mixins';
 
     .mobile-header {
-        padding: 10px 15px;
+        padding: 10px 0;
         text-align: center;
         background: white;
         position: sticky;

resources/js/components/Others/ColorLabel.vue

@@ -0,0 +1,44 @@
+<template>
+    <b class="color-label" :class="color">
+        <slot></slot>
+    </b>
+</template>
+
+<script>
+    export default {
+        name: 'ColorLabel',
+        props: ['color'],
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+
+    .color-label {
+        text-transform: capitalize;
+        @include font-size(12);
+        display: inline-block;
+        border-radius: 6px;
+        font-weight: 700;
+        padding: 4px 6px;
+
+        &.purple {
+            color: $purple;
+            background: rgba($purple, 0.1);
+        }
+
+        &.yellow {
+            color: $yellow;
+            background: rgba($yellow, 0.1);
+        }
+    }
+
+    @media only screen and (max-width: 1024px) {
+
+    }
+
+    @media (prefers-color-scheme: dark) {
+
+    }
+</style>

resources/js/components/Others/Forms/SelectInput.vue

@@ -84,6 +84,7 @@
     .select {
         position: relative;
         user-select: none;
+        width: 100%;
     }
 
     .input-options {

resources/js/components/Others/Forms/SetupBox.vue

@@ -0,0 +1,129 @@
+<template>
+    <div class="setup-box" :class="theme">
+        <b class="title">{{ title }}</b>
+        <p class="description">{{ description }}</p>
+        <slot></slot>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'SetupBox',
+        props: ['title', 'description', 'theme'],
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+
+    .setup-box {
+        padding: 20px;
+        border-radius: 8px;
+
+        .title {
+            @include font-size(19);
+            margin-bottom: 15px;
+            display: block;
+            //color: $theme;
+        }
+
+        .description {
+            @include font-size(15);
+            line-height: 1.5;
+            margin-bottom: 20px;
+        }
+
+        &.base {
+            background: $light_background;
+        }
+
+        &.danger {
+            background: $light_background;
+
+            .title {
+                color: $danger;
+            }
+        }
+
+        /deep/ .form {
+            margin-top: 20px;
+
+            &.block-form {
+                max-width: 450px;
+
+                .single-line-form {
+                    display: flex;
+
+                    .submit-button {
+                        margin-left: 20px;
+                    }
+                }
+            }
+        }
+    }
+
+    @media only screen and (max-width: 960px) {
+
+        .setup-box {
+
+            /deep/ .form {
+
+                &.block-form {
+                    max-width: 100%;
+                }
+
+                input {
+                    min-width: initial;
+                }
+            }
+        }
+    }
+
+    @media only screen and (max-width: 690px) {
+
+        .setup-box {
+
+            /deep/ .form.block-form {
+
+                .single-line-form {
+                    display: block;
+
+                    .submit-button {
+                        margin-left: 0;
+                        margin-top: 10px;
+                    }
+                }
+            }
+        }
+
+    }
+
+
+    @media (prefers-color-scheme: dark) {
+
+        .setup-box {
+
+            &.base {
+                background: $dark_mode_foreground;
+            }
+
+            &.danger {
+                background: $dark_mode_foreground;
+            }
+
+            /deep/ input {
+
+                &[type='text'],
+                &[type='number'],
+                .input-area {
+                    background: $dark_mode_background;
+                }
+            }
+
+            /deep/ .input-area {
+                background: $dark_mode_background;
+            }
+        }
+    }
+</style>

resources/js/components/Others/MobileNavigation.vue

@@ -1,16 +1,16 @@
 <template>
-    <div class="mobile-main-navigation">
+    <div class="mobile-main-navigation" v-if="app">
         <transition name="context-menu">
             <nav v-if="isVisible" class="mobile-navigation">
 
                 <!--User Info-->
                 <div class="user-info">
-                    <UserAvatar size="large" />
+                    <UserAvatar size="large"/>
                     <UserHeadline/>
                 </div>
 
                 <!--Navigation-->
-                <MenuItemList :navigation="navigation" @menu="action" />
+                <MenuItemList :navigation="navigation" @menu="action"/>
             </nav>
         </transition>
         <transition name="fade">
@@ -35,11 +35,8 @@
         },
         computed: {
             ...mapGetters(['app', 'homeDirectory']),
-        },
+            navigation() {
-        data() {
+                return [
-            return {
-                isVisible: false,
-                navigation: [
                     {
                         icon: 'hard-drive',
                         title: this.$t('menu.files'),
@@ -70,6 +67,12 @@
                         routeName: 'MobileSettings',
                         isVisible: true,
                     },
+                    {
+                        icon: 'users',
+                        title: this.$t('menu.admin'),
+                        routeName: 'Users',
+                        isVisible: this.app.user.role === 'admin',
+                    },
                     {
                         icon: 'power',
                         title: this.$t('menu.logout'),
@@ -77,6 +80,11 @@
                         isVisible: true,
                     },
                 ]
+            },
+        },
+        data() {
+            return {
+                isVisible: false,
             }
         },
         methods: {

resources/js/components/Others/Notifications/ToastrItem.vue

@@ -0,0 +1,136 @@
+<template>
+    <transition appear name="fade">
+        <li class="toastr-item" :class="item.type" v-show="isActive">
+            <div class="toastr-content-wrapper">
+				<span class="toastr-icon">
+					<check-icon v-if="item.type == 'success'" size="22"></check-icon>
+					<x-icon v-if="item.type == 'danger'" size="22"></x-icon>
+				</span>
+                <div class="toastr-content">
+                    <p class="toastr-description">{{ item.message }}</p>
+                </div>
+            </div>
+            <div class="progressbar">
+                <span></span>
+            </div>
+        </li>
+    </transition>
+</template>
+
+<script>
+    import {XIcon, CheckIcon} from 'vue-feather-icons'
+
+    export default {
+        components: {
+            XIcon,
+            CheckIcon
+        },
+        props: ['item'],
+        data() {
+            return {
+                isActive: 0
+            }
+        },
+        created() {
+            this.isActive = 1
+
+            setTimeout(() => (this.isActive = 0), 5000)
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+
+    .fade-enter-active,
+    .fade-leave-active {
+        transition: 0.8s ease;
+    }
+
+    .fade-enter,
+    .fade-leave-to {
+        opacity: 0;
+        @include transform(translateX(100%));
+    }
+
+    .toastr-content-wrapper {
+        display: flex;
+        align-items: center;
+        padding: 15px;
+        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
+    }
+
+    .progressbar {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        opacity: 0.35;
+
+        span {
+            width: 0;
+            height: 3px;
+            display: block;
+            background: $theme;
+            animation: progressbar 5s linear;
+        }
+    }
+
+    @keyframes progressbar {
+        0% {
+            width: 0;
+        }
+        100% {
+            width: 100%;
+        }
+    }
+
+    .toastr-item {
+        max-width: 320px;
+        margin-bottom: 20px;
+        position: relative;
+        overflow: hidden;
+        display: block;
+        border-radius: 8px;
+
+        .toastr-description {
+            @include font-size(15);
+            font-weight: bold;
+        }
+
+        .toastr-icon {
+            height: 42px;
+            width: 42px;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            padding: 0;
+            font-size: 20px;
+        }
+
+        &.success {
+            background: $theme_light;
+
+            polyline {
+                stroke: $theme;
+            }
+
+            .toastr-description {
+                color: $theme;
+            }
+        }
+
+        &.danger {
+            background: rgba($danger, 0.1);
+
+            polyline {
+                stroke: $danger;
+            }
+
+            .toastr-description {
+                color: $danger;
+            }
+        }
+    }
+</style>

resources/js/components/Others/Notifications/ToastrWrapper.vue

@@ -0,0 +1,51 @@
+<template>
+    <div id="toastr-wrapper">
+        <ToastrItem :item="item" v-for="(item, i) in notifications" :key="i"/>
+    </div>
+</template>
+
+<script>
+    import ToastrItem from '@/components/Others/Notifications/ToastrItem'
+    import {events} from "@/bus";
+
+    export default {
+        components: {
+            ToastrItem,
+        },
+        data() {
+            return {
+                notifications: []
+            }
+        },
+        created() {
+            events.$on('toaster', notification => this.notifications.push(notification))
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+
+    .toastr-list {
+        transition: all 5s ease;
+        display: inline-block;
+    }
+
+    .toastr-list-enter,
+    .toastr-list-leave-to {
+        opacity: 0;
+        transform: translateY(-100%);
+    }
+
+    .toastr-list-leave-active {
+        position: absolute;
+    }
+
+    #toastr-wrapper {
+        position: absolute;
+        right: 30px;
+        top: 30px;
+        z-index: 10;
+    }
+</style>

resources/js/components/Others/PageHeader.vue

@@ -16,7 +16,7 @@
     export default {
         name: 'PageHeader',
         props: [
-            'title', 'description'
+            'title'
         ],
         computed: {
             ...mapGetters(['appSize']),
@@ -44,9 +44,10 @@
         align-items: center;
         background: white;
         z-index: 9;
-        max-width: 700px;
         width: 100%;
-        margin: 20px auto 30px;
+        position: sticky;
+        top: 0;
+        padding: 20px 0;
 
         .title {
             @include font-size(18);
@@ -64,8 +65,6 @@
     @media only screen and (max-width: 960px) {
 
         .page-header {
-            padding: 20px 15px;
-            margin: 0;
 
             .title {
                 @include font-size(18);

resources/js/components/Others/Tables/DatatableCell.vue

@@ -0,0 +1,58 @@
+ <template>
+    <tr class="table-row">
+        <td
+                class="table-cell"
+                v-for="(collumn, index) in normalizedColumns"
+                :key="index"
+        >
+            <span>{{ collumn }}</span>
+        </td>
+    </tr>
+</template>
+
+<script>
+    export default {
+        props: ['data'],
+        computed: {
+            normalizedColumns() {
+                // Remove ID from object
+                if (this.data['id']) delete this.data['id']
+
+                // Return object
+                return Object.values(this.data)
+            }
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+
+    .table-row {
+        border-radius: 8px;
+
+        &:hover {
+            background: $light_background;
+        }
+
+        .table-cell {
+            padding-top: 15px;
+            padding-bottom: 15px;
+
+            &:first-child {
+                padding-left: 15px;
+            }
+
+            &:last-child {
+                padding-right: 15px;
+                text-align: right;
+            }
+
+            span {
+                @include font-size(16);
+                font-weight: bold;
+            }
+        }
+    }
+</style>

resources/js/components/Others/Tables/DatatableWrapper.vue

@@ -0,0 +1,397 @@
+<template>
+    <div class="datatable">
+        <table v-if="hasData" class="table">
+            <thead class="table-header">
+            <tr>
+                <td
+                        v-for="(column, index) in columns"
+                        @click="sort(column.field, column.sortable, index)"
+                        :key="index"
+                        :class="{ sortable: column.sortable }"
+                >
+                    <span>{{ column.label }}</span>
+
+                    <chevron-up-icon v-if="false" :class="{ 'arrow-down': filter.sort === 'ASC' }" size="14" class="filter-arrow"></chevron-up-icon>
+                </td>
+            </tr>
+            </thead>
+
+            <tbody class="table-body">
+            <slot v-for="row in visibleData" :row="row">
+                <DatatableCell :data="row" :key="row.id"/>
+            </slot>
+            </tbody>
+
+        </table>
+        <div v-if="hasData && paginator" class="paginator-wrapper">
+            <ul v-if="chunks.length > 1" class="pagination">
+                <li class="page-item">
+                    <a
+                            @click="goToPage(pageIndex - 1)"
+                            class="page-link"
+                            :class="{ disabled: pageIndex == 0 }"
+                    >
+                        <chevron-left-icon size="14" class="icon"></chevron-left-icon>
+                    </a>
+                </li>
+                <li
+                        v-for="(row, index) in chunks"
+                        :key="index"
+                        class="page-item"
+                        @click="goToPage(index)"
+                >
+                    <a
+                            class="page-link"
+                            :class="{ active: pageIndex == index }">
+                        {{ index + 1 }}
+                    </a>
+                </li>
+                <li class="page-item">
+                    <a
+                            @click="goToPage(pageIndex + 1)"
+                            class="page-link"
+                            :class="{ disabled: pageIndex + 1 == chunks.length }"
+                    >
+                        <chevron-right-icon size="14" class="icon"></chevron-right-icon>
+                    </a>
+                </li>
+            </ul>
+            <span class="paginator-info">{{ $t('datatable.paginate_info', {visible: visibleData.length, total: data.length}) }}</span>
+        </div>
+    </div>
+</template>
+
+<script>
+    import { ChevronUpIcon, ChevronLeftIcon, ChevronRightIcon } from 'vue-feather-icons'
+    import DatatableCell from '@/components/Others/Tables/DatatableCell'
+    import {chunk, sortBy} from 'lodash'
+
+    export default {
+        props: ['columns', 'data', 'scope', 'paginator'],
+        components: {
+            ChevronRightIcon,
+            ChevronLeftIcon,
+            DatatableCell,
+            ChevronUpIcon,
+        },
+        data() {
+            return {
+                items_per_view: 20,
+                pageIndex: 0,
+                paginatorVisible: true,
+                chunks: [],
+                filter: {
+                    sort: 'DESC',
+                    field: undefined,
+                    index: undefined,
+                }
+            }
+        },
+        methods: {
+            goToPage(index) {
+                if (index == this.chunks.length || index == -1) return
+
+                // Update page index
+                this.pageIndex = index
+            },
+            sort(field, sortable, index) {
+
+                // Prevent sortable if is disabled
+                if (!sortable) return
+
+                // Set filter
+                this.filter.field = field
+                this.filter.index = index
+
+                // Set sorting direction
+                if (this.filter.sort === 'DESC') {
+                    this.filter.sort = 'ASC'
+                } else if (this.filter.sort === 'ASC') {
+                    this.filter.sort = 'DESC'
+                }
+            }
+        },
+        computed: {
+            hasData() {
+
+                return this.data.length > 0 ? true : false
+            },
+            visibleData() {
+
+                // Prefent errors when data is empty
+                if (!this.hasData) return
+
+                // Reconfigure data
+                if (this.filter.field) {
+
+                    // Set chunks with sorting
+                    if (this.filter.sort === 'DESC') {
+
+                        // DESC
+                        this.chunks = chunk(sortBy(this.data, this.filter.field), this.items_per_view)
+                    } else {
+
+                        // ASC
+                        this.chunks = chunk(sortBy(this.data, this.filter.field).reverse(), this.items_per_view)
+                    }
+
+                } else {
+
+                    // Get data to chunks
+                    this.chunks = chunk(this.data, this.items_per_view)
+                }
+
+                // Return chunks
+                return this.chunks[this.pageIndex]
+            }
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+
+    .datatable {
+        height: 100%;
+    }
+
+    .table-row {
+        @include transition;
+    }
+
+    .table-row-enter,
+    .table-row-leave-to {
+        opacity: 0;
+        @include transform(translateY(-100%));
+    }
+
+    .table-row-leave-active {
+        position: absolute;
+    }
+
+    .table {
+        width: 100%;
+        border-collapse: collapse;
+
+        tr {
+            width: 100%;
+
+            td {
+                &:first-child {
+                    padding-left: 15px;
+                }
+
+                &:last-child {
+                    padding-right: 15px;
+                    text-align: right;
+                }
+            }
+        }
+
+        .table-header {
+            margin-bottom: 10px;
+
+            tr {
+                td {
+                    padding-top: 10px;
+                    padding-bottom: 10px;
+
+                    span {
+                        color: #AFAFAF;
+                        font-weight: 700;
+                        @include font-size(12);
+                    }
+
+                    &.sortable {
+                        cursor: pointer;
+                    }
+
+                    &:last-child {
+                        text-align: right;
+                    }
+                }
+            }
+
+            .filter-arrow {
+                vertical-align: middle;
+                margin-left: 8px;
+                @include transition;
+
+                path {
+                    fill: $text-muted;
+                }
+
+                &.arrow-down {
+                    @include transform(rotate(180deg));
+                }
+            }
+
+            span {
+                font-size: 13px;
+                color: $text-muted;
+                font-weight: bold;
+            }
+        }
+
+        .table-body {
+            tr {
+                border-radius: 8px;
+
+                &:hover {
+                    background: $light_background;
+                }
+
+                td {
+                    padding-top: 12px;
+                    padding-bottom: 12px;
+
+                    &:last-child {
+                        button {
+                            margin-right: 0;
+                        }
+                    }
+                }
+            }
+
+            span, a.page-link {
+                @include font-size(15);
+                font-weight: 700;
+                padding: 10px 0;
+                display: block;
+            }
+        }
+    }
+
+    .pagination {
+        .page-item {
+            padding: 3px;
+            display: inline-block;
+        }
+
+        .page-link {
+            width: 30px;
+            height: 30px;
+            display: block;
+            color: $text;
+            border-radius: 6px;
+            text-align: center;
+            line-height: 2.4;
+            font-weight: bold;
+            font-size: 13px;
+            cursor: pointer;
+            @include transition(0.15s);
+
+            .icon {
+                vertical-align: middle;
+                margin-top: -2px;
+            }
+
+            &:hover:not(.disabled) {
+                background: $light_background;
+                color: $text;
+            }
+
+            &.active {
+                color: $text;
+                background: $light_background;
+            }
+
+            &.disabled {
+                background: transparent;
+                cursor: default;
+
+                svg path {
+                    fill: $text-muted;
+                }
+            }
+        }
+    }
+
+    .paginator-wrapper {
+        margin-top: 30px;
+        margin-bottom: 40px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        .paginator-info {
+            font-size: 13px;
+            color: $text-muted;
+        }
+    }
+
+    .user-preview {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+
+        img {
+            width: 45px;
+            margin-right: 22px;
+        }
+    }
+
+    @media (prefers-color-scheme: dark) {
+
+        .table {
+
+            .table-header {
+
+                tr {
+                    td {
+
+                        span {
+                            color: $theme;
+                        }
+                    }
+                }
+            }
+
+            .table-body {
+                tr {
+                    &:hover {
+                        background: $dark_mode_foreground;
+                    }
+                }
+            }
+        }
+
+        .paginator-wrapper {
+
+            .paginator-info {
+                color: $dark_mode_text_secondary;
+            }
+        }
+
+        .pagination {
+
+            .page-link {
+                color: $dark_mode_text_secondary;
+
+                svg polyline {
+                    stroke: $dark_mode_text_primary;
+                }
+
+                &:hover:not(.disabled) {
+                    color: $theme;
+                    background: rgba($theme, 0.1);
+                }
+
+                &.active {
+                    color: $theme;
+                    background: rgba($theme, 0.1);
+                }
+
+                &.disabled {
+                    background: transparent;
+                    cursor: default;
+
+                    svg polyline {
+                        stroke: $dark_mode_text_secondary;
+                    }
+                }
+            }
+        }
+    }
+</style>

resources/js/components/Sidebar/MenuBar.vue

@@ -31,6 +31,12 @@
                     <settings-icon size="19"></settings-icon>
                 </div>
             </router-link>
+
+            <router-link v-if="app.user.role === 'admin'" :to="{name: 'Users'}" :class="{'is-active': $isThisRoute($route, ['Users'])}" class="icon-navigation-item users">
+                <div class="button-icon">
+                    <users-icon size="19"></users-icon>
+                </div>
+            </router-link>
         </div>
 
         <!--User avatar & Logout-->
@@ -51,6 +57,7 @@
         HardDriveIcon,
         SettingsIcon,
         Trash2Icon,
+        UsersIcon,
         PowerIcon,
         ShareIcon,
     } from 'vue-feather-icons'
@@ -64,6 +71,7 @@
             Trash2Icon,
             PowerIcon,
             ShareIcon,
+            UsersIcon,
         },
         computed: {
             ...mapGetters(['app']),
@@ -167,6 +175,16 @@
                     }
                 }
             }
+
+            &.users {
+                .button-icon {
+                    background: rgba($pink, 0.1);
+
+                    path, line, polyline, rect, circle {
+                        stroke: $pink;
+                    }
+                }
+            }
         }
     }
 

resources/js/i18n/lang/cn.json

@@ -6,7 +6,12 @@
         "profile": "User Profile",
         "settings_password": "Change Password",
         "settings_storage": "Storage",
-        "settings_mobile": "Settings"
+        "settings_mobile": "Settings",
+        "users_user": "User",
+        "users_detail": "Detail",
+        "users_storage_usage": "Storage Usage",
+        "users_password": "Password",
+        "users_delete": "Delete User"
     },
     "profile": {
         "store_pass": "保存您的密码",
@@ -166,7 +171,8 @@
         "logout": "Log Out",
         "profile": "Profile Settings",
         "password": "Password",
-        "storage": "Storage"
+        "storage": "Storage",
+        "admin": "Admin"
     },
     "sidebar": {
         "favourites": "收藏",
@@ -255,5 +261,65 @@
     "popup_paylod_error": {
         "title": "File is too large",
         "message": "Sorry, your file is too large and can't be uploaded"
+    },
+    "popup_deleted_user": {
+        "title": "User was deleted",
+        "message": "Your user was deleted with all user data content."
+    },
+    "user_box_storage": {
+        "title": "Change User Storage Capacity",
+        "description": "Change user storage capacity by input bellow. You have to type only number e.g. value '5' means, user will have 5GB of storage capacity."
+    },
+    "user_box_password": {
+        "title": "Change User Password",
+        "description": "You can send password reset email via button bellow. User will be redirected to page where he can update password for his account."
+    },
+    "user_box_delete": {
+        "title": "Delete User",
+        "description": "You can delete your user, but, pay attention! This event is irreversible and all user data include user files will be deleted."
+    },
+    "user_box_role": {
+        "title": "Change User Role",
+        "description": "You can change role for current user. Admin role can edit or create new users, change storage capacity and any other application settings."
+    },
+    "admin_menu": {
+        "admin_label": "Admin",
+        "users": "Users"
+    },
+    "admin_page_user": {
+        "select_role": "Select user role",
+        "save_role": "Save Role",
+        "label_person_info": "Personal Information",
+        "label_delete_user": "Type with Case Sensitive user name ‘{user}‘",
+        "label_change_capacity": "Type storage capacity in GB",
+        "placeholder_delete_user": "Type here",
+        "delete_user": "Delete User",
+        "change_capacity": "Change Capacity",
+        "send_password_link": "Send Password Reset Link",
+        "tabs": {
+            "detail": "Detail",
+            "storage": "Storage Usage",
+            "password": "Password",
+            "delete": "Delete User"
+        },
+        "table": {
+            "name": "User",
+            "role": "Role",
+            "storage_used": "Storage Used",
+            "storage_capacity": "Storage Capacity",
+            "action": "Action"
+        }
+    },
+    "toaster": {
+        "changed_user": "You successfully changed user's role!",
+        "sended_password": "You successfully send user email for reset password!",
+        "changed_capacity": "You successfully changed user's storage size!"
+    },
+    "roles": {
+        "admin": "Admin",
+        "user": "User"
+    },
+    "datatable": {
+        "paginate_info": "Showing 1 - {visible} from {total} records"
     }
 }

resources/js/i18n/lang/en.json

@@ -6,7 +6,12 @@
         "profile": "User Profile",
         "settings_password": "Change Password",
         "settings_storage": "Storage",
-        "settings_mobile": "Settings"
+        "settings_mobile": "Settings",
+        "users_user": "User",
+        "users_detail": "Detail",
+        "users_storage_usage": "Storage Usage",
+        "users_password": "Password",
+        "users_delete": "Delete User"
     },
     "profile": {
         "store_pass": "Store New Password",
@@ -166,7 +171,8 @@
         "logout": "Log Out",
         "profile": "Profile Settings",
         "password": "Password",
-        "storage": "Storage"
+        "storage": "Storage",
+        "admin": "Admin"
     },
     "sidebar": {
         "favourites": "Favourites",
@@ -255,5 +261,65 @@
     "popup_paylod_error": {
         "title": "File is too large",
         "message": "Sorry, your file is too large and can't be uploaded"
+    },
+    "popup_deleted_user": {
+        "title": "User was deleted",
+        "message": "Your user was deleted with all user data content."
+    },
+    "user_box_storage": {
+        "title": "Change User Storage Capacity",
+        "description": "Change user storage capacity by input bellow. You have to type only number e.g. value '5' means, user will have 5GB of storage capacity."
+    },
+    "user_box_password": {
+        "title": "Change User Password",
+        "description": "You can send password reset email via button bellow. User will be redirected to page where he can update password for his account."
+    },
+    "user_box_delete": {
+        "title": "Delete User",
+        "description": "You can delete your user, but, pay attention! This event is irreversible and all user data include user files will be deleted."
+    },
+    "user_box_role": {
+        "title": "Change User Role",
+        "description": "You can change role for current user. Admin role can edit or create new users, change storage capacity and any other application settings."
+    },
+    "admin_menu": {
+        "admin_label": "Admin",
+        "users": "Users"
+    },
+    "admin_page_user": {
+        "select_role": "Select user role",
+        "save_role": "Save Role",
+        "label_person_info": "Personal Information",
+        "label_delete_user": "Type with Case Sensitive user name ‘{user}‘",
+        "label_change_capacity": "Type storage capacity in GB",
+        "placeholder_delete_user": "Type here",
+        "delete_user": "Delete User",
+        "change_capacity": "Change Capacity",
+        "send_password_link": "Send Password Reset Link",
+        "tabs": {
+            "detail": "Detail",
+            "storage": "Storage Usage",
+            "password": "Password",
+            "delete": "Delete User"
+        },
+        "table": {
+            "name": "User",
+            "role": "Role",
+            "storage_used": "Storage Used",
+            "storage_capacity": "Storage Capacity",
+            "action": "Action"
+        }
+    },
+    "toaster": {
+        "changed_user": "You successfully changed user's role!",
+        "sended_password": "You successfully send user email for reset password!",
+        "changed_capacity": "You successfully changed user's storage size!"
+    },
+    "roles": {
+        "admin": "Admin",
+        "user": "User"
+    },
+    "datatable": {
+        "paginate_info": "Showing 1 - {visible} from {total} records"
     }
 }

resources/js/i18n/lang/sk.json

@@ -6,7 +6,12 @@
         "profile": "Uživateľský profil",
         "settings_password": "Zmeniť heslo",
         "settings_storage": "Úložisko",
-        "settings_mobile": "Nastavenia"
+        "settings_mobile": "Nastavenia",
+        "users_user": "Uživateľ",
+        "users_detail": "Detail",
+        "users_storage_usage": "Využitie úložiska",
+        "users_password": "Heslo",
+        "users_delete": "Vymazať uživateľa"
     },
     "profile": {
         "store_pass": "Uložiť nové heslo",
@@ -166,7 +171,8 @@
         "logout": "Odhlásiť sa",
         "profile": "Nastavenia profilu",
         "password": "Heslo",
-        "storage": "Úložisko"
+        "storage": "Úložisko",
+        "admin": "Administrácia"
     },
     "sidebar": {
         "favourites": "Obľúbené",
@@ -255,5 +261,65 @@
     "popup_paylod_error": {
         "title": "Súbor je príliš veľký",
         "message": "Prepáčte, súbor je príliš veľký a nemôže byť nahraný."
+    },
+    "popup_deleted_user": {
+        "title": "Uživateľ bol vymazaný",
+        "message": "Uživateľ bol vymazaný so všetkými uživateľskými dátami."
+    },
+    "user_box_storage": {
+        "title": "Zmeňiť kapacitu úložiska",
+        "description": "Zmeňiť kapacitu úložiska formulárom nižšie. Môžeš písať iba čiselné hodnoty, napríklad hodnota '5' znamená, že uživateľ bude mať 5GB kapacitz úložiska."
+    },
+    "user_box_password": {
+        "title": "Zmeňiť uživateľské heslo",
+        "description": "Môžete zmeniť uživateľské heslo zaslaním resetovacieho emailu uživateľovi. Uživateľ bude presmerovaný na stránku, kde si môže zmeniť heslo na nové."
+    },
+    "user_box_delete": {
+        "title": "Vymazať uživateľa",
+        "description": "Môžete vymazať svojho uživateľa, lenže, dávaj pozor! Táto událosť je nezvratná a všetke uživateľské dáta vrátane uživateľových súborov budú vymazané!"
+    },
+    "user_box_role": {
+        "title": "Zmeniť uživateľskú rolu",
+        "description": "Môžete zmeniť uživateľskú rolu pre aktuálneho uživateľa. Administrátorska rola môže editovať alebo vytvárať nových uživateľov, zmeniť kapacitu úložiska a mnoho dalších nastavení aplikácie."
+    },
+    "admin_menu": {
+        "admin_label": "Administrácia",
+        "users": "Uživatelia"
+    },
+    "admin_page_user": {
+        "select_role": "Vyberte uživateľskú rolu",
+        "save_role": "Uložiť Rolu",
+        "label_person_info": "Osobné informácie",
+        "label_delete_user": "Napíšte uživateľovo meno ‘{user}‘. Rozlišujte medzi malými a veľkými písmenami",
+        "label_change_capacity": "Vpíšte kapacitu úložiska v GB",
+        "placeholder_delete_user": "Píšte sem",
+        "delete_user": "Vymazať uživateľa",
+        "change_capacity": "Zmeniť kapacitu",
+        "send_password_link": "Odoslať email s resetom hesla",
+        "tabs": {
+            "detail": "Detail",
+            "storage": "Využitie úložiska",
+            "password": "Heslo",
+            "delete": "Vymazať uživateľa"
+        },
+        "table": {
+            "name": "Užívateľ",
+            "role": "Rola",
+            "storage_used": "Využitie úložiska",
+            "storage_capacity": "Kapacita úložiska",
+            "action": "Akcia"
+        }
+    },
+    "toaster": {
+        "changed_user": "Úspešne ste zmenili rolu užívateľa",
+        "sended_password": "Úspešne ste odoslali email uživateľovi pre reset hesla!",
+        "changed_capacity": "Úspešne ste zmenili kapacitu úložiska uživateľa!"
+    },
+    "roles": {
+        "admin": "Admin",
+        "user": "Užívateľ"
+    },
+    "datatable": {
+        "paginate_info": "Zobrazuje sa 1 - {visible} z {total} položiek"
     }
 }

resources/js/router.js

@@ -19,6 +19,15 @@ import SharedFiles from './views/FilePages/SharedFiles'
 
 import MobileSettings from './views/Mobile/MobileSettings'
 
+import Admin from './views/Admin'
+import Users from './views/Admin/Users'
+
+import User from './views/Admin/Users/User'
+import UserDetail from './views/Admin/Users/UserTabs/UserDetail'
+import UserDelete from './views/Admin/Users/UserTabs/UserDelete'
+import UserStorage from './views/Admin/Users/UserTabs/UserStorage'
+import UserPassword from './views/Admin/Users/UserTabs/UserPassword'
+
 Vue.use(Router)
 
 const router = new Router({
@@ -96,6 +105,73 @@ const router = new Router({
                 requiresAuth: true
             },
         },
+        {
+            name: 'Admin',
+            path: '/admin',
+            component: Admin,
+            meta: {
+                requiresAuth: true,
+                title: 'Admin'
+            },
+            children: [
+                {
+                    name: 'Users',
+                    path: '/admin/users',
+                    component: Users,
+                    meta: {
+                        requiresAuth: true,
+                        title: 'Users'
+                    },
+                },
+                {
+                    name: 'User',
+                    path: '/admin/user/:id',
+                    component: User,
+                    meta: {
+                        requiresAuth: true,
+                        title: i18n.t('routes_title.users_user')
+                    },
+                    children: [
+                        {
+                            name: 'UserDetail',
+                            path: '/admin/user/:id/details',
+                            component: UserDetail,
+                            meta: {
+                                requiresAuth: true,
+                                title: i18n.t('routes_title.users_detail')
+                            },
+                        },
+                        {
+                            name: 'UserStorage',
+                            path: '/admin/user/:id/storage',
+                            component: UserStorage,
+                            meta: {
+                                requiresAuth: true,
+                                title: i18n.t('routes_title.users_storage_usage')
+                            },
+                        },
+                        {
+                            name: 'UserPassword',
+                            path: '/admin/user/:id/password',
+                            component: UserPassword,
+                            meta: {
+                                requiresAuth: true,
+                                title: i18n.t('routes_title.users_password')
+                            },
+                        },
+                        {
+                            name: 'UserDelete',
+                            path: '/admin/user/:id/delete',
+                            component: UserDelete,
+                            meta: {
+                                requiresAuth: true,
+                                title: i18n.t('routes_title.users_delete')
+                            },
+                        },
+                    ]
+                },
+            ]
+        },
         {
             name: 'Settings',
             path: '/settings',

resources/js/views/Admin.vue

@@ -0,0 +1,49 @@
+<template>
+    <section id="viewport">
+
+        <ContentSidebar>
+
+            <!--Locations-->
+            <ContentGroup :title="$t('admin_menu.admin_label')" class="navigator">
+                <div class="menu-list-wrapper">
+                    <router-link :to="{name: 'Users'}" class="menu-list-item link">
+                        <div class="icon">
+                            <users-icon size="17"></users-icon>
+                        </div>
+                        <div class="label">
+                            {{ $t('admin_menu.users') }}
+                        </div>
+                    </router-link>
+                </div>
+            </ContentGroup>
+        </ContentSidebar>
+
+        <router-view/>
+    </section>
+</template>
+
+<script>
+    import ContentSidebar from '@/components/Sidebar/ContentSidebar'
+    import ContentGroup from '@/components/Sidebar/ContentGroup'
+    import { mapGetters } from 'vuex'
+    import { UsersIcon } from 'vue-feather-icons'
+
+    export default {
+        name: 'Settings',
+        computed: {
+            ...mapGetters(['config']),
+        },
+        components: {
+            ContentSidebar,
+            ContentGroup,
+            UsersIcon,
+        },
+    }
+</script>
+
+<style lang="scss" scoped>
+
+    .user-headline {
+        margin-bottom: 38px;
+    }
+</style>

resources/js/views/Admin/Users.vue

@@ -0,0 +1,228 @@
+<template>
+    <div id="single-page">
+        <div id="page-content" class="full-width" v-if="! isLoading">
+            <MobileHeader :title="$router.currentRoute.meta.title"/>
+            <PageHeader :title="$router.currentRoute.meta.title"/>
+
+            <div class="content-page">
+                <DatatableWrapper :paginator="true" :columns="columns" :data="users" class="table table-users">
+                    <template scope="{ row }">
+                        <tr>
+                            <td style="width: 320px">
+                                <router-link :to="{name: 'UserDetail', params: {id: row.data.id}}" tag="div" class="user-thumbnail">
+                                    <div class="avatar">
+                                        <img :src="row.data.attributes.avatar" :alt="row.data.attributes.name">
+                                    </div>
+                                    <div class="info">
+                                        <b class="name">{{ row.data.attributes.name }}</b>
+                                        <span class="email">{{ row.data.attributes.email }}</span>
+                                    </div>
+                                </router-link>
+                            </td>
+                            <td>
+                                <ColorLabel :color="getRoleColor(row.data.attributes.role)">
+                                    {{ row.data.attributes.role }}
+                                </ColorLabel>
+                            </td>
+                            <td>
+                                <span class="cell-item">
+                                    {{ row.data.attributes.storage.used }}%
+                                </span>
+                            </td>
+                            <td>
+                                <span class="cell-item">
+                                    {{ row.data.attributes.storage.capacity_formatted }}
+                                </span>
+                            </td>
+                            <td>
+                                <div class="action-icons">
+                                    <router-link :to="{name: 'UserDetail', params: {id: row.data.id}}">
+                                        <edit-2-icon size="15" class="icon icon-edit"></edit-2-icon>
+                                    </router-link>
+                                    <router-link :to="{name: 'UserDelete', params: {id: row.data.id}}">
+                                        <trash2-icon size="15" class="icon icon-trash"></trash2-icon>
+                                    </router-link>
+                                </div>
+                            </td>
+                        </tr>
+                    </template>
+                </DatatableWrapper>
+            </div>
+        </div>
+        <div id="loader" v-if="isLoading">
+            <Spinner></Spinner>
+        </div>
+    </div>
+</template>
+
+<script>
+    import DatatableWrapper from '@/components/Others/Tables/DatatableWrapper'
+    import MobileHeader from '@/components/Mobile/MobileHeader'
+    import SectionTitle from '@/components/Others/SectionTitle'
+    import {Trash2Icon, Edit2Icon} from "vue-feather-icons";
+    import PageHeader from '@/components/Others/PageHeader'
+    import ColorLabel from '@/components/Others/ColorLabel'
+    import Spinner from '@/components/FilesView/Spinner'
+    import axios from 'axios'
+
+    export default {
+        name: 'Profile',
+        components: {
+            DatatableWrapper,
+            SectionTitle,
+            MobileHeader,
+            Trash2Icon,
+            PageHeader,
+            ColorLabel,
+            Edit2Icon,
+            Spinner,
+        },
+        data() {
+            return {
+                isLoading: true,
+                users: [],
+                columns: [
+                    {
+                        label: this.$t('admin_page_user.table.name'),
+                        field: 'attributes.name',
+                        sortable: true
+                    },
+                    {
+                        label: this.$t('admin_page_user.table.role'),
+                        field: 'attributes.role',
+                        sortable: true
+                    },
+                    {
+                        label: this.$t('admin_page_user.table.storage_used'),
+                        field: 'attributes.storage.used',
+                        sortable: true
+                    },
+                    {
+                        label: this.$t('admin_page_user.table.storage_capacity'),
+                        field: 'attributes.storage.capacity',
+                        sortable: true
+                    },
+                    {
+                        label: this.$t('admin_page_user.table.action'),
+                        field: 'action',
+                        sortable: false
+                    },
+                ],
+            }
+        },
+        methods: {
+            getRoleColor(role) {
+                switch(role) {
+                    case 'admin':
+                        return 'purple'
+                        break;
+                    case 'user':
+                        return 'yellow'
+                        break;
+                }
+            }
+        },
+        created() {
+            axios.get('/api/users')
+                .then(response => {
+                    this.users = response.data.data
+                    this.isLoading = false
+                })
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+
+    .action-icons {
+
+        a {
+            display: inline-block;
+            margin-left: 10px;
+
+            &:first-child {
+                margin-left: 0;
+            }
+        }
+
+        .icon {
+            cursor: pointer;
+
+            circle, path, line, polyline {
+                stroke: $text;
+            }
+
+            &.icon-trash {
+                circle, path, line, polyline {
+                    stroke: $red;
+                }
+            }
+        }
+    }
+
+    .table {
+
+        .cell-item {
+            @include font-size(15);
+        }
+    }
+
+    .user-thumbnail {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+
+        .avatar {
+            margin-right: 20px;
+            line-height: 0;
+
+            img {
+                line-height: 0;
+                width: 48px;
+                height: 48px;
+                border-radius: 8px;
+            }
+        }
+
+        .info {
+
+            .name {
+                display: block;
+                @include font-size(15);
+                line-height: 1;
+            }
+
+            .email {
+                color: $text-muted;
+                @include font-size(12);
+            }
+        }
+    }
+
+    @media (prefers-color-scheme: dark) {
+
+        .action-icons {
+
+            .icon {
+                cursor: pointer;
+
+                circle, path, line, polyline {
+                    stroke: $dark_mode_text_primary;
+                }
+            }
+        }
+
+        .user-thumbnail {
+
+            .info {
+
+                .email {
+                    color: $dark_mode_text_secondary;
+                }
+            }
+        }
+    }
+
+</style>

resources/js/views/Admin/Users/User.vue

@@ -0,0 +1,174 @@
+<template>
+    <div id="single-page" v-if="app">
+        <div id="page-content" v-if="! isLoading">
+            <MobileHeader :title="$router.currentRoute.meta.title"/>
+            <PageHeader :title="$router.currentRoute.meta.title"/>
+
+            <div class="content-page">
+
+                <!--User thumbnail-->
+                <div class="user-thumbnail">
+                    <div class="avatar">
+                        <img :src="user.attributes.avatar" :alt="user.attributes.name">
+                    </div>
+                    <div class="info">
+                        <b class="name">
+                            {{ user.attributes.name }}
+                            <ColorLabel color="purple">
+                                {{ user.attributes.role }}
+                            </ColorLabel></b>
+                        <span class="email">{{ user.attributes.email }}</span>
+                    </div>
+                </div>
+
+                <!--Page Tab links-->
+                <div class="menu-list-wrapper horizontal">
+                    <router-link replace :to="{name: 'UserDetail'}" class="menu-list-item link">
+                        <div class="icon">
+                            <user-icon size="17"></user-icon>
+                        </div>
+                        <div class="label">
+                            {{ $t('admin_page_user.tabs.detail') }}
+                        </div>
+                    </router-link>
+
+                    <router-link replace :to="{name: 'UserStorage'}" class="menu-list-item link">
+                        <div class="icon">
+                            <hard-drive-icon size="17"></hard-drive-icon>
+                        </div>
+                        <div class="label">
+                            {{ $t('admin_page_user.tabs.storage') }}
+                        </div>
+                    </router-link>
+
+                    <router-link replace :to="{name: 'UserPassword'}" class="menu-list-item link">
+                        <div class="icon">
+                            <lock-icon size="17"></lock-icon>
+                        </div>
+                        <div class="label">
+                            {{ $t('admin_page_user.tabs.password') }}
+                        </div>
+                    </router-link>
+
+                    <router-link replace :to="{name: 'UserDelete'}" v-if="user.attributes.name !== app.user.name" class="menu-list-item link">
+                        <div class="icon">
+                            <trash2-icon size="17"></trash2-icon>
+                        </div>
+                        <div class="label">
+                            {{ $t('admin_page_user.tabs.delete') }}
+                        </div>
+                    </router-link>
+                </div>
+
+                <!--Router Content-->
+                <router-view :user="user" @reload-user="fetchUser" />
+            </div>
+        </div>
+        <div id="loader" v-if="isLoading">
+            <Spinner></Spinner>
+        </div>
+    </div>
+</template>
+
+<script>
+    import { UserIcon, HardDriveIcon, LockIcon, Trash2Icon } from 'vue-feather-icons'
+    import StorageItemDetail from '@/components/Others/StorageItemDetail'
+    import MobileHeader from '@/components/Mobile/MobileHeader'
+    import SectionTitle from '@/components/Others/SectionTitle'
+    import PageHeader from '@/components/Others/PageHeader'
+    import ColorLabel from '@/components/Others/ColorLabel'
+    import Spinner from '@/components/FilesView/Spinner'
+    import { mapGetters } from 'vuex'
+    import axios from 'axios'
+
+    export default {
+        name: 'Profile',
+        components: {
+            Trash2Icon,
+            LockIcon,
+            HardDriveIcon,
+            StorageItemDetail,
+            SectionTitle,
+            MobileHeader,
+            PageHeader,
+            ColorLabel,
+            UserIcon,
+            Spinner,
+        },
+        computed: {
+            ...mapGetters(['app']),
+        },
+        data() {
+            return {
+                isLoading: true,
+                user: undefined,
+            }
+        },
+        methods: {
+            fetchUser() {
+                axios.get('/api/users/' + this.$route.params.id + '/detail')
+                    .then(response => {
+                        this.user = response.data.data
+                        this.isLoading = false
+                    })
+            }
+        },
+        created() {
+            this.fetchUser()
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+
+    .user-thumbnail {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+
+        .avatar {
+            margin-right: 20px;
+
+            img {
+                line-height: 0;
+                width: 62px;
+                height: 62px;
+                border-radius: 12px;
+            }
+        }
+
+        .info {
+
+            .name {
+                display: block;
+                @include font-size(17);
+                line-height: 1;
+            }
+
+            .email {
+                color: $text-muted;
+                @include font-size(14);
+            }
+        }
+    }
+
+    @media only screen and (max-width: 960px) {
+
+    }
+
+    @media (prefers-color-scheme: dark) {
+        .user-thumbnail {
+
+            .info {
+
+                .email {
+                    color: $dark_mode_text_secondary;
+                }
+            }
+        }
+
+    }
+
+</style>

resources/js/views/Admin/Users/UserTabs/UserDelete.vue

@@ -0,0 +1,122 @@
+<template>
+    <div class="page-tab">
+
+        <!--Change role-->
+        <div class="page-tab-group">
+            <SetupBox
+                    theme="danger"
+                    :title="$t('user_box_delete.title')"
+                    :description="$t('user_box_delete.description')"
+            >
+                <ValidationObserver ref="deleteUser" @submit.prevent="deleteUser" v-slot="{ invalid }" tag="form"
+                                    class="form block-form">
+                    <ValidationProvider tag="div" class="block-wrapper" v-slot="{ errors }" mode="passive"
+                                        name="User name" :rules="'required|is:' + user.attributes.name">
+                        <label>{{ $t('admin_page_user.label_delete_user', {user: user.attributes.name}) }}:</label>
+                        <div class="single-line-form">
+                            <input v-model="userName"
+                                   :placeholder="$t('admin_page_user.placeholder_delete_user')"
+                                   type="text"
+                                   :class="{'is-error': errors[0]}"
+                            />
+                            <ButtonBase :loading="isSendingRequest" :disabled="isSendingRequest" type="submit"
+                                        button-style="danger" class="submit-button">
+                                {{ $t('admin_page_user.delete_user') }}
+                            </ButtonBase>
+                        </div>
+                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                    </ValidationProvider>
+                </ValidationObserver>
+            </SetupBox>
+        </div>
+    </div>
+</template>
+
+<script>
+    import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
+    import ButtonBase from '@/components/FilesView/ButtonBase'
+    import SetupBox from '@/components/Others/Forms/SetupBox'
+    import {required, is} from 'vee-validate/dist/rules'
+    import {events} from "@/bus"
+    import axios from 'axios'
+
+    export default {
+        name: 'UserDelete',
+        props: [
+            'user'
+        ],
+        components: {
+            ValidationProvider,
+            ValidationObserver,
+            ButtonBase,
+            SetupBox,
+            required,
+        },
+        data() {
+            return {
+                isSendingRequest: false,
+                isLoading: false,
+                userName: '',
+            }
+        },
+        methods: {
+            async deleteUser() {
+
+                // Validate fields
+                const isValid = await this.$refs.deleteUser.validate();
+
+                if (!isValid) return;
+
+                this.isSendingRequest = true
+
+                axios
+                    .delete(this.$store.getters.api + '/users/' + this.$route.params.id + '/delete',
+                        {
+                            data: {
+                                name: this.userName
+                            }
+                        }
+                    )
+                    .then(() => {
+                        this.isSendingRequest = false
+
+                        // Show error message
+                        events.$emit('success:open', {
+                            emoji: '👍',
+                            title: this.$t('popup_deleted_user.title'),
+                            message: this.$t('popup_deleted_user.message'),
+                        })
+
+                        this.$router.push({name: 'Users'})
+                    })
+            }
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vue-file-manager/_forms';
+
+    .page-tab {
+
+        .page-tab-group {
+            margin-bottom: 45px;
+        }
+    }
+
+    .block-form {
+        max-width: 100%;
+    }
+
+
+    @media only screen and (max-width: 960px) {
+
+    }
+
+    @media (prefers-color-scheme: dark) {
+
+    }
+
+</style>

resources/js/views/Admin/Users/UserTabs/UserDetail.vue

@@ -0,0 +1,165 @@
+<template>
+    <div class="page-tab">
+
+        <!--Change role-->
+        <div class="page-tab-group">
+            <SetupBox
+                    theme="base"
+                    :title="$t('user_box_role.title')"
+                    :description="$t('user_box_role.description')"
+            >
+                <ValidationObserver ref="changeRole" @submit.prevent="changeRole" v-slot="{ invalid }" tag="form" class="form block-form">
+                    <ValidationProvider tag="div" class="block-wrapper" v-slot="{ errors }" mode="passive" name="Role" rules="required">
+                        <label>{{ $t('admin_page_user.select_role') }}:</label>
+                        <div class="single-line-form">
+                            <SelectInput v-model="userRole" :options="roles" :placeholder="$t('admin_page_user.select_role')" :isError="errors[0]"/>
+                            <ButtonBase :loading="isSendingRequest" :disabled="isSendingRequest" type="submit" button-style="theme" class="submit-button">
+                                {{ $t('admin_page_user.save_role') }}
+                            </ButtonBase>
+                        </div>
+                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                    </ValidationProvider>
+                </ValidationObserver>
+            </SetupBox>
+        </div>
+
+        <!--Personal Information-->
+        <div class="page-tab-group">
+            <ValidationObserver ref="personalInformation" v-slot="{ invalid }" tag="form" class="form block-form">
+
+                <b class="form-group-label">{{ $t('admin_page_user.label_person_info') }}</b>
+                <div class="wrapper-inline">
+
+                    <!--Email-->
+                    <div class="block-wrapper">
+                        <label>{{ $t('page_registration.label_email') }}</label>
+                        <div class="input-wrapper">
+                            <input :value="user.attributes.email" :placeholder="$t('page_registration.placeholder_email')" type="email" disabled />
+                        </div>
+                    </div>
+
+                    <!--Name-->
+                    <div class="block-wrapper">
+                        <label>{{ $t('page_registration.label_name') }}</label>
+                        <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Full Name" rules="required"
+                                            v-slot="{ errors }">
+                            <input :value="user.attributes.name"
+                                   :placeholder="$t('page_registration.placeholder_name')"
+                                   type="text"
+                                   disabled
+                            />
+                            <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                        </ValidationProvider>
+                    </div>
+                </div>
+            </ValidationObserver>
+        </div>
+    </div>
+</template>
+
+<script>
+    import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
+    import StorageItemDetail from '@/components/Others/StorageItemDetail'
+    import SelectInput from '@/components/Others/Forms/SelectInput'
+    import ButtonBase from '@/components/FilesView/ButtonBase'
+    import SetupBox from '@/components/Others/Forms/SetupBox'
+    import {required} from 'vee-validate/dist/rules'
+    import {events} from "@/bus"
+    import axios from 'axios'
+
+    export default {
+        name: 'UserDetail',
+        props: [
+            'user'
+        ],
+        components: {
+            ValidationProvider,
+            ValidationObserver,
+            StorageItemDetail,
+            SelectInput,
+            ButtonBase,
+            SetupBox,
+            required,
+        },
+        data() {
+            return {
+                isLoading: false,
+                isSendingRequest: false,
+                roles: [
+                    {
+                        label: this.$t('roles.admin'),
+                        value: 'admin',
+                    },
+                    {
+                        label: this.$t('roles.user'),
+                        value: 'user',
+                    },
+                ],
+                userRole: undefined,
+            }
+        },
+        methods: {
+            async changeRole() {
+
+                // Validate fields
+                const isValid = await this.$refs.changeRole.validate();
+
+                if (!isValid) return;
+
+                this.isSendingRequest = true
+
+                // Send request to get user reset link
+                axios
+                    .patch(this.$store.getters.api + '/users/' + this.$route.params.id + '/role', {
+                        attributes: {
+                            role: this.userRole,
+                        }
+                    })
+                    .then(() => {
+
+                        // Reset errors
+                        this.$refs.changeRole.reset()
+
+                        this.isSendingRequest = false
+
+                        this.$emit('reload-user')
+
+                        events.$emit('toaster', {
+                            type: 'success',
+                            message: this.$t('toaster.changed_user'),
+                        })
+                    })
+                    .catch(error => {
+                        this.isSendingRequest = false
+                    })
+            }
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vue-file-manager/_forms';
+
+    .page-tab {
+
+        .page-tab-group {
+            margin-bottom: 45px;
+        }
+    }
+
+    .block-form {
+        max-width: 100%;
+    }
+
+
+    @media only screen and (max-width: 960px) {
+
+    }
+
+    @media (prefers-color-scheme: dark) {
+
+    }
+
+</style>

resources/js/views/Admin/Users/UserTabs/UserPassword.vue

@@ -0,0 +1,90 @@
+<template>
+    <div class="page-tab">
+
+        <!--Change role-->
+        <div class="page-tab-group">
+            <SetupBox
+                    theme="base"
+                    :title="$t('user_box_password.title')"
+                    :description="$t('user_box_password.description')"
+            >
+                <ButtonBase @click.native="requestPasswordResetEmail" :loading="isSendingRequest"
+                            :disabled="isSendingRequest" type="submit" button-style="theme" class="submit-button">
+                    {{ $t('admin_page_user.send_password_link') }}
+                </ButtonBase>
+            </SetupBox>
+        </div>
+    </div>
+</template>
+
+<script>
+    import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
+    import ButtonBase from '@/components/FilesView/ButtonBase'
+    import SetupBox from '@/components/Others/Forms/SetupBox'
+    import {required} from 'vee-validate/dist/rules'
+    import {events} from "@/bus"
+    import axios from 'axios'
+
+    export default {
+        name: 'UserPassword',
+        components: {
+            ValidationProvider,
+            ValidationObserver,
+            ButtonBase,
+            SetupBox,
+            required,
+        },
+        data() {
+            return {
+                isLoading: false,
+                isSendingRequest: false,
+            }
+        },
+        methods: {
+            requestPasswordResetEmail() {
+
+                this.isSendingRequest = true
+
+                axios
+                    .post(this.$store.getters.api + '/users/' + this.$route.params.id + '/send-password-email',
+                        {}
+                    )
+                    .then(() => {
+                        this.isSendingRequest = false
+
+                        events.$emit('toaster', {
+                            type: 'success',
+                            message: this.$t('toaster.sended_password'),
+                        })
+                    })
+            }
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vue-file-manager/_forms';
+
+    .page-tab {
+
+        .page-tab-group {
+            margin-bottom: 45px;
+        }
+    }
+
+    .block-form {
+        max-width: 100%;
+    }
+
+
+    @media only screen and (max-width: 960px) {
+
+    }
+
+    @media (prefers-color-scheme: dark) {
+
+    }
+
+</style>

resources/js/views/Admin/Users/UserTabs/UserStorage.vue

@@ -0,0 +1,150 @@
+<template>
+    <div class="page-tab" v-if="storage">
+
+        <!--Change role-->
+        <div class="page-tab-group">
+            <StorageItemDetail
+                    type="disk"
+                    :title="$t('storage.total_used', {used: storage.attributes.used})"
+                    :percentage="storage.attributes.percentage"
+                    :used="$t('storage.total_capacity', {capacity: storage.attributes.capacity})"
+            />
+            <SetupBox
+                    theme="base"
+                    :title="$t('user_box_storage.title')"
+                    :description="$t('user_box_storage.description')"
+            >
+                <ValidationObserver ref="changeStorageCapacity" @submit.prevent="changeStorageCapacity" v-slot="{ invalid }" tag="form" class="form block-form">
+
+                    <ValidationProvider tag="div" class="block-wrapper" v-slot="{ errors }" mode="passive" name="Capacity" rules="required">
+                        <label>{{ $t('admin_page_user.label_change_capacity') }}:</label>
+                        <div class="single-line-form">
+                            <input v-model="capacity"
+                                   :placeholder="$t('admin_page_user.label_change_capacity')"
+                                   type="number"
+                                   :class="{'is-error': errors[0]}"
+                            />
+                            <ButtonBase :loading="isSendingRequest" :disabled="isSendingRequest" type="submit" button-style="theme" class="submit-button">
+                                {{ $t('admin_page_user.change_capacity') }}
+                            </ButtonBase>
+                        </div>
+                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                    </ValidationProvider>
+                </ValidationObserver>
+            </SetupBox>
+        </div>
+
+        <div class="page-tab-group">
+            <b class="form-group-label">{{ $t('storage.sec_details') }}</b>
+            <StorageItemDetail type="images" :title="$t('storage.images')" :percentage="storage.meta.images.percentage" :used="storage.meta.images.used" />
+            <StorageItemDetail type="videos" :title="$t('storage.videos')" :percentage="storage.meta.videos.percentage" :used="storage.meta.videos.used" />
+            <StorageItemDetail type="audios" :title="$t('storage.audios')" :percentage="storage.meta.audios.percentage" :used="storage.meta.audios.used" />
+            <StorageItemDetail type="documents" :title="$t('storage.documents')" :percentage="storage.meta.documents.percentage" :used="storage.meta.documents.used" />
+            <StorageItemDetail type="others" :title="$t('storage.others')" :percentage="storage.meta.others.percentage" :used="storage.meta.others.used" />
+        </div>
+    </div>
+</template>
+
+<script>
+    import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
+    import StorageItemDetail from '@/components/Others/StorageItemDetail'
+    import ButtonBase from '@/components/FilesView/ButtonBase'
+    import SetupBox from '@/components/Others/Forms/SetupBox'
+    import {required} from 'vee-validate/dist/rules'
+    import {events} from "@/bus"
+    import axios from 'axios'
+
+    export default {
+        name: 'UserStorage',
+        components: {
+            ValidationProvider,
+            ValidationObserver,
+            StorageItemDetail,
+            ButtonBase,
+            SetupBox,
+            required,
+        },
+        data() {
+            return {
+                isLoading: true,
+                isSendingRequest: false,
+                capacity: undefined,
+                storage: undefined,
+            }
+        },
+        methods: {
+            async changeStorageCapacity() {
+
+                // Validate fields
+                const isValid = await this.$refs.changeStorageCapacity.validate();
+
+                if (!isValid) return;
+
+                this.isSendingRequest = true
+
+                // Send request to get user reset link
+                axios
+                    .patch(this.$store.getters.api + '/users/' + this.$route.params.id + '/capacity', {
+                        attributes: {
+                            storage_capacity: this.capacity
+                        }
+                    })
+                    .then(() => {
+
+                        // Reset errors
+                        this.$refs.changeStorageCapacity.reset()
+
+                        this.isSendingRequest = false
+
+                        this.getStorageDetails()
+
+                        events.$emit('toaster', {
+                            type: 'success',
+                            message: this.$t('toaster.changed_capacity'),
+                        })
+                    })
+                    .catch(error => {
+
+                        this.isSendingRequest = false
+                    })
+            },
+            getStorageDetails() {
+                axios.get('/api/users/' + this.$route.params.id + '/storage')
+                    .then(response => {
+                        this.storage = response.data.data
+                        this.isLoading = false
+                    })
+            }
+        },
+        created() {
+            this.getStorageDetails()
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    @import '@assets/vue-file-manager/_variables';
+    @import '@assets/vue-file-manager/_mixins';
+    @import '@assets/vue-file-manager/_forms';
+
+    .page-tab {
+
+        .page-tab-group {
+            margin-bottom: 45px;
+        }
+    }
+
+    .block-form {
+        max-width: 100%;
+    }
+
+
+    @media only screen and (max-width: 960px) {
+
+    }
+
+    @media (prefers-color-scheme: dark) {
+
+    }
+
+</style>

resources/js/views/Auth/SignIn.vue

@@ -86,8 +86,8 @@
             return {
                 isLoading: false,
                 checkedAccount: undefined,
-                loginPassword: '',
+                loginPassword: 'vuefilemanager',
-                loginEmail: '',
+                loginEmail: 'howdy@hi5ve.digital',
             }
         },
         methods: {

resources/js/views/Mobile/MobileSettings.vue

@@ -1,13 +1,18 @@
 <template>
-    <div class="page">
+    <div id="single-page">
+        <div id="page-content" v-if="! isLoading">
+            <MobileHeader :title="$router.currentRoute.meta.title"/>
+            <div class="content-page">
+                <nav class="mobile-navigation">
 
-        <MobileHeader />
+                    <!--Navigation-->
-
+                    <MenuItemList :navigation="navigation" />
-        <nav class="mobile-navigation">
+                </nav>
-
+            </div>
-            <!--Navigation-->
+        </div>
-            <MenuItemList :navigation="navigation" />
+        <div id="loader" v-if="isLoading">
-        </nav>
+            <Spinner></Spinner>
+        </div>
     </div>
 </template>
 
@@ -60,12 +65,7 @@
     @import '@assets/vue-file-manager/_variables';
     @import '@assets/vue-file-manager/_mixins';
 
-    .page {
-        width: 100%;
-    }
-
     .mobile-navigation {
-        padding: 0 20px;
         width: 100%;
         bottom: 0;
         left: 0;

resources/js/views/User/Password.vue

@@ -1,42 +1,46 @@
 <template>
-    <div id="user-settings">
+    <div id="single-page">
+        <div id="page-content" class="full-width" v-if="! isLoading">
+            <MobileHeader :title="$router.currentRoute.meta.title"/>
+            <PageHeader :title="$router.currentRoute.meta.title"/>
 
-        <MobileHeader />
+            <div class="content-page">
-        <PageHeader :title="$router.currentRoute.meta.title"/>
 
-        <div class="content-page">
+                <ValidationObserver ref="password" @submit.prevent="resetPassword" v-slot="{ invalid }" tag="form"
+                                    class="form block-form">
 
-            <ValidationObserver ref="password" @submit.prevent="resetPassword" v-slot="{ invalid }" tag="form"
+                    <div class="block-wrapper">
-                                class="form block-form">
+                        <label>{{ $t('page_create_password.label_new_pass') }}:</label>
+                        <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="New Password"
+                                            rules="required" v-slot="{ errors }">
+                            <input v-model="newPassword" :placeholder="$t('page_create_password.label_new_pass')"
+                                   type="password"
+                                   :class="{'is-error': errors[0]}"/>
+                            <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                        </ValidationProvider>
+                    </div>
 
-                <div class="block-wrapper">
+                    <div class="block-wrapper">
-                    <label>{{ $t('page_create_password.label_new_pass') }}:</label>
+                        <label>{{ $t('page_create_password.label_confirm_pass') }}:</label>
-                    <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="New Password"
+                        <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Confirm Your Password"
-                                        rules="required" v-slot="{ errors }">
+                                            rules="required" v-slot="{ errors }">
-                        <input v-model="newPassword" :placeholder="$t('page_create_password.label_new_pass')"
+                            <input v-model="newPasswordConfirmation"
-                               type="password"
+                                   :placeholder="$t('page_create_password.label_confirm_pass')" type="password"
-                               :class="{'is-error': errors[0]}"/>
+                                   :class="{'is-error': errors[0]}"/>
-                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                            <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
-                    </ValidationProvider>
+                        </ValidationProvider>
-                </div>
+                    </div>
 
-                <div class="block-wrapper">
+                    <div class="block-wrapper">
-                    <label>{{ $t('page_create_password.label_confirm_pass') }}:</label>
+                        <ButtonBase type="submit" button-style="theme" class="confirm-form">
-                    <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Confirm Your Password"
+                            {{ $t('profile.store_pass') }}
-                                        rules="required" v-slot="{ errors }">
+                        </ButtonBase>
-                        <input v-model="newPasswordConfirmation"
+                    </div>
-                               :placeholder="$t('page_create_password.label_confirm_pass')" type="password"
+                </ValidationObserver>
-                               :class="{'is-error': errors[0]}"/>
+            </div>
-                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+        </div>
-                    </ValidationProvider>
+        <div id="loader" v-if="isLoading">
-                </div>
+            <Spinner></Spinner>
-
-                <div class="block-wrapper">
-                    <ButtonBase type="submit" button-style="theme" class="confirm-form">
-                        {{ $t('profile.store_pass') }}
-                    </ButtonBase>
-                </div>
-            </ValidationObserver>
         </div>
     </div>
 </template>
@@ -72,6 +76,7 @@
             return {
                 newPasswordConfirmation: '',
                 newPassword: '',
+                isLoading: false,
             }
         },
         methods: {
@@ -125,32 +130,8 @@
     @import '@assets/vue-file-manager/_mixins';
     @import '@assets/vue-file-manager/_forms';
 
-    #user-settings {
-        overflow: hidden;
-        width: 100%;
-        height: 100%;
-        position: relative;
-
-        .content-page {
-            overflow-y: auto;
-            height: 100%;
-            padding-bottom: 100px;
-            max-width: 700px;
-            width: 100%;
-            margin: 0 auto;
-        }
-    }
-
     @media only screen and (max-width: 960px) {
 
-        #user-settings {
-
-            .content-page {
-                padding-left: 15px;
-                padding-right: 15px;
-            }
-        }
-
         .form {
             .button-base {
                 width: 100%;

resources/js/views/User/Profile.vue

@@ -1,41 +1,45 @@
 <template>
-    <div id="user-settings" v-if="app">
+    <div id="single-page">
+        <div id="page-content" class="full-width" v-if="! isLoading">
+            <MobileHeader :title="$router.currentRoute.meta.title"/>
+            <PageHeader :title="$router.currentRoute.meta.title"/>
 
-        <MobileHeader />
+            <div class="content-page">
-        <PageHeader :title="$router.currentRoute.meta.title" />
+                <div class="avatar-upload">
-
+                    <UserImageInput
-        <div class="content-page">
+                            v-model="avatar"
-            <div class="avatar-upload">
+                            :avatar="app.user.avatar"
-                <UserImageInput
+                    />
-                        v-model="avatar"
+                    <div class="info">
-                        :avatar="app.user.avatar"
+                        <span class="description">{{ $t('profile.photo_description') }}</span>
-                />
+                        <span class="supported">{{ $t('profile.photo_supported') }}</span>
-                <div class="info">
-                    <span class="description">{{ $t('profile.photo_description') }}</span>
-                    <span class="supported">{{ $t('profile.photo_supported') }}</span>
-                </div>
-            </div>
-
-            <ValidationObserver ref="account" v-slot="{ invalid }" tag="form" class="form block-form">
-
-                <div class="block-wrapper">
-                    <label>{{ $t('page_registration.label_email') }}</label>
-                    <div class="input-wrapper">
-                        <input :value="app.user.email" :placeholder="$t('page_registration.placeholder_email')" type="email" disabled/>
                     </div>
                 </div>
 
-                <div class="block-wrapper">
+                <ValidationObserver ref="account" v-slot="{ invalid }" tag="form" class="form block-form">
-                    <label>{{ $t('page_registration.label_name') }}</label>
+
-                    <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Full Name" rules="required"
+                    <div class="block-wrapper">
-                                        v-slot="{ errors }">
+                        <label>{{ $t('page_registration.label_email') }}</label>
-                        <input @keyup="$updateText('/user/profile', 'name', name)" v-model="name"
+                        <div class="input-wrapper">
-                               :placeholder="$t('page_registration.placeholder_name')" type="text"
+                            <input :value="app.user.email" :placeholder="$t('page_registration.placeholder_email')" type="email" disabled/>
-                               :class="{'is-error': errors[0]}"/>
+                        </div>
-                        <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                    </div>
-                    </ValidationProvider>
+
-                </div>
+                    <div class="block-wrapper">
-            </ValidationObserver>
+                        <label>{{ $t('page_registration.label_name') }}</label>
+                        <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Full Name" rules="required"
+                                            v-slot="{ errors }">
+                            <input @keyup="$updateText('/user/profile', 'name', name)" v-model="name"
+                                   :placeholder="$t('page_registration.placeholder_name')" type="text"
+                                   :class="{'is-error': errors[0]}"/>
+                            <span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
+                        </ValidationProvider>
+                    </div>
+                </ValidationObserver>
+            </div>
+        </div>
+        <div id="loader" v-if="isLoading">
+            <Spinner></Spinner>
         </div>
     </div>
 </template>
@@ -79,6 +83,7 @@
             return {
                 avatar: undefined,
                 name: '',
+                isLoading: false,
             }
         },
         created() {
@@ -118,32 +123,8 @@
         }
     }
 
-    #user-settings {
-        overflow: hidden;
-        width: 100%;
-        height: 100%;
-        position: relative;
-
-        .content-page {
-            overflow-y: auto;
-            height: 100%;
-            padding-bottom: 100px;
-            max-width: 700px;
-            width: 100%;
-            margin: 0 auto;
-        }
-    }
-
     @media only screen and (max-width: 960px) {
 
-        #user-settings {
-
-            .content-page {
-                padding-left: 15px;
-                padding-right: 15px;
-            }
-        }
-
         .form {
             .button-base {
                 width: 100%;

resources/js/views/User/Storage.vue

@@ -1,19 +1,19 @@
 <template>
     <div id="single-page">
-        <div id="page-content" v-if="! isLoading">
+        <div id="page-content" class="full-width" v-if="! isLoading">
-            <MobileHeader/>
+            <MobileHeader :title="$router.currentRoute.meta.title"/>
             <PageHeader :title="$router.currentRoute.meta.title"/>
 
             <div class="content-page">
                 <SectionTitle>{{ $t('storage.sec_capacity') }}</SectionTitle>
-                <StorageItemDetail type="disk" :title="$t('storage.total_used', {used: storage.used})" :percentage="storage.percentage" :used="$t('storage.total_capacity', {capacity: storage.capacity})"/>
+                <StorageItemDetail type="disk" :title="$t('storage.total_used', {used: storage.attributes.used})" :percentage="storage.attributes.percentage" :used="$t('storage.total_capacity', {capacity: storage.attributes.capacity})"/>
 
                 <SectionTitle>{{ $t('storage.sec_details') }}</SectionTitle>
-                <StorageItemDetail type="images" :title="$t('storage.images')" :percentage="storageDetails.images.percentage" :used="storageDetails.images.used" />
+                <StorageItemDetail type="images" :title="$t('storage.images')" :percentage="storage.meta.images.percentage" :used="storage.meta.images.used" />
-                <StorageItemDetail type="videos" :title="$t('storage.videos')" :percentage="storageDetails.videos.percentage" :used="storageDetails.videos.used" />
+                <StorageItemDetail type="videos" :title="$t('storage.videos')" :percentage="storage.meta.videos.percentage" :used="storage.meta.videos.used" />
-                <StorageItemDetail type="audios" :title="$t('storage.audios')" :percentage="storageDetails.audios.percentage" :used="storageDetails.audios.used" />
+                <StorageItemDetail type="audios" :title="$t('storage.audios')" :percentage="storage.meta.audios.percentage" :used="storage.meta.audios.used" />
-                <StorageItemDetail type="documents" :title="$t('storage.documents')" :percentage="storageDetails.documents.percentage" :used="storageDetails.documents.used" />
+                <StorageItemDetail type="documents" :title="$t('storage.documents')" :percentage="storage.meta.documents.percentage" :used="storage.meta.documents.used" />
-                <StorageItemDetail type="others" :title="$t('storage.others')" :percentage="storageDetails.others.percentage" :used="storageDetails.others.used" />
+                <StorageItemDetail type="others" :title="$t('storage.others')" :percentage="storage.meta.others.percentage" :used="storage.meta.others.used" />
             </div>
         </div>
         <div id="loader" v-if="isLoading">
@@ -43,14 +43,12 @@
             return {
                 isLoading: true,
                 storage: undefined,
-                storageDetails: undefined
             }
         },
         created() {
             axios.get('/api/user/storage')
                 .then(response => {
-                    this.storage = response.data.data.attributes
+                    this.storage = response.data.data
-                    this.storageDetails = response.data.data.relationships
                     this.isLoading = false
                 })
         }

resources/sass/app.scss

@@ -1,5 +1,4 @@
 // Fonts
-
 @import '@assets/vue-file-manager/_variables';
 @import '@assets/vue-file-manager/_mixins';
 
@@ -19,14 +18,60 @@
   }
 }
 
+#single-page {
+  overflow-x: hidden;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  padding-left: 25px;
+  padding-right: 25px;
+
+  .page-content {
+    height: 100%;
+    max-width: 1024px;
+    width: 100%;
+    margin: 0 auto;
+
+    .full-width {
+      max-width: 100%;
+    }
+  }
+}
+
 .menu-list-wrapper {
-  margin-bottom: 20px;
+
+  &.vertical {
+    margin-bottom: 20px;
+
+    .menu-list-item {
+      display: block;
+      padding: 12px 15px 12px 25px;
+    }
+  }
+
+  &.horizontal {
+    display: flex;
+    border-bottom: 2px solid $light_mode_border;
+    margin-bottom: 30px;
+    overflow-x: auto;
+
+    .menu-list-item {
+      display: inline-block;
+      padding: 20px 10px;
+      margin: 0 10px;
+
+      &:first-child {
+        margin-left: 0;
+      }
+
+      &.router-link-exact-active {
+        border-bottom: 2px solid $theme;
+      }
+    }
+  }
 
   .menu-list-item {
-    display: block;
-    padding: 12px 15px 12px 25px;
     text-decoration: none;
-    @include transition(150ms);
     cursor: pointer;
     position: relative;
     white-space: nowrap;
@@ -165,10 +210,26 @@
   }
 }
 
+@media only screen and (max-width: 960px) {
+
+  #single-page {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+}
+
 @media (prefers-color-scheme: dark) {
 
+  .empty-note {
+    color: $dark_mode_text_secondary;
+  }
+
   .menu-list-wrapper {
 
+    &.horizontal {
+      border-bottom: 2px solid $dark_mode_border_color;
+    }
+
     .menu-list-item {
 
       &.link {

resources/sass/vue-file-manager/_forms.scss

@@ -22,6 +22,16 @@
 
   &.block-form {
 
+    .wrapper-inline {
+      display: flex;
+      margin: 0 -15px;
+
+      .block-wrapper {
+        width: 100%;
+        padding: 0 15px;
+      }
+    }
+
     .block-wrapper {
       margin-bottom: 20px;
 
@@ -32,6 +42,10 @@
         display: block;
         margin-bottom: 5px;
       }
+
+      &:last-child {
+        margin-bottom: 0;
+      }
     }
 
     .button {
@@ -40,15 +54,12 @@
   }
 }
 
-.input-wrapper {
+.error-message {
-
+  @include font-size(14);
-  .error-message {
+  color: $danger;
-    @include font-size(14);
+  padding-top: 5px;
-    color: $danger;
+  display: block;
-    padding-top: 5px;
+  text-align: left;
-    display: block;
-    text-align: left;
-  }
 }
 
 textarea {
@@ -58,6 +69,7 @@ textarea {
 textarea,
 input[type="password"],
 input[type="text"],
+input[type="number"],
 input[type="email"] {
   border: 1px solid transparent;
   @include transition(150ms);
@@ -76,7 +88,6 @@ input[type="email"] {
   }
 
   &::placeholder {
-    //color: $light_text;
     color: rgba($text, 0.5);
     @include font-size(15);
   }
@@ -108,6 +119,13 @@ input[type="email"] {
   }
 }
 
+.form-group-label {
+  @include font-size(17);
+  font-weight: 500;
+  margin-bottom: 25px;
+  display: block;
+}
+
 @media only screen and (max-width: 960px) {
   .form {
 
@@ -163,12 +181,20 @@ input[type="email"] {
 
   textarea,
   input[type="password"],
+  input[type="number"],
   input[type="text"],
   input[type="email"] {
     padding: 14px 20px;
   }
 }
 
+@media only screen and (max-width: 690px) {
+
+  .form.block-form .wrapper-inline {
+    display: block;
+  }
+}
+
 @media (prefers-color-scheme: dark) {
 
   .form {
@@ -184,6 +210,7 @@ input[type="email"] {
   textarea,
   input[type="password"],
   input[type="text"],
+  input[type="number"],
   input[type="email"] {
     background: $dark_mode_foreground;
     color: $dark_mode_text_primary;

resources/sass/vue-file-manager/_variables.scss

@@ -3,6 +3,7 @@ $text: #1c1d1f;
 $text-muted: rgba($text, 0.7);
 
 $theme: #00BC7E;
+$theme_light: #ECF7F2;
 
 $yellow: #FFBD2D;
 $pink: #FE66A1;

routes/api.php

@@ -80,6 +80,21 @@ Route::group(['middleware' => ['auth:api', 'auth.master', 'scope:master']], func
     Route::get('/logout', 'Auth\AuthController@logout');
 });
 
+// Admin
+Route::group(['middleware' => ['auth:api', 'auth.master', 'auth.admin', 'scope:master']], function () {
+
+    // Get users info
+    Route::get('/users/{id}/storage', 'Admin\UserController@storage');
+    Route::get('/users/{id}/detail', 'Admin\UserController@details');
+    Route::get('/users', 'Admin\UserController@users');
+
+    Route::patch('/users/{id}/role', 'Admin\UserController@change_role');
+    Route::delete('/users/{id}/delete', 'Admin\UserController@delete_user');
+    Route::patch('/users/{id}/capacity', 'Admin\UserController@change_storage_capacity');
+    Route::post('/users/{id}/send-password-email', 'Admin\UserController@send_password_reset_email');
+});
+
+
 // Protected sharing routes for authenticated user
 Route::group(['middleware' => ['auth:api', 'auth.shared', 'scope:visitor,editor']], function () {