Ignore:
Timestamp:
10/18/21 19:54:18 (3 years ago)
Author:
beratkjufliju <kufliju@…>
Branches:
develop, master
Children:
b9c4a92
Parents:
bd9e8e3
Message:

added pagination, is_important

File:
1 edited

Legend:

Unmodified
Added
Removed

  • resources/views/dashboard/documents/index.blade.php

    rbd9e8e3 re6c1f87  
    3232                            </a>
    3333                        @endforeach
    34                         <a href="" class="list-group-item">
     34                        <a href="{{ URL::current()."?sort=recent" }}" class="list-group-item">
    3535                            <i data-feather="upload-cloud" class="width-15 height-15 mr-2"></i>
    3636                            Recents
    3737                        </a>
    38                         <a href="" class="list-group-item d-flex align-items-center">
     38                        <a href="{{ URL::current()."?sort=important" }}" class="list-group-item d-flex align-items-center">
    3939                            <i data-feather="star" class="width-15 height-15 mr-2"></i>
    4040                            Important
    41                             <span class="small ml-auto">10</span>
    42                         </a>
    43                         <a href="" class="list-group-item">
    44                             <i data-feather="trash" class="width-15 height-15 mr-2"></i>
    45                             Deleted Files
     41                            <span class="small ml-auto">{{ $countImportant }}</span>
    4642                        </a>
    4743                    </div>
    … …  
    5551                                <div class="progress" style="height: 10px">
    5652                                    <div class="progress-bar progress-bar-striped" role="progressbar"
    57                                          style="width: 40%" aria-valuenow="10" aria-valuemin="0"
     53                                         style="width: {{$diskUse}}" aria-valuenow="10" aria-valuemin="0"
    5854                                         aria-valuemax="100"></div>
    59                                 </div>
    60                                 <div class="line-height-12 small text-muted mt-2">19.5GB used of 25GB</div>
     55                                        <span class="sr-only">{{$diskUse}}</span>
     56                                </div>
     57                                <div class="line-height-12 small text-muted mt-2">{{round($diskUsedSize,2)}} GB /
     58                                    {{round($diskTotalSize,2)}} GB ({{$diskUse}})</div>
    6159                            </div>
    6260                        </div>
    … …  
    9896                            </a>
    9997                            <div class="dropdown-menu">
    100                                 <a class="dropdown-item" href="#">Date</a>
    101                                 <a class="dropdown-item" href="#">Name</a>
    102                                 <a class="dropdown-item" href="#">Size</a>
     98                                @if(Request::get('id'))
     99                                    <a class="dropdown-item" href="{{ URL::current()."?id=".Request::get('id')."&sort=newest" }}">Date</a>
     100                                    <a class="dropdown-item" href="{{ URL::current()."?id=".Request::get('id')."&sort=name" }}">Name</a>
     101                                    <a class="dropdown-item" href="#">Size</a>
     102                                @else
     103                                    <a class="dropdown-item" href="{{ URL::current()."?sort=newest" }}">Date</a>
     104                                    <a class="dropdown-item" href="{{ URL::current()."?sort=name" }}">Name</a>
     105                                    <a class="dropdown-item" href="#">Size - not done</a>
     106                                @endif
    103107                            </div>
    104108                        </li>
    … …  
    106110                </div>
    107111                <div class="action-right">
    108                     <form class="d-flex mr-3">
    109                         <a href="#" class="app-sidebar-menu-button btn btn-outline-light">
    110                             <i data-feather="menu"></i>
    111                         </a>
     112                    <form action="{{ route("dashboard.documents.index") }}" method="get" class="d-flex mr-3">
    112113                        <div class="input-group">
    113                             <input type="text" class="form-control" placeholder="Search file"
    114                                    aria-describedby="button-addon1">
     114                            <input type="text" name="search" class="form-control" placeholder="Search file"
     115                                   aria-describedby="button-addon1" required>
    115116                            <div class="input-group-append">
    116                                 <button class="btn btn-outline-light" type="button" id="button-addon1">
     117                                <button class="btn btn-outline-light searchSubmitBtn" type="submit" value="Search">
    117118                                    <i data-feather="search"></i>
    118119                                </button>
    … …  
    122123                </div>
    123124            </div>
    124 
    125 
    126125            <p>Documents</p>
    127126            <div class="row">
    … …  
    139138                                        <a href="#" class="dropdown-item">Share</a>
    140139                                        <a href="#" class="dropdown-item">Download</a>
    141                                         <a href="#" class="dropdown-item">Move to</a>
    142                                         <a href="#" class="dropdown-item">Delete</a>
     140                                        <button class="dropdown-item action-dropdown-item"
     141                                           href="javascript:void(0)" onclick="toggleImportant({{$document->id}})">
     142                                            @if($document->is_important)
     143                                                Mark as not important
     144                                            @else
     145                                                Mark as important
     146                                            @endif
     147                                        </button>
     148                                        <a href="javascript:void(0)" class="dropdown-item" data-toggle="modal" data-target="#deleteModal_{{$document->id}}">Delete</a>
    143149                                    </div>
    144150                                </div>
    145151                            </div>
    146152                            <div class="p-2 small">
    147                                 <div>{{$document->name}} - {{$document->arch_id}}</div>
     153                                @if($document->is_important)
     154                                    <div>{{$document->name}} - {{$document->arch_id}} <i class="fa fa-star" style="color:orange"></i></div>
     155                                @else
     156                                    <div>{{$document->name}} - {{$document->arch_id}} </div>
     157                                @endif
     158                                <div>{{$document->created_at}}</div>
    148159                                <div class="text-muted">{{$document->description}}</div>
    149160                                <div class="text-muted">1.2MB</div>
    … …  
    151162                        </div>
    152163                    </div>
     164                    <form id="toggleImportant_{{ $document->id }}"
     165                          action="{{ route("dashboard.documents.toggleImportant", ["id" => $document->id]) }}"
     166                          method="post">
     167                        @csrf
     168                        @method("patch")
     169                    </form>
     170                    <div class="modal fade" id="deleteModal_{{$document->id}}" tabindex="-1" role="dialog" aria-hidden="true">
     171                        <div class="modal-dialog modal-dialog-centered" role="document">
     172                            <div class="modal-content">
     173                                <div class="modal-header">
     174                                    <h5 class="modal-title" id="exampleModalCenterTitle">Delete confirmation</h5>
     175                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
     176                                        <i class="ti-close"></i>
     177                                    </button>
     178                                </div>
     179                                <div class="modal-body">
     180                                    <form action="{{ route("dashboard.documents.destroy", $document->id) }}" method="POST">
     181                                        @csrf
     182                                        @method('DELETE')
     183                                        <p>Are you sure you want to delete document {{$document->name}} with Archive ID: {{ $document->arch_id }}?</p>
     184                                        <div class="modal-footer">
     185                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close
     186                                            </button>
     187                                            <button type="submit" class="btn btn-primary">Save changes</button>
     188                                        </div>
     189                                    </form>
     190                                </div>
     191
     192                            </div>
     193                        </div>
     194                    </div>
    153195                @empty
    154                     <div>No items found</div>
     196                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12">No items found</div>
    155197                @endforelse
    156198
    157199            </div>
     200             @if(!Request::query('search'))
     201             {{$documents->appends($_GET)->links('layouts.pagination') }}
     202                 @endif
    158203    </div>
    159204
    … …  
    162207@section('script')
    163208
    164 
     209<script>
     210    function toggleImportant(id) {
     211        document.getElementById('toggleImportant_' + id).submit();
     212    }
     213</script>
    165214
    166215@endsection
Note: See TracChangeset for help on using the changeset viewer.