Simple File Manage Design by index.php

��

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title><?php echo $__env->yieldContent('title', 'Dusty Helmets'); ?></title>
    <link href="<?php echo e(asset('public/assets/images/favi.ico')); ?>" rel="icon">
    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    
    <link rel="stylesheet" href="<?php echo e(asset('public/assets/dashboard/plugins/fontawesome-free/css/all.min.css')); ?>">
    
    
    <link rel="stylesheet"
        href="<?php echo e(asset('public/assets/dashboard/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css')); ?>">
    
    <link rel="stylesheet" href="<?php echo e(asset('public/assets/dashboard/plugins/icheck-bootstrap/icheck-bootstrap.min.css')); ?>">
    
    <link rel="stylesheet" href="<?php echo e(asset('public/assets/dashboard/plugins/jqvmap/jqvmap.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('public/assets/dashboard/plugins/toastr/toastr.min.css')); ?>">
    
    <link rel="stylesheet" href="<?php echo e(asset('public/assets/dashboard/dist/css/zalegohrstyles.css')); ?>">
    
    <link rel="stylesheet"
        href="<?php echo e(asset('public/assets/dashboard/plugins/overlayScrollbars/css/OverlayScrollbars.min.css')); ?>">
    
    <link rel="stylesheet" href="<?php echo e(asset('public/assets/dashboard/plugins/daterangepicker/daterangepicker.css')); ?>">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css" />
    
    <link rel="stylesheet" href="<?php echo e(asset('public/assets/dashboard/plugins/summernote/summernote-bs4.css')); ?>">
    
    <link rel="stylesheet" href="<?php echo e(asset('public/resources/select2/css/select2.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('public/resources/select2-bootstrap4-theme/select2-bootstrap4.min.css')); ?>">
    
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">

<body class="hold-transition sidebar-mini layout-fixed">
    <div class="wrapper">
        
        <nav class="py-3 main-header navbar fixed-topnav navbar-expand navbar-white navbar-light">
            
            <ul class="navbar-nav">
                <button class="btn btn-default btn-toggle">
                    <a class="nav-link" data-widget="pushmenu" href="#"><i class="ml-3 fas fa-bars"
                            style="margin-top:-6px !important;"></i></a>
                </button>
                <li class="nav-item d-none d-sm-inline-block" id="companyName" style="padding-top: 5px;"><a
                        class="pt-3 nav-link logoText" href="<?php echo e(url('/home')); ?>">Dusty Helmets</a></li>

</ul>
            
            <ul class="ml-auto navbar-nav">
                <span class="px-3 ml-5 bg-white shadow-sm" style="margin-top: -6px;">
                    <h4 id="clockdisplayDesktop" class="text-muted">00:00:00 AM</h4>
                </span>
                
                
                
    <?php if(Auth::check()): ?>
    <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
            <?php if(empty(Auth::user()->image)): ?>
                <span class="px-3 py-3 text-white img-circle elevation-1">
                    <strong style="color: #fff !important;">
                        <?php echo e(strtoupper(substr(Auth::user()->name, 0, 1))); ?>

</strong>
                </span>
            <?php else: ?>
                <img src="<?php echo e(asset('storage/' . Auth::user()->image)); ?>" width="30px" height="30px"
                    class="img-circle elevation-1" alt="User Image" style="margin-top:-4px;">
            <?php endif; ?>
        </a>

<div class="dropdown-menu dropdown-menu-md dropdown-menu-right">
            <span class="dropdown-item dropdown-header">
                <?php echo e(Auth::user()->name . ' ' . Auth::user()->lastName); ?>

</span>
            <div class="dropdown-divider"></div>
            <a href="<?php echo e(url('/profile')); ?>" class="dropdown-item">
                <i class="mr-2 fas fa-user"></i> Profile
            </a>
            <a class="dropdown-item" href="#"
                onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                <i class="mr-2 fas fa-power-off"></i> Logout
            </a>
            <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" style="display: none;">
                <?php echo csrf_field(); ?>
            </form>
        </div>
    </li>
