Ignore:
Timestamp:
10/23/21 04:03:46 (3 years ago)
Author:
beratkjufliju <kufliju@…>
Branches:
develop, master
Children:
b39afb5
Parents:
c6b84df
Message:

bug fixes, edited export, added fileSeeder for DB testing

File:
1 edited

Legend:

Unmodified
Added
Removed
  • resources/views/dashboard/index.blade.php

    rc6b84df r4b7e2d3  
    11@extends('layouts.app')
    22
     3@section("title", "SaveSpace - Dashboard")
     4
    35@section('head')
    4     <!-- Slick -->
    5     <link rel="stylesheet" href="{{ url('/vendors/slick/slick.css') }}" type="text/css">
    6     <link rel="stylesheet" href="{{ url('/vendors/slick/slick-theme.css') }}" type="text/css">
    7 
    8     <!-- Daterangepicker -->
    9     <link rel="stylesheet" href="{{ url('vendors/datepicker/daterangepicker.css') }}" type="text/css">
    106
    117    <!-- DataTable -->
    128    <link rel="stylesheet" href="{{ url('vendors/dataTable/datatables.min.css') }}" type="text/css">
    139@endsection
    14 
    15 @section('pageTitle', 'Dashboard')
    1610
    1711@section('content')
     
    5852                            <div class="d-flex justify-content-between mb-3">
    5953                                <div>
    60                                     <p class="text-muted">Total Folders</p>
     54                                    <p class="text-muted">Number of folders</p>
    6155                                    <h2 class="font-weight-bold">{{ $folders->count() }}</h2>
    6256                                </div>
     
    10397    </div>
    10498
    105     <div class="row">
    106         <div class="col-lg-8 col-md-12">
    107             <div class="card">
    108                 <div class="card-body">
    109                     <div class="d-flex justify-content-between">
    110                         <h6 class="card-title">Revenue</h6>
    111                         <div>
    112                             <a href="#" class="btn btn-outline-light btn-sm mr-2">
    113                                 <i class="fa fa-refresh"></i>
    114                             </a>
    115                             <div class="dropdown">
    116                                 <a href="#" data-toggle="dropdown"
    117                                    class="btn btn-outline-light btn-sm"
    118                                    aria-haspopup="true" aria-expanded="false">
    119                                     <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
    120                                 </a>
    121                                 <div class="dropdown-menu dropdown-menu-right">
    122                                     <a class="dropdown-item" href="#">Action</a>
    123                                     <a class="dropdown-item" href="#">Another action</a>
    124                                     <a class="dropdown-item" href="#">Something else here</a>
    125                                 </div>
    126                             </div>
    127                         </div>
    128                     </div>
    129                     <div class="row mb-3">
    130                         <div class="col-lg-4">
    131                             <p class="mb-2">This Week</p>
    132                             <div class="d-flex align-items-end">
    133                                 <h2 class="mb-0 line-height-30 font-size-35">$235</h2>
    134                                 <span class="text-success small ml-2 d-flex align-items-center">
    135                                     <span class="ti-arrow-up mr-2"></span>
    136                                     <span class="badge badge-success rounded d-inline-flex align-items-center">1.9%</span>
    137                                 </span>
    138                             </div>
    139                         </div>
    140                         <div class="col-lg-4">
    141                             <p class="mb-2">Last Week</p>
    142                             <div class="d-flex align-items-end">
    143                                 <h2 class="mb-0 line-height-30 font-size-35">$5,180</h2>
    144                                 <span class="text-danger small ml-2 d-flex align-items-center">
    145                                     <span class="ti-arrow-down mr-2"></span>
    146                                     <span class="badge badge-danger rounded d-inline-flex align-items-center">1.9%</span>
    147                                 </span>
    148                             </div>
    149                         </div>
    150                     </div>
    151                     <div id="revenue"></div>
    152                 </div>
    153             </div>
    154 
    155         </div>
    156         <div class="col-lg-4 col-md-12">
    157             <div class="card">
    158                 <div class="card-body">
    159                     <div class="d-flex justify-content-between">
    160                         <h6 class="card-title">Hot Products</h6>
    161                         <div>
    162                             <div class="dropdown">
    163                                 <a href="#" data-toggle="dropdown"
    164                                    class="btn btn-outline-light btn-sm"
    165                                    aria-haspopup="true" aria-expanded="false">
    166                                     <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
    167                                 </a>
    168                                 <div class="dropdown-menu dropdown-menu-right">
    169                                     <a class="dropdown-item" href="#">Action</a>
    170                                     <a class="dropdown-item" href="#">Another action</a>
    171                                     <a class="dropdown-item" href="#">Something else here</a>
    172                                 </div>
    173                             </div>
    174                         </div>
    175                     </div>
    176                     <div id="hot-products"></div>
    177                     <div>
    178                         <ul class="list-group list-group-flush">
    179                             <li class="list-group-item pl-0 pr-0">
    180                                 <i class="fa fa-circle mr-1 text-secondary"></i> Iphone
    181                             </li>
    182                             <li class="list-group-item pl-0 pr-0">
    183                                 <i class="fa fa-circle mr-1 text-warning"></i> Samsung
    184                             </li>
    185                             <li class="list-group-item pl-0 pr-0">
    186                                 <i class="fa fa-circle mr-1 text-info"></i> Huawei
    187                             </li>
    188                             <li class="list-group-item pl-0 pr-0">
    189                                 <i class="fa fa-circle mr-1 text-success"></i> General Mobile
    190                             </li>
    191                             <li class="list-group-item pl-0 pr-0">
    192                                 <i class="fa fa-circle mr-1 text-danger"></i> Xiaomi
    193                             </li>
    194                         </ul>
    195                     </div>
    196                 </div>
    197             </div>
    198         </div>
    199     </div>
    20099
    201100    <div class="card">
    202101        <div class="card-body">
    203102            <div class="d-flex justify-content-between">
    204                 <h6 class="card-title">Recent Orders</h6>
     103                <h6 class="card-title">Recent Files</h6>
    205104                <div>
    206                     <a href="#" class="btn btn-outline-light btn-sm mr-2">
     105                    <a href="{{route("dashboard.index")}}" class="btn btn-outline-light btn-sm mr-2">
    207106                        <i class="fa fa-refresh"></i>
    208107                    </a>
    209                     <div class="dropdown">
    210                         <a href="#" data-toggle="dropdown"
    211                            class="btn btn-outline-light btn-sm"
    212                            aria-haspopup="true" aria-expanded="false">
    213                             <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
    214                         </a>
    215                         <div class="dropdown-menu dropdown-menu-right">
    216                             <a class="dropdown-item" href="#">Action</a>
    217                             <a class="dropdown-item" href="#">Another action</a>
    218                             <a class="dropdown-item" href="#">Something else here</a>
    219                         </div>
    220                     </div>
    221108                </div>
    222109            </div>
     
    227114                            <thead>
    228115                            <tr>
    229                                 <th>ID</th>
    230                                 <th>Product Name</th>
    231                                 <th>Customer</th>
    232                                 <th>Total Price</th>
    233                                 <th>Status</th>
    234                                 <th>Date</th>
    235                                 <th>Action</th>
     116                                <th>
     117                                </th>
     118                                <th>Image</th>
     119                                <th>Name</th>
     120                                <th>Created at</th>
     121                                <th>Updated at</th>
     122                                <th>Folder name</th>
     123                                <th>Folder archive ID</th>
     124                                <th>Directory</th>
     125                                <th>Actions</th>
    236126                            </tr>
    237127                            </thead>
    238128                            <tbody>
    239                             <tr>
    240                                 <td>
    241                                     <a href="#">3145</a>
    242                                 </td>
    243                                 <td>
    244                                     <a href="testproduct-detail') }}" class="d-flex align-items-center">
    245                                         <img width="40" src="{{ url('assets/media/image/products/product1.png') }}"
    246                                              class="rounded mr-3" alt="grape">
    247                                         <span>HP Pavilion 15-EC0005NT AMD</span>
    248                                     </a>
    249                                 </td>
    250                                 <td>Dollie Bullock</td>
    251                                 <td>$230</td>
    252                                 <td>
    253                                     <span
    254                                         class="badge bg-secondary-bright text-secondary">On pre-order (not paid)</span>
    255                                 </td>
    256                                 <td>2018/08/28 21:24:36</td>
    257                                 <td>
    258                                     <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
    259                                         <i class="ti-pencil"></i>
    260                                     </a>
    261                                     <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
    262                                         <i class="ti-trash"></i>
    263                                     </a>
    264                                 </td>
    265                             </tr>
    266                             <tr>
    267                                 <td>
    268                                     <a href="#">7321</a>
    269                                 </td>
    270                                 <td>
    271                                     <a href="testproduct-detail') }}" class="d-flex align-items-center">
    272                                         <img width="40" src="{{ url('assets/media/image/products/product2.png') }}"
    273                                              class="rounded mr-3" alt="banana">
    274                                         <span>Samsung Galaxy A51 128 GB</span>
    275                                     </a>
    276                                 </td>
    277                                 <td>Holmes Hines</td>
    278                                 <td>$300</td>
    279                                 <td>
    280                                     <span class="badge bg-success-bright text-success">Payment accepted</span>
    281                                 </td>
    282                                 <td>2018/08/28 21:24:36</td>
    283                                 <td>
    284                                     <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
    285                                         <i class="ti-pencil"></i>
    286                                     </a>
    287                                     <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
    288                                         <i class="ti-trash"></i>
    289                                     </a>
    290                                 </td>
    291                             </tr>
    292                             <tr>
    293                                 <td>
    294                                     <a href="#">9342</a>
    295                                 </td>
    296                                 <td>
    297                                     <a href="testproduct-detail') }}" class="d-flex align-items-center">
    298                                         <img width="40" src="{{ url('assets/media/image/products/product3.png') }}"
    299                                              class="rounded mr-3" alt="cherry">
    300                                         <span>Snopy SN-BT96 Pretty</span>
    301                                     </a>
    302                                 </td>
    303                                 <td>Serena Glover</td>
    304                                 <td>$250</td>
    305                                 <td>
    306                                     <span class="badge bg-danger-bright text-danger">Payment error</span>
    307                                 </td>
    308                                 <td>2018/08/28 21:24:36</td>
    309                                 <td>
    310                                     <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
    311                                         <i class="ti-pencil"></i>
    312                                     </a>
    313                                     <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
    314                                         <i class="ti-trash"></i>
    315                                     </a>
    316                                 </td>
    317                             </tr>
    318                             <tr>
    319                                 <td>
    320                                     <a href="#">6416</a>
    321                                 </td>
    322                                 <td>
    323                                     <a href="testproduct-detail') }}" class="d-flex align-items-center">
    324                                         <img width="40" src="{{ url('assets/media/image/products/product4.png') }}"
    325                                              class="rounded mr-3" alt="papaya">
    326                                         <span>Ultimate Ears Wonderboom</span>
    327                                     </a>
    328                                 </td>
    329                                 <td>Dianne Prince</td>
    330                                 <td>$550</td>
    331                                 <td>
    332                                     <span class="badge bg-success-bright text-success">Payment accepted</span>
    333                                 </td>
    334                                 <td>2018/08/28 21:24:36</td>
    335                                 <td>
    336                                     <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
    337                                         <i class="ti-pencil"></i>
    338                                     </a>
    339                                     <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
    340                                         <i class="ti-trash"></i>
    341                                     </a>
    342                                 </td>
    343                             </tr>
    344                             <tr>
    345                                 <td>
    346                                     <a href="#">92327</a>
    347                                 </td>
    348                                 <td>
    349                                     <a href="testproduct-detail') }}" class="d-flex align-items-center">
    350                                         <img width="40" src="{{ url('assets/media/image/products/product5.png') }}"
    351                                              class="rounded mr-3" alt="pig">
    352                                         <span>Canon Pixma E3140 Printer</span>
    353                                     </a>
    354                                 </td>
    355                                 <td>Morgan Pitts</td>
    356                                 <td>$280</td>
    357                                 <td>
    358                                     <span class="badge bg-warning-bright text-warning">Preparing the order</span>
    359                                 </td>
    360                                 <td>2018/08/28 21:24:36</td>
    361                                 <td>
    362                                     <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
    363                                         <i class="ti-pencil"></i>
    364                                     </a>
    365                                     <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
    366                                         <i class="ti-trash"></i>
    367                                     </a>
    368                                 </td>
    369                             </tr>
    370                             <tr>
    371                                 <td>
    372                                     <a href="#">3013</a>
    373                                 </td>
    374                                 <td>
    375                                     <a href="testproduct-detail') }}" class="d-flex align-items-center">
    376                                         <img width="40" src="{{ url('assets/media/image/products/product6.png') }}"
    377                                              class="rounded mr-3" alt="pineapple">
    378                                         <span>Canon 4000D 18-55 MM</span>
    379                                     </a>
    380                                 </td>
    381                                 <td>Merrill Richardson</td>
    382                                 <td>$128</td>
    383                                 <td>
    384                                     <span class="badge bg-info-bright text-info">Awaiting PayPal payment</span>
    385                                 </td>
    386                                 <td>2018/08/28 21:24:36</td>
    387                                 <td>
    388                                     <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
    389                                         <i class="ti-pencil"></i>
    390                                     </a>
    391                                     <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
    392                                         <i class="ti-trash"></i>
    393                                     </a>
    394                                 </td>
    395                             </tr>
    396                             <tr>
    397                                 <td>
    398                                     <a href="#">10323</a>
    399                                 </td>
    400                                 <td>
    401                                     <a href="testproduct-detail') }}" class="d-flex align-items-center">
    402                                         <img width="40" src="{{ url('assets/media/image/products/product7.png') }}"
    403                                              class="rounded mr-3" alt="pomegranate">
    404                                         <span>Lenovo Tab E10 TB-X104F 32GB 10.1"</span>
    405                                     </a>
    406                                 </td>
    407                                 <td>Krista Mathis</td>
    408                                 <td>$500</td>
    409                                 <td>
    410                                     <span class="badge bg-secondary-bright text-secondary">Shipped</span>
    411                                 </td>
    412                                 <td>2018/08/28 21:24:36</td>
    413                                 <td>
    414                                     <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
    415                                         <i class="ti-pencil"></i>
    416                                     </a>
    417                                     <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
    418                                         <i class="ti-trash"></i>
    419                                     </a>
    420                                 </td>
    421                             </tr>
    422                             <tr>
    423                                 <td>
    424                                     <a href="#">4218</a>
    425                                 </td>
    426                                 <td>
    427                                     <a href="testproduct-detail') }}" class="d-flex align-items-center">
    428                                         <img width="40" src="{{ url('assets/media/image/products/product8.png') }}"
    429                                              class="rounded mr-3" alt="raspberry">
    430                                         <span>Samsung 55Q60RAT 55"</span>
    431                                     </a>
    432                                 </td>
    433                                 <td>Frankie Hewitt</td>
    434                                 <td>$300</td>
    435                                 <td>
    436                                     <span class="badge bg-success-bright text-success">Remote payment accepted</span>
    437                                 </td>
    438                                 <td>2018/08/28 21:24:36</td>
    439                                 <td>
    440                                     <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
    441                                         <i class="ti-pencil"></i>
    442                                     </a>
    443                                     <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
    444                                         <i class="ti-trash"></i>
    445                                     </a>
    446                                 </td>
    447                             </tr>
    448                             <tr>
    449                                 <td>
    450                                     <a href="#">3158</a>
    451                                 </td>
    452                                 <td>
    453                                     <a href="testproduct-detail') }}" class="d-flex align-items-center">
    454                                         <img width="40" src="{{ url('assets/media/image/products/product9.png') }}"
    455                                              class="rounded mr-3" alt="strawberry">
    456                                         <span>Toshiba Canvio Basic 1TB 2.5"</span>
    457                                     </a>
    458                                 </td>
    459                                 <td>Hayden Fitzgerald</td>
    460                                 <td>$200</td>
    461                                 <td>
    462                                     <span class="badge bg-success-bright text-success">Delivered</span>
    463                                 </td>
    464                                 <td>2018/08/28 21:24:36</td>
    465                                 <td>
    466                                     <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
    467                                         <i class="ti-pencil"></i>
    468                                     </a>
    469                                     <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
    470                                         <i class="ti-trash"></i>
    471                                     </a>
    472                                 </td>
    473                             </tr>
    474                             <tr>
    475                                 <td>
    476                                     <a href="#">9610</a>
    477                                 </td>
    478                                 <td>
    479                                     <a href="testproduct-detail') }}" class="d-flex align-items-center">
    480                                         <img width="40" src="{{ url('assets/media/image/products/product10.png') }}"
    481                                              class="rounded mr-3" alt="watermelon">
    482                                         <span>Fms Wireless Controller</span>
    483                                     </a>
    484                                 </td>
    485                                 <td>Cole Holcomb</td>
    486                                 <td>$700</td>
    487                                 <td>
    488                                     <span
    489                                         class="badge bg-secondary-bright text-secondary">On pre-order (not paid)</span>
    490                                 </td>
    491                                 <td>2018/08/28 21:24:36</td>
    492                                 <td>
    493                                     <a href="#" class="text-secondary" data-toggle="tooltip" title="Edit">
    494                                         <i class="ti-pencil"></i>
    495                                     </a>
    496                                     <a href="#" class="text-danger ml-2" data-toggle="tooltip" title="Delete">
    497                                         <i class="ti-trash"></i>
    498                                     </a>
    499                                 </td>
    500                             </tr>
     129                            @foreach($recentFiles as $file)
     130                                <tr>
     131                                    <td></td>
     132                                    <td>
     133                                        @if(in_array(explode('.', $file->name)[1], $excelExt))
     134                                            <div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
     135                                                <i class="fa fa-file-excel-o text-success fa-2x"></i>
     136                                            </div>
     137                                        @else @if(in_array(explode('.', $file->name)[1], $textExt))
     138                                            <div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
     139                                                <i class="fa fa-file-word-o text-info fa-2x"></i>
     140                                            </div>
     141                                        @else @if(explode('.', $file->name)[1] == 'pdf')
     142                                                <div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
     143                                                    <i class="fa fa-file-pdf-o text-danger fa-2x"></i>
     144                                                </div>
     145                                            @else @if(in_array(explode('.', $file->name)[1], $imageExt))
     146                                                    <div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
     147                                                        <a href="{{ url('/uploads/' . $file->location) }}" class="image-popup-gallery-item">
     148                                                            <div class="image-hover">
     149                                                                <img src="{{ url('/uploads/' . $file->location) }}" class="rounded" width="30" alt="image">
     150                                                            </div>
     151                                                        </a>
     152                                                    </div>
     153                                                @else
     154                                                    <div class="col-xl-1 col-lg-1 col-md-1 col-sm-2">
     155                                                        <i class="fa fa-file-text-o text-warning fa-2x"></i>
     156                                                    </div>
     157                                                @endif
     158                                            @endif
     159                                        @endif
     160                                        @endif
     161
     162
     163                                    </td>
     164                                    <td>{{ $file->name }}</td>
     165                                    <td>{{ date('d.m.Y - H:i', strtotime($file->created_at)) }}</td>
     166                                    @if($file->updated_at==NULL)
     167                                        <td>/</td>
     168                                    @else
     169                                        <td>{{ date('d.m.Y - H:i', strtotime($file->updated_at)) }}</td>
     170                                    @endif
     171                                    <td><a href="{{ route('dashboard.folders.files', ['id' => $file->folder_id]) }}" class="text-linkedin">{{ \App\Models\Folder::find($file->folder_id)->name }}</a></td>
     172                                    <td>{{ \App\Models\Folder::find($file->folder_id)->arch_id }}</td>
     173                                    <!-- Trigger -->
     174                                    <td><button data-clipboard-text="{{$file->location}}" class="btn btn-sm btn-primary text-white" data-toggle="tooltip" data-placement="right" title="{{$file->location}}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
     175                                                <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
     176                                                <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
     177                                            </svg></button>
     178                                    </td>
     179                                    <td>
     180                                        <a href="javascript:void(0)" class="text-secondary" data-toggle="modal" data-target="#editModal_{{$file->id}}" title="Edit">
     181                                            <i class="ti-pencil"></i>
     182                                        </a>
     183                                        <a href="{{ route("dashboard.files.downloadFile", ['id' => $file->id]) }}" class="text-danger ml-2"title="Download">
     184                                            <i class="ti-download"></i>
     185                                        </a>
     186                                        <a href="javascript:void(0)" class="text-danger ml-2" data-toggle="modal" data-target="#deleteModal_{{$file->id}}" title="Delete">
     187                                            <i class="ti-trash"></i>
     188                                        </a>
     189                                    </td>
     190                                </tr>
     191                                <div class="modal fade" id="deleteModal_{{$file->id}}" tabindex="-1" role="dialog" aria-hidden="true">
     192                                    <div class="modal-dialog modal-dialog-centered" role="document">
     193                                        <div class="modal-content">
     194                                            <div class="modal-header">
     195                                                <h5 class="modal-title" id="exampleModalCenterTitle">Delete confirmation</h5>
     196                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
     197                                                    <i class="ti-close"></i>
     198                                                </button>
     199                                            </div>
     200                                            <div class="modal-body">
     201                                                <form action="{{ route("dashboard.files.deleteFile", $file->id) }}" method="POST">
     202                                                    @csrf
     203                                                    @method('DELETE')
     204                                                    <p>Are you sure you want to delete file {{$file->name}}?</p>
     205                                                    <p>Location: <span class="pr-1">{{$file->location}}</span></p>
     206                                                    <div class="modal-footer">
     207                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
     208                                                        </button>
     209                                                        <button type="submit" class="btn btn-primary">Save changes</button>
     210                                                    </div>
     211                                                </form>
     212                                            </div>
     213
     214                                        </div>
     215                                    </div>
     216                                </div>
     217
     218                                <div class="modal fade" id="editModal_{{$file->id}}" tabindex="-1" role="dialog" aria-hidden="true">
     219                                    <div class="modal-dialog modal-dialog-centered" role="document">
     220                                        <div class="modal-content">
     221                                            <div class="modal-header">
     222                                                <h5 class="modal-title" id="exampleModalCenterTitle">Rename file</h5>
     223                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
     224                                                    <i class="ti-close"></i>
     225                                                </button>
     226                                            </div>
     227                                            <div class="modal-body">
     228                                                <form action="{{ route("dashboard.files.renameFile", ["id" =>$file->id]) }}" method="post" accept-charset="utf-8">
     229                                                    @method("patch")
     230                                                    @csrf
     231                                                    <div class="row">
     232                                                        <div class="col-md-12">
     233                                                            <div class="form-group">
     234                                                                <label class="form-label">Current name: {{$file->name}}</label>
     235                                                                <input type="text" name="name" value="{{ explode('.', $file->name)[0] }}" maxlength="255" title="Don't include: '\/.|'" pattern="^[^.\/|]+$" class="form-control" required>
     236                                                            </div>
     237                                                        </div>
     238                                                    </div>
     239                                                    <br/>
     240                                                    <div class="modal-footer">
     241                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
     242                                                        </button>
     243                                                        <button type="submit" class="btn btn-primary">Save changes</button>
     244                                                    </div>
     245                                                </form>
     246                                            </div>
     247
     248                                        </div>
     249                                    </div>
     250                                </div>
     251                            @endforeach
    501252                            </tbody>
    502253                        </table>
     
    512263                <div class="card-body">
    513264                    <div class="d-md-flex mb-2 mb-sm-0 justify-content-between">
    514                         <h6 class="card-title">Activities</h6>
    515                         <div>
    516                             <div id="reportrange" class="form-control">
    517                                 <span></span>
    518                             </div>
    519                         </div>
    520                     </div>
    521                     <div id="ecommerce-activity-chart"></div>
     265                        <canvas id="canvas"></canvas>
     266                    </div>
    522267                </div>
    523268            </div>
     
    527272                <div class="card-body pb-0">
    528273                    <div class="d-flex justify-content-between align-items-start mb-3">
    529                         <h6 class="card-title mb-0">Top Sales</h6>
    530                         <a href="#" class="small">All Sales</a>
     274                        <h6 class="card-title mb-0">Largest departments</h6>
     275                        <a href="{{route("dashboard.departments.index")}}" class="small text-linkedin">View</a>
    531276                    </div>
    532277                </div>
     
    535280                        <thead>
    536281                        <tr>
    537                             <th>Product</th>
    538                             <th>Total Sales</th>
     282                            <th>Department</th>
     283                            <th>Number of folders</th>
    539284                        </tr>
    540285                        </thead>
    541286                        <tbody>
     287                        @foreach($largestDepartments as $department)
    542288                        <tr>
     289
    543290                            <td>
    544                                 <a href="#">Apple</a>
     291                                <a href="#">{{$department->name}}</a>
    545292                            </td>
    546                             <td>21</td>
     293                            <td>
     294                                <a href="#">{{$department->no_of_folders}}</a>
     295                            </td>
    547296                        </tr>
    548                         <tr>
    549                             <td>
    550                                 <a href="#">Samsung <span class="badge badge-danger ml-1">New</span></a>
    551                             </td>
    552                             <td>52</td>
    553                         </tr>
    554                         <tr>
    555                             <td>
    556                                 <a href="#">Huawei</a>
    557                             </td>
    558                             <td>74</td>
    559                         </tr>
    560                         <tr>
    561                             <td>
    562                                 <a href="#">General Mobile</a>
    563                             </td>
    564                             <td>25</td>
    565                         </tr>
    566                         <tr>
    567                             <td>
    568                                 <a href="#">Xiaomi</a>
    569                             </td>
    570                             <td>11</td>
    571                         </tr>
    572                         <tr>
    573                             <td>
    574                                 <a href="#">Nokia</a>
    575                             </td>
    576                             <td>8</td>
    577                         </tr>
    578                         <tr>
    579                             <td>
    580                                 <a href="#">Sony</a>
    581                             </td>
    582                             <td>5</td>
    583                         </tr>
    584                         <tr>
    585                             <td>
    586                                 <a href="#">Alcatel</a>
    587                             </td>
    588                             <td>5</td>
    589                         </tr>
     297                        @endforeach
    590298                        </tbody>
    591299                    </table>
     
    594302        </div>
    595303    </div>
    596 
    597     <div class="row">
    598         <div class="col-md-6">
    599             <div class="card">
    600                 <div class="card-body">
    601                     <h6 class="card-title d-flex justify-content-between">
    602                         <span>Income Distribution</span>
    603                         <span class="dropdown">
    604                             <a class="btn btn-outline-light btn-sm dropdown-toggle" href="#"
    605                                data-toggle="dropdown">USA</a>
    606                             <span class="dropdown-menu dropdown-menu-right">
    607                                 <a href="#" class="dropdown-item">USA</a>
    608                                 <a href="#" class="dropdown-item">Germany</a>
    609                                 <a href="#" class="dropdown-item">France</a>
    610                                 <a href="#" class="dropdown-item">Italy</a>
    611                             </span>
    612                         </span>
    613                     </h6>
    614                     <div id="vmap_usa_en" style="height: 300px"></div>
    615                 </div>
    616                 <div class="table-responsive">
    617                     <table class="table table-borderless table-lg table-striped mb-0">
    618                         <thead>
    619                         <tr>
    620                             <th class="wd-40">States</th>
    621                             <th class="wd-25 text-center">Orders</th>
    622                             <th class="wd-35 text-center">Earnings</th>
    623                             <th class="wd-35"></th>
    624                         </tr>
    625                         </thead>
    626                         <tbody>
    627                         <tr>
    628                             <td>California</td>
    629                             <td class="text-center">12,201</td>
    630                             <td class="text-center text-success">$150,200.80</td>
    631                             <td class="text-right">
    632                                 <a href="#" data-toggle="tooltip" title="Detail">
    633                                     <i class="fa fa-external-link"></i>
    634                                 </a>
    635                             </td>
    636                         </tr>
    637                         <tr>
    638                             <td>Texas</td>
    639                             <td class="text-center">11,950</td>
    640                             <td class="text-center text-success">$138,910.20</td>
    641                             <td class="text-right">
    642                                 <a href="#" data-toggle="tooltip" title="Detail">
    643                                     <i class="fa fa-external-link"></i>
    644                                 </a>
    645                             </td>
    646                         </tr>
    647                         <tr>
    648                             <td>Wyoming</td>
    649                             <td class="text-center">11,198</td>
    650                             <td class="text-center text-danger">$132,050.00</td>
    651                             <td class="text-right">
    652                                 <a href="#" data-toggle="tooltip" title="Detail">
    653                                     <i class="fa fa-external-link"></i>
    654                                 </a>
    655                             </td>
    656                         </tr>
    657                         <tr>
    658                             <td>Florida</td>
    659                             <td class="text-center">9,885</td>
    660                             <td class="text-center text-success">$127,762.10</td>
    661                             <td class="text-right">
    662                                 <a href="#" data-toggle="tooltip" title="Detail">
    663                                     <i class="fa fa-external-link"></i>
    664                                 </a>
    665                             </td>
    666                         </tr>
    667                         <tr>
    668                             <td>New York</td>
    669                             <td class="text-center">21,198</td>
    670                             <td class="text-center text-danger">$432,410.00</td>
    671                             <td class="text-right">
    672                                 <a href="#" data-toggle="tooltip" title="Detail">
    673                                     <i class="fa fa-external-link"></i>
    674                                 </a>
    675                             </td>
    676                         </tr>
    677                         <tr>
    678                             <td>Montana</td>
    679                             <td class="text-center">2,885</td>
    680                             <td class="text-center text-success">$7,100.00</td>
    681                             <td class="text-right">
    682                                 <a href="#" data-toggle="tooltip" title="Detail">
    683                                     <i class="fa fa-external-link"></i>
    684                                 </a>
    685                             </td>
    686                         </tr>
    687                         </tbody>
    688                     </table>
    689                 </div>
    690             </div>
    691         </div>
    692         <div class="col-md-6">
    693             <div class="card">
    694                 <div class="card-body">
    695                     <div class="card-title d-flex justify-content-between">
    696                         <h6 class="card-title">Revenue by Country</h6>
    697                         <div>
    698                             <a href="#" class="btn btn-outline-light btn-sm mr-2">
    699                                 <i class="fa fa-refresh"></i>
    700                             </a>
    701                             <div class="dropdown">
    702                                 <a href="#" data-toggle="dropdown"
    703                                    class="btn btn-outline-light btn-sm"
    704                                    aria-haspopup="true" aria-expanded="false">
    705                                     <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
    706                                 </a>
    707                                 <div class="dropdown-menu dropdown-menu-right">
    708                                     <a class="dropdown-item" href="#">Action</a>
    709                                     <a class="dropdown-item" href="#">Another action</a>
    710                                     <a class="dropdown-item" href="#">Something else here</a>
    711                                 </div>
    712                             </div>
    713                         </div>
    714                     </div>
    715                     <p>Total Revenue</p>
    716                     <h2 class="mb-4 font-size-35">$469,453</h2>
    717                     <div class="progress mb-3" style="height: 10px">
    718                         <div class="progress-bar w-25 bg-secondary-gradient" role="progressbar"></div>
    719                         <div class="progress-bar w-50 bg-info-gradient" role="progressbar"></div>
    720                         <div class="progress-bar w-25 bg-warning-gradient" role="progressbar"></div>
    721                         <div class="progress-bar w-25 bg-success-gradient" role="progressbar"></div>
    722                         <div class="progress-bar w-50 bg-danger-gradient" role="progressbar"></div>
    723                     </div>
    724                 </div>
    725                 <div class="p-4 bg-dark-gradient">
    726                     <ul class="list-inline ">
    727                         <li class="list-inline-item mr-4 mb-3">
    728                             <div class="d-flex align-items-center">
    729                                 <span class="d-inline-flex align-items-center">
    730                                     <i class="fa fa-circle text-secondary mr-1 small"></i> Russia
    731                                 </span>
    732                                 <small class="ml-3 text-success d-inline-flex align-items-center">
    733                                     <i class="fa fa-caret-up mr-1"></i> 40%
    734                                 </small>
    735                             </div>
    736                         </li>
    737                         <li class="list-inline-item mr-4 mb-3">
    738                             <div class="d-flex align-items-center">
    739                                 <span class="d-inline-flex align-items-center">
    740                                     <i class="fa fa-circle text-info mr-1 small"></i> Australia
    741                                 </span>
    742                                 <small class="ml-3 text-danger d-inline-flex align-items-center">
    743                                     <i class="fa fa-caret-down mr-1"></i> 25%
    744                                 </small>
    745                             </div>
    746                         </li>
    747                         <li class="list-inline-item mr-4 mb-3">
    748                             <div class="d-flex align-items-center">
    749                                 <span class="d-inline-flex align-items-center">
    750                                 <i class="fa fa-circle text-warning mr-1 small"></i> China
    751                                 </span>
    752                                 <small class="ml-3 text-success d-inline-flex align-items-center">
    753                                     <i class="fa fa-caret-up mr-1"></i> 30%
    754                                 </small>
    755                             </div>
    756                         </li>
    757                         <li class="list-inline-item mr-4 mb-3">
    758                             <div class="d-flex align-items-center">
    759                                 <span class="d-inline-flex align-items-center">
    760                                 <i class="fa fa-circle text-success mr-1 small"></i> Tunisia
    761                                 </span>
    762                                 <small class="ml-3 text-success d-inline-flex align-items-center">
    763                                     <i class="fa fa-caret-up mr-1"></i> 10%
    764                                 </small>
    765                             </div>
    766                         </li>
    767                         <li class="list-inline-item mr-4 mb-3">
    768                             <div class="d-flex align-items-center">
    769                                 <span class="d-inline-flex align-items-center">
    770                                 <i class="fa fa-circle text-success mr-1 small"></i> Spain
    771                                 </span>
    772                                 <small class="ml-3 text-danger d-inline-flex align-items-center">
    773                                     <i class="fa fa-caret-down mr-1"></i> 10%
    774                                 </small>
    775                             </div>
    776                         </li>
    777                     </ul>
    778                 </div>
    779             </div>
    780             <div class="card">
    781                 <div class="card-body">
    782                     <h6 class="card-title">Reviews</h6>
    783                     <div class="card-scroll">
    784                         <ul class="list-group list-group-flush">
    785                             <li class="list-group-item d-flex pl-0 pr-0">
    786                                 <a href="#">
    787                                     <figure class="avatar mr-3">
    788                                         <img src="{{ url('assets/media/image/user/man_avatar1.jpg') }}" class="rounded-circle" alt="image">
    789                                     </figure>
    790                                 </a>
    791                                 <div>
    792                                     <div class="d-flex justify-content-between">
    793                                         <a href="#">
    794                                             <h6>Valentine Maton</h6>
    795                                             <ul class="list-inline mb-1">
    796                                                 <li class="list-inline-item mb-0">
    797                                                     <i class="fa fa-star text-warning"></i>
    798                                                 </li>
    799                                                 <li class="list-inline-item mb-0">
    800                                                     <i class="fa fa-star text-warning"></i>
    801                                                 </li>
    802                                                 <li class="list-inline-item mb-0">
    803                                                     <i class="fa fa-star text-warning"></i>
    804                                                 </li>
    805                                                 <li class="list-inline-item mb-0">
    806                                                     <i class="fa fa-star text-warning"></i>
    807                                                 </li>
    808                                                 <li class="list-inline-item mb-0">
    809                                                     <i class="fa fa-star text-warning"></i>
    810                                                 </li>
    811                                                 <li class="list-inline-item mb-0">(5)</li>
    812                                             </ul>
    813                                         </a>
    814                                         <div class="ml-auto">
    815                                             <div class="dropdown">
    816                                                 <a href="#" data-toggle="dropdown"
    817                                                    class="btn btn-outline-light btn-sm"
    818                                                    aria-haspopup="true" aria-expanded="false">
    819                                                     <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
    820                                                 </a>
    821                                                 <div class="dropdown-menu dropdown-menu-right">
    822                                                     <a href="#" class="dropdown-item">View</a>
    823                                                     <a href="#" class="dropdown-item">Send Message</a>
    824                                                 </div>
    825                                             </div>
    826                                         </div>
    827                                     </div>
    828                                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
    829                                 </div>
    830                             </li>
    831                             <li class="list-group-item d-flex pl-0 pr-0">
    832                                 <a href="#">
    833                                     <figure class="avatar mr-3">
    834                                         <img src="{{ url('assets/media/image/user/man_avatar2.jpg') }}" class="rounded-circle" alt="image">
    835                                     </figure>
    836                                 </a>
    837                                 <div>
    838                                     <div class="d-flex justify-content-between">
    839                                         <a href="#">
    840                                             <h6>Valentine Maton</h6>
    841                                             <ul class="list-inline mb-1">
    842                                                 <li class="list-inline-item mb-0">
    843                                                     <i class="fa fa-star text-warning"></i>
    844                                                 </li>
    845                                                 <li class="list-inline-item mb-0">
    846                                                     <i class="fa fa-star text-warning"></i>
    847                                                 </li>
    848                                                 <li class="list-inline-item mb-0">
    849                                                     <i class="fa fa-star text-warning"></i>
    850                                                 </li>
    851                                                 <li class="list-inline-item mb-0">
    852                                                     <i class="fa fa-star-half-o text-warning"></i>
    853                                                 </li>
    854                                                 <li class="list-inline-item mb-0">
    855                                                     <i class="fa fa-star-o"></i>
    856                                                 </li>
    857                                                 <li class="list-inline-item mb-0">(3.5)</li>
    858                                             </ul>
    859                                         </a>
    860                                         <div class="ml-auto">
    861                                             <div class="dropdown">
    862                                                 <a href="#" data-toggle="dropdown"
    863                                                    class="btn btn-outline-light btn-sm"
    864                                                    aria-haspopup="true" aria-expanded="false">
    865                                                     <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
    866                                                 </a>
    867                                                 <div class="dropdown-menu dropdown-menu-right">
    868                                                     <a href="#" class="dropdown-item">View</a>
    869                                                     <a href="#" class="dropdown-item">Send Message</a>
    870                                                 </div>
    871                                             </div>
    872                                         </div>
    873                                     </div>
    874                                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
    875                                 </div>
    876                             </li>
    877                             <li class="list-group-item d-flex pl-0 pr-0">
    878                                 <a href="#">
    879                                     <figure class="avatar mr-3">
    880                                         <img src="{{ url('assets/media/image/user/man_avatar3.jpg') }}" class="rounded-circle" alt="image">
    881                                     </figure>
    882                                 </a>
    883                                 <div>
    884                                     <div class="d-flex justify-content-between">
    885                                         <a href="#">
    886                                             <h6>Valentine Maton</h6>
    887                                             <ul class="list-inline mb-1">
    888                                                 <li class="list-inline-item mb-0">
    889                                                     <i class="fa fa-star text-warning"></i>
    890                                                 </li>
    891                                                 <li class="list-inline-item mb-0">
    892                                                     <i class="fa fa-star text-warning"></i>
    893                                                 </li>
    894                                                 <li class="list-inline-item mb-0">
    895                                                     <i class="fa fa-star text-warning"></i>
    896                                                 </li>
    897                                                 <li class="list-inline-item mb-0">
    898                                                     <i class="fa fa-star text-warning"></i>
    899                                                 </li>
    900                                                 <li class="list-inline-item mb-0">
    901                                                     <i class="fa fa-star-half-o text-warning"></i>
    902                                                 </li>
    903                                                 <li class="list-inline-item mb-0">(4.5)</li>
    904                                             </ul>
    905                                         </a>
    906                                         <div class="ml-auto">
    907                                             <div class="dropdown">
    908                                                 <a href="#" data-toggle="dropdown"
    909                                                    class="btn btn-outline-light btn-sm"
    910                                                    aria-haspopup="true" aria-expanded="false">
    911                                                     <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
    912                                                 </a>
    913                                                 <div class="dropdown-menu dropdown-menu-right">
    914                                                     <a href="#" class="dropdown-item">View</a>
    915                                                     <a href="#" class="dropdown-item">Send Message</a>
    916                                                 </div>
    917                                             </div>
    918                                         </div>
    919                                     </div>
    920                                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
    921                                 </div>
    922                             </li>
    923                             <li class="list-group-item d-flex pl-0 pr-0">
    924                                 <a href="#">
    925                                     <figure class="avatar mr-3">
    926                                         <img src="{{ url('assets/media/image/user/man_avatar4.jpg') }}" class="rounded-circle" alt="image">
    927                                     </figure>
    928                                 </a>
    929                                 <div>
    930                                     <div class="d-flex justify-content-between">
    931                                         <a href="#">
    932                                             <h6>Valentine Maton</h6>
    933                                             <ul class="list-inline mb-1">
    934                                                 <li class="list-inline-item mb-0">
    935                                                     <i class="fa fa-star text-warning"></i>
    936                                                 </li>
    937                                                 <li class="list-inline-item mb-0">
    938                                                     <i class="fa fa-star text-warning"></i>
    939                                                 </li>
    940                                                 <li class="list-inline-item mb-0">
    941                                                     <i class="fa fa-star text-warning"></i>
    942                                                 </li>
    943                                                 <li class="list-inline-item mb-0">
    944                                                     <i class="fa fa-star text-warning"></i>
    945                                                 </li>
    946                                                 <li class="list-inline-item mb-0">
    947                                                     <i class="fa fa-star-o"></i>
    948                                                 </li>
    949                                                 <li class="list-inline-item mb-0">(4)</li>
    950                                             </ul>
    951                                         </a>
    952                                         <div class="ml-auto">
    953                                             <div class="dropdown">
    954                                                 <a href="#" data-toggle="dropdown"
    955                                                    class="btn btn-outline-light btn-sm"
    956                                                    aria-haspopup="true" aria-expanded="false">
    957                                                     <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
    958                                                 </a>
    959                                                 <div class="dropdown-menu dropdown-menu-right">
    960                                                     <a href="#" class="dropdown-item">View</a>
    961                                                     <a href="#" class="dropdown-item">Send Message</a>
    962                                                 </div>
    963                                             </div>
    964                                         </div>
    965                                     </div>
    966                                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, tempora.</p>
    967                                 </div>
    968                             </li>
    969                         </ul>
    970                     </div>
    971                     <div class="mt-3 text-center">
    972                         <a href="#" class="btn btn-primary">
    973                             View All
    974                         </a>
    975                     </div>
    976                 </div>
    977             </div>
    978 
    979         </div>
    980     </div>
    981 
    982304@endsection
    983305
     
    1019341
    1020342    <script src="{{ url('assets/js/examples/pages/ecommerce-dashboard.js') }}"></script>
    1021 
     343    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
     344    <script>
     345        var year = <?php echo $year; ?>;
     346        var file = <?php echo $file; ?>;
     347        var barChartData = {
     348            labels: year,
     349            datasets: [{
     350                label: 'File',
     351                backgroundColor: "red",
     352                data: file
     353            }]
     354        };
     355
     356        window.onload = function() {
     357            var ctx = document.getElementById("canvas").getContext("2d");
     358            window.myBar = new Chart(ctx, {
     359                type: 'bar',
     360                data: barChartData,
     361                options: {
     362                    elements: {
     363                        rectangle: {
     364                            borderWidth: 2,
     365                            borderColor: '#c1c1c1',
     366                            borderSkipped: 'bottom'
     367                        }
     368                    },
     369                    responsive: true,
     370                    title: {
     371                        display: true,
     372                        text: 'Yearly uploaded files'
     373                    }
     374                }
     375            });
     376        };
     377    </script>
    1022378@endsection
Note: See TracChangeset for help on using the changeset viewer.