1 Star 0 Fork 8

94wxd/yorick_disk_web

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
bin.html 9.91 KB
一键复制 编辑 原始数据 按行查看 历史
yorick 提交于 2023-07-30 19:35 . 文件永久删除功能
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yorick Disk 回收站</title>
<!--Favicon -->
<link rel="icon" href="assets/img/favicon.ico" type="image/x-icon"/>
<!--Bootstrap.min css-->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<!--Icons css-->
<link rel="stylesheet" href="assets/css/icons.css">
<!--Style css-->
<link rel="stylesheet" href="assets/css/style.css">
<!--mCustomScrollbar css-->
<link rel="stylesheet" href="assets/plugins/scroll-bar/jquery.mCustomScrollbar.css">
<!--Sidemenu css-->
<link rel="stylesheet" href="assets/plugins/toggle-menu/sidemenu.css">
<!--Chartist css-->
<link rel="stylesheet" href="assets/plugins/chartist/chartist.css">
<link rel="stylesheet" href="assets/plugins/chartist/chartist-plugin-tooltip.css">
<!--Full calendar css-->
<link rel="stylesheet" href="assets/plugins/fullcalendar/stylesheet1.css">
<!--morris css-->
<link rel="stylesheet" href="assets/plugins/morris/morris.css">
<!--Toastr css-->
<link rel="stylesheet" href="assets/plugins/toastr/build/toastr.css">
<link rel="stylesheet" href="assets/plugins/toaster/garessi-notif.css">
<!--yorick css-->
<link rel="stylesheet" href="assets/css/yorick-style.css">
<style>
.banner-btns{
margin-left: 10px;
}
.folder-warning{
color: rgba(150, 149, 149, 0.83);
}
</style>
</head>
<body class="app ">
<div id="spinner"></div>
<div id="app">
<div class="main-wrapper" >
<nav class="navbar navbar-expand-lg main-navbar">
<a class="header-brand" href="index.html">
<img src="assets/img/brand/logo.png" class="header-brand-img" alt="Kharna-Admin logo">
</a>
<form class="form-inline mr-auto" onsubmit="return false">
<ul class="navbar-nav mr-3">
<li><a href="#" data-toggle="sidebar" class="nav-link nav-link-lg"><i class="ion ion-navicon-round"></i></a></li>
<li><a href="#" data-toggle="search" class="nav-link nav-link-lg d-md-none navsearch"><i class="ion ion-search"></i></a></li>
</ul>
<div class="search-element">
<input class="form-control" id="search" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-primary" id="searchBtn"><i class="ion ion-search"></i></button>
</div>
<div class="banner-btns dropdown-list-toggle">
</div>
</form>
<ul class="navbar-nav navbar-right">
<li class="dropdown dropdown-list-toggle"><a href="#" id="notification" data-toggle="dropdown" class="nav-link nav-link-lg"><i class="ion-ios-bell-outline"></i></a>
<div class="dropdown-menu dropdown-list dropdown-menu-right">
<div class="dropdown-header">Notifications
</div>
<div class="dropdown-list-content">
</div>
</div>
</li>
<li class="dropdown dropdown-list-toggle">
<a href="#" class="nav-link nav-link-lg full-screen-link">
<i class="ion-arrow-expand" id="fullscreen-button"></i>
</a>
</li>
<li class="dropdown"><a href="#" data-toggle="dropdown" class="nav-link dropdown-toggle nav-link-lg">
<img alt="profile-user" class="rounded-circle banner-head">
<div class="d-sm-none d-lg-inline-block banner-name">Jessica Lee</div></a>
<div class="dropdown-menu dropdown-menu-right">
<a href="#" id="myAccountPanelBtn" class="dropdown-item has-icon">
<i class="ion ion-android-person"></i> 管理我的账号
</a>
<a href="#" class="dropdown-item has-icon" id="logoutBtn">
<i class="ion-ios-redo"></i> 退出
</a>
</div>
</li>
</ul>
</nav>
<aside class="app-sidebar">
<div class="app-sidebar__user">
<div class="dropdown">
<a class="nav-link pl-2 pr-2 leading-none d-flex" data-toggle="dropdown" href="#">
<img alt="image" class="avatar-md rounded-circle banner-head">
<span class="ml-2 d-lg-block">
<span class="text-white app-sidebar__user-name mt-5 banner-name">Jessica Lee</span><br>
<span class="text-muted app-sidebar__user-name text-sm banner-account" data-toggle="tooltip" data-placement="right"> Web-Designer</span>
</span>
</a>
</div>
</div>
<ul class="side-menu">
<li>
<a class="side-menu__item" href="index.html"><i class="side-menu__icon fa fa-desktop"></i><span class="side-menu__label">我的文件</span></a>
<a class="side-menu__item" href="bin.html"><i class="side-menu__icon fa fa-trash"></i><span class="side-menu__label">回收站</span></a>
<a class="side-menu__item" href="index.html"><i class="side-menu__icon fa fa-cloud"></i><span class="side-menu__label">存储空间</span></a>
<a class="side-menu__item" href="index.html"><i class="side-menu__icon fa fa-gear"></i><span class="side-menu__label">系统设置</span></a>
</li>
<div id="sideMenuItem"></div>
</ul>
</aside>
<div class="app-content">
<section class="section">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="bin.html" class="text-muted">回收站</a></li>
</ol>
<div class="row" id="fileList">
</div>
</section>
<div class="banner-btns mobile-only" style="position: absolute; bottom: 20px; right: 20px;">
<span onclick="$('#fileInput').click()" id="uploadModalBtn2" class="btn btn-primary m-b-5 m-t-5" style="display: none;"><i class="fe fe-upload"></i></span>
<span onclick="newFolder()" class="btn btn-outline-primary m-b-5 m-t-5"><i class="fe fe-folder-plus"></i></span>
</div>
</div>
<footer class="main-footer">
<div class="text-center">
Copyright &copy;Kharna-Admin 2018. Edited By<a href="https://gitee.com/yorickromantic"> Yorick</a>
</div>
</footer>
</div>
</div>
<div id="binFileModal" class="modal fade">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h6 class="tx-14 mg-b-0 tx-uppercase tx-inverse tx-bold">提示</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>该文件不能打开,因为它在回收站</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
<div id="deleteForeverModal" class="modal fade">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h6 class="tx-14 mg-b-0 tx-uppercase tx-inverse tx-bold">提示</h6>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form class="form-horizontal">
<div class="form-group row" hidden>
<div class="col-md-12">
<input type="text" id="deleteDID" class="form-control">
</div>
</div>
</form>
<p class="mb-0">是否永久删除此文件或文件夹及其以下所有内容?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary" id="deleteForeverBtn">确定</button>
</div>
</div>
</div>
</div>
<div id="popupRC" style="display:none; z-index: 999;"
class="panel panel-primary">
<div class="panel-body">
<div id="lg-clickable">
<div class="list-group">
<a href="#" class="list-group-item list-group-item-action" onclick="restoreFile()">还原</a>
<a href="#" class="list-group-item list-group-item-action" onclick="deleteForeverModal()">永久删除</a>
</div>
</div>
</div>
</div>
<form id="form-uploadFile" enctype="multipart/form-data">
<input id="fileInput" style="display:none" type="file" name="logFile"/>
</form>
<!--Jquery.min js-->
<script src="assets/js/jquery.min.js"></script>
<!--popper js-->
<script src="assets/js/popper.js"></script>
<!--Tooltip js-->
<script src="assets/js/tooltip.js"></script>
<!--Bootstrap.min js-->
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!--Jquery.nicescroll.min js-->
<script src="assets/plugins/nicescroll/jquery.nicescroll.min.js"></script>
<!--Scroll-up-bar.min js-->
<script src="assets/plugins/scroll-up-bar/dist/scroll-up-bar.min.js"></script>
<!--Sidemenu js-->
<script src="assets/plugins/toggle-menu/sidemenu.js"></script>
<!--mCustomScrollbar js-->
<script src="assets/plugins/scroll-bar/jquery.mCustomScrollbar.concat.min.js"></script>
<!-- ECharts -->
<script src="assets/plugins/echarts/dist/echarts.js"></script>
<!--Min Calendar -->
<script src="assets/plugins/fullcalendar/calendar.min.js"></script>
<script src="assets/plugins/fullcalendar/custom_calendar.js"></script>
<!--Morris js-->
<script src="assets/plugins/morris/morris.min.js"></script>
<script src="assets/plugins/morris/raphael.min.js"></script>
<!--Scripts js-->
<script src="assets/js/scripts.js"></script>
<!--Dashboard js-->
<script src="assets/js/dashboard.js"></script>
<script src="assets/js/apexcharts.js"></script>
<!--Toastr js-->
<script src="assets/plugins/toastr/build/toastr.min.js"></script>
<script src="assets/plugins/toaster/garessi-notif.js"></script>
<!--countUp js-->
<script type="text/javascript" src="assets/plugins/count-up/jquery.countup.js"></script>
<script type="text/javascript" src="assets/plugins/count-up/jquery.waypoints.min.js"></script>
<!--后台接口-->
<script src="js/index.js"></script>
<script src="js/bin.js"></script>
<script>
$(document).ready(function () {
getTreeData();
})
</script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/w94wxd/yorick_disk_web.git
[email protected]:w94wxd/yorick_disk_web.git
w94wxd
yorick_disk_web
yorick_disk_web
master

搜索帮助