<?php else: ?>
    <li class="nav-item">
        <a class="nav-link" href="<?php echo e(route('login')); ?>">
            <i class="fas fa-sign-in-alt"></i> Login
        </a>
    </li>
<?php endif; ?>

</ul>
        </nav>

<aside class="main-sidebar">
            
            <a href="<?php echo e(url('/home')); ?>" class="brand-link"
                style=" padding-top: 1.4rem !important; padding-bottom: 1.25rem !important; background-color:rgb(75, 76, 109) !important;">

<center><img src="<?php echo e(asset('https://dustyhelmets.com/public/assets/images/logo.jpg')); ?>"
                        width="33px" height="33px" alt="Zalego Smart Hr Logo" class="imgWrapper"></center>
            </a>
            
            <div class="sidebar" style=" background-color:rgb(75, 76, 109) !important; ">
                
                <nav class="mt-2">
                    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
                        data-accordion="false">
                        <li class="nav-header btn btn-primary btn-header">
                            <a href="<?php echo e(url('/home')); ?>">Dashboard</a>
                        </li>
                        <li class="nav-item has-treeview">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fa fa-screwdriver fa-fw"></i>
                                <p>
                                    CMS
                                    <i class="right fa fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="<?php echo e(url('/pages/home')); ?>" class="nav-link">
                                        <p class="ml-3">
                                            <i class="nav-icon fa fa-home"></i>
                                            Home
                                        </p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="<?php echo e(url('/pages/contactus')); ?>" class="nav-link">
                                        <p class="ml-3">
                                            <i class="nav-icon fa fa-tty"></i>
                                            Contact Us
                                        </p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="<?php echo e(url('/pages/bikes')); ?>" class="nav-link">
                                        <p class="ml-3">
                                            <i class="nav-icon fa fa-motorcycle"></i>
                                            Bikes and Kits
                                        </p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="<?php echo e(url('/footer')); ?>" class="nav-link">
                                        <p class="ml-3">
                                            <i class="nav-icon fa fa-chess"></i>
                                            Footer
                                        </p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="<?php echo e(url('/pages/gallery')); ?>" class="nav-link">
                                        <p class="ml-3">
                                            <i class="nav-icon fa fa-photo-video"></i>
                                            Gallery
                                        </p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="<?php echo e(url('/pages/menu')); ?>" class="nav-link">
                                        <p class="ml-3">
                                            <i class="nav-icon fa fa-bars"></i>
                                            Menu
                                        </p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="<?php echo e(url('/pages/ourTeam')); ?>" class="nav-link">
                                        <p class="ml-3">
                                            <i class="nav-icon fa fa-users"></i>
                                            Our Team
                                        </p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="<?php echo e(url('/pages/itineraries')); ?>" class="nav-link">
                                        <p class="ml-3">
                                            <i class="nav-icon fa fa-tasks"></i>
                                            Itineraries
                                        </p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="<?php echo e(url('/pages/mission')); ?>" class="nav-link">
                                        <p class="ml-3">
                                            <i class="nav-icon fa fa-check"></i>
                                            Our Mission
                                        </p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="<?php echo e(url('/pages/impact')); ?>" class="nav-link">
                                        <p class="ml-3">
                                            <i class="nav-icon fa fa-database"></i>
                                            Our Impact
                                        </p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="<?php echo e(url('/sliders')); ?>" class="nav-link">
                                        <p class="ml-3">
                                            <i class="nav-icon fa fa-sliders-h"></i>
                                            Sliders
                                        </p>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="nav-item">
                            <a href="<?php echo e(url('/itenetary')); ?>" class="nav-link">
                                <i class="nav-icon fa fa-tasks"></i>
                                <p>
                                    Itineraries
                                </p>
                            </a>
                        </li>
                        <li class="nav-item has-treeview">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fa fa-plug fa-fw"></i>
                                <p>
                                    Administration
                                    <i class="right fa fa-angle-left"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">
                                <li class="nav-item">
                                    <a href="<?php echo e(url('/users')); ?>" class="nav-link">
                                        <p class="ml-3">
                                            <i class="nav-icon fa fa-users"></i>
                                            Users
                                        </p>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="<?php echo e(url('/profile')); ?>" class="nav-link">
                                        <p class="ml-3">
                                            <i class="nav-icon fa fa-user-circle"></i>
                                            Profile
                                        </p>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="nav-item">
                            <a href="<?php echo e(url('/logout')); ?>" class="nav-link">
                                <i class="nav-icon fa fa-power-off"></i>
                                <p>
                                    Logout
                                </p>
                            </a>
                        </li>
                    </ul>
                </nav>
                
            </div>
            
        </aside>
        <?php echo $__env->yieldContent('content'); ?>
        <footer class="main-footer">
            <strong>Copyright &copy;
                <script type="text/javascript">
                    document.write(new Date().getFullYear());
                </script>
                <a href="#"><strong class="text-warning">Designed And Developed By Zalego Academy.</strong></a>
                All Right Reserved
            </strong>
        </footer>
        <aside class="control-sidebar control-sidebar-dark">
        </aside>
    </div>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://unpkg.com/chart.js@2.9.3/dist/Chart.min.js"></script>
    
    <script src="<?php echo e(asset('public/assets/dashboard/plugins/datatables/jquery.dataTables.js')); ?>"></script>
    <script src="<?php echo e(asset('public/assets/dashboard/plugins/datatables-bs4/js/dataTables.bootstrap4.js')); ?>"></script>
    
    <script src="<?php echo e(asset('public/resources/dist/js/adminlte.min.js')); ?>"></script>
    
    <script src="<?php echo e(asset('public/assets/dashboard/plugins/sparklines/sparkline.js')); ?>"></script>
    
    <script src="<?php echo e(asset('public/assets/dashboard/plugins/jqvmap/jquery.vmap.min.js')); ?>"></script>
    <script src="<?php echo e(asset('public/assets/dashboard/plugins/jqvmap/maps/jquery.vmap.usa.js')); ?>"></script>
    
    <script src="<?php echo e(asset('public/assets/dashboard/plugins/jquery-knob/jquery.knob.min.js')); ?>"></script>
    
    <script src="<?php echo e(asset('public/assets/dashboard/plugins/moment/moment.min.js')); ?>"></script>
    <script src="<?php echo e(asset('public/assets/dashboard/plugins/daterangepicker/daterangepicker.js')); ?>"></script>
    
    <script src="<?php echo e(asset('public/assets/dashboard/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js')); ?>">
    </script>
    
    <script src="<?php echo e(asset('public/assets/dashboard/plugins/summernote/summernote-bs4.min.js')); ?>"></script>
    
    <script src="<?php echo e(asset('public/assets/dashboard/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js')); ?>"></script>
    <script src="https://js.cx/libs/animate.js"></script>
    
    
    <script src="<?php echo e(asset('public/assets/dashboard/plugins/bootstrap/js/bootstrap.bundle.min.js')); ?>"></script>
    
    <script src="<?php echo e(asset('public/assets/dashboard/dist/js/pages/dashboard.js')); ?>"></script>
    
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js"></script>
    <script src="<?php echo e(asset('public/resources/master/bower_components/ckeditor/ckeditor.js')); ?>"></script>
    <script src="<?php echo e(asset('public/assets/dashboard/dist/js/demo.js')); ?>"></script>
    <script src="<?php echo e(asset('public/resources/select2/js/select2.full.js')); ?>"></script>
    <script src="<?php echo e(asset('public/resources/sweetalert2/sweetalert2.min.js')); ?>"></script>
    <script src="<?php echo e(asset('public/vendor/sweetalert/sweetalert.all.js')); ?>"></script>
    
    <script>
        var editor_config = {
            path_absolute: "http://wataalamu.zalegoinstitute.ac.ke/public",
            selector: "textarea.my-editor",
            plugins: [
                "advlist autolink lists link image charmap print preview hr anchor pagebreak",
                "searchreplace wordcount visualblocks visualchars code fullscreen",
                "insertdatetime media nonbreaking save table contextmenu directionality",
                "emoticons template paste textcolor colorpicker textpattern"
            ],
            toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media",
            relative_urls: false,
            file_browser_callback: function(field_name, url, type, win) {
                var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName(
                    'body')[0].clientWidth;
                var y = window.innerHeight || document.documentElement.clientHeight || document
                    .getElementsByTagName('body')[0].clientHeight;

var cmsURL = editor_config.path_absolute + 'laravel-filemanager?field_name=' + field_name;
                if (type === 'image') {
                    cmsURL = cmsURL + "&type=Images";
                } else {
                    cmsURL = cmsURL + "&type=Files";
                }

tinyMCE.activeEditor.windowManager.open({
                    file: cmsURL,
                    title: 'Filemanager',
                    width: x * 0.8,
                    height: y * 0.8,
                    resizable: "yes",
                    close_previous: "no"
                });
            }
        };

tinymce.init(editor_config);
    </script>
    <script type="text/javascript">
        $('.select2').select2()

//Initialize Select2 Elements
        $('.select2bs4').select2({
            theme: 'bootstrap4',
            closeOnSelect: false,
            allowClear: true,
        })
        $(function() {
            // Replace the <textarea id="editor1"> with a CKEditor
            // instance, using default configuration.
            CKEDITOR.replace('editor1', {
                height: '100px'
            })
            //config height

//bootstrap WYSIHTML5 - text editor
            $('.textarea').wysihtml5()
        })
        $(function() {
            // Replace the <textarea id="editor1"> with a CKEditor
            // instance, using default configuration.
            CKEDITOR.replace('editor2', {
                height: '100px'
            })
            //config height

//bootstrap WYSIHTML5 - text editor
            $('.textarea').wysihtml5()
        })
        $(function() {
            // Replace the <textarea id="editor1"> with a CKEditor
            // instance, using default configuration.
            CKEDITOR.replace('editor3', {
                height: '100px'
            })
            //config height

//bootstrap WYSIHTML5 - text editor
            $('.textarea').wysihtml5()
        })
    </script>
    <script>
        $(function() {
            $("#example1").DataTable();
            $("#example2").DataTable();
            $("#example3").DataTable();
            $("#example4").DataTable();
            $("#example5").DataTable();
            $("#example6").DataTable();
            $("#example7").DataTable();
            $("#example8").DataTable();
            $("#example9").DataTable();
        });
    </script>
    <script>
        function renderTimeDesktop() {

var currentTime = new Date();
            var diem = "AM"
            var h = currentTime.getHours();
            var m = currentTime.getMinutes();
            var s = currentTime.getSeconds();

if (h === 0) {
                h = 12
            } else if (h > 12) {
                h = h - 12;
                diem = "PM";

}

if (h < 10) {
                h = "0" + h;

}

if (m < 10) {
                m = "0" + m;

}

if (s < 10) {
                s = "0" + s;

}

var myClock = document.getElementById('clockdisplayDesktop')
            //myClock.textContent = h + ":" + m + ":" + s + " " +diem;
            myClock.innerHTML = h + ":" + m + ":" + s + " " + "<sup style='font-size:12px;'>" + diem + "</sup>";
            setTimeout(renderTimeDesktop, 1000);
        }

renderTimeDesktop();

function makeEaseOut(timing) {
            return function(timeFraction) {
                return 1 - timing(1 - timeFraction);
            }
        }

function bounce(timeFraction) {
            for (let a = 0, b = 1, result; 1; a += b, b /= 2) {
                if (timeFraction >= (7 - 4 * a) / 11) {
                    return -Math.pow((11 - 6 * a - 11 * timeFraction) / 4, 2) + Math.pow(b, 2)
                }
            }
        }

let bounceEaseOut = makeEaseOut(bounce);
    </script>
</body>

</html>
<?php /**PATH /home/dustyhe2/public_html/resources/views/layouts/admin.blade.php ENDPATH**/ ?>