大佬图床

gwcx · Aug 8, 2023 · c77f590 · c77f590
commit c77f590
Show file tree

Hide file tree

Showing 32 changed files with 3,078 additions and 0 deletions.
diff --git a/about.html b/about.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>About - 大佬图床</title>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
+    <link rel="shortcut icon" href="/asset/image/favicon.png" />
+    <link rel="bookmark" href="/asset/image/favicon.png" />
+    <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.10.4/font/bootstrap-icons.min.css" rel="stylesheet">
+    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/bootstrap.min.css" rel="stylesheet">
+
+    <!-- <link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css" rel="stylesheet"> -->
+    <link href="https://cdn.staticfile.org/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
+
+    <!-- <link href="https://cdn.bootcdn.net/ajax/libs/ionicons/7.1.0/collection/components/icon/icon.min.css" rel="stylesheet"> -->
+    <link href="/asset/css/notifyme.css" rel="stylesheet">
+    <link href="/asset/css/style.css" rel="stylesheet">
+    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
+
+</head>
+
+<body>
+    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+        <div class="container">
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
+                aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarCollapse">
+                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                    <li class="nav-item">
+                        <a class="nav-link " href="/">Home</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="./gallery.html">Gallery</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link active" href="./about.html">About</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container kv-main">
+        <div class="page-header">
+            <h1>关于</h1>
+        </div>
+        <div class="about-txt">
+            <h2><i class="far fa-laugh-squint"></i>声明</h2>
+            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;免费图床仅供分享图片使用，我们保留随时删除图片并举报上传违规图片者的权利</p>
+        </div>
+        <div class="about-ban">
+            <h2><i class="far fa-angry"></i>严禁</h2>
+            <ul>
+                <li>含有色情、暴力、宣扬恐怖主义的图片</li>
+                <li>侵犯版权、未经授权的图片</li>
+                <li>其他违反中华人民共和国法律的图片</li>
+                <li>没事来大佬博客逛一逛 www.dalao.pro</li>
+            </ul>
+        </div>
+        <!-- <div class="about-contact text-center">
+        </div> -->
+
+    </div>
+
+    <footer class="footer">
+        <div class="container text-center">
+            <p class="text-muted">Copyright Ⓒ 2023 All rights reserved. 请勿上传违反中国法律的图片，违者后果自负。 
+            本站搭建由<a href="https://www.dalao.pro" target="_blank" >大佬博客</a>搭建维护</p>           
+        </div>
+    </footer>
+
+    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/js/bootstrap.min.js"></script>
+    <script src="https://cdn.bootcdn.net/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
+</body>
+
+</html>
diff --git a/admin.html b/admin.html
@@ -0,0 +1,280 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <!-- import CSS -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.15.3/lib/theme-chalk/index.css" integrity="sha256-ghr1zmXTODLKl1HULQd6fq1MIe7m3FJiNTOCT8sddLM=" crossorigin="anonymous">
+</head>
+<body>
+  <div id="app">
+    <el-container>
+        <el-header>
+         <div style="
+         margin: auto;
+         line-height: 60px;
+         font-size: xx-large;
+         position: relative;
+     ">Dashboard
+
+
+     <span style="
+     position: absolute;
+     right: 0px;
+      " v-if="showLogoutButton"><el-button
+                    size="mini"
+                    type="info"
+                    @click="handleLogout()">退出登录</el-button></span></div> 
+        </el-header>
+        <el-main><el-row :gutter="12">
+            <el-col :span="24">
+              <el-card shadow="always">
+                记录总数量:
+                {{ Number }} 
+              </el-card>
+            </el-col>
+            <!--<el-col :span="8">
+              <el-card shadow="hover">
+                <el-tooltip class="item" effect="dark" content="白名单数量" placement="top-start">
+                   
+                </el-tooltip>
+                白名单数量：{{ WhiteList }}
+              </el-card>
+            </el-col>
+            <el-col :span="8">
+              <el-card shadow="hover">
+                <el-tooltip class="item" effect="dark" content="黑名单数量" placement="top-start">
+                
+              </el-tooltip>
+              黑名单数量：{{ BlackList }}
+              </el-card>
+            </el-col>-->
+          </el-row>
+          <template>
+            <el-table
+              :data="tableData.filter(data => !search || data.name.toLowerCase().includes(search.toLowerCase()))"
+              style="width: 100%">
+              <el-table-column
+                label="name"
+                prop="name">
+              </el-table-column>
+              <el-table-column
+                label="preview"
+                prop="preview">
+                <template slot-scope="scope">
+                  <el-image
+                    style="width: 100%; height: 100%;"
+                    :src="'/file/'+scope.row.name"
+                    :zoom-rate="1.2"
+                    :preview-src-list="['/file/'+scope.row.name]"
+                    fit="cover"
+                    lazy
+                  />
+
+                </template>
+              </el-table-column>
+              <el-table-column
+                label="data"
+                prop="data">
+                <template slot-scope="scope">
+                <el-popover trigger="hover" placement="top">
+                  <p>{{ scope.row.metadata }}</p>
+                  <div slot="reference" class="name-wrapper">
+                    <el-tag size="medium">{{ scope.row.metadata }}</el-tag>
+                  </div>
+                </el-popover>
+              </template>
+              </el-table-column>
+              <el-table-column
+                align="right">
+                <template slot="header" slot-scope="scope">
+                  <el-input
+                    v-model="search"
+                    size="mini"
+                    placeholder="输入关键字搜索"/>
+                </template>
+                <template slot-scope="scope">
+                  <el-button
+                    size="mini"
+                    type="primary"
+                    @click="handleWhite(scope.$index,scope.row.name)">白名单</el-button>
+                  <el-button
+                    size="mini"
+                    type="info"
+                    @click="handleBlock(scope.$index,scope.row.name)">黑名单</el-button>
+                    <el-button
+                    size="mini"
+                    type="danger"
+                    @click="handleDelete(scope.$index,scope.row.name)">删除</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+          </template>
+        </el-main>
+    </el-container>
+  </div>
+</body>
+  <!-- import Vue before Element -->
+  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js" integrity="sha256-kXTEJcRFN330VirZFl6gj9+UM6gIKW195fYZeR3xDhc=" crossorigin="anonymous"></script>
+  <!-- import JavaScript -->
+  <script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.3/lib/index.js" integrity="sha256-OFVFYfqhQ9nDnKh+NfIsefpy/fnjTwkK909ZYgo45nw=" crossorigin="anonymous"></script>
+  <script>
+    var app=new Vue({
+      el: '#app',
+      data: {
+        Number:0,
+        WhiteList:0,
+        BlackList:0,
+        showLogoutButton:false,
+        tableData: [],
+        dialogFormVisible: false,
+        formLabelWidth: '120px',
+        form: {
+          name: '',
+          id: ''
+        },
+        search: '',
+        password:'123456'
+      },
+      methods: {
+      handleBlock(index,key) {
+        console.log(key);
+        if (confirm("确认加入黑名单吗?")) {
+        console.log("Yes")
+        var requestOptions = {
+          method: 'GET',
+          redirect: 'follow',
+          //include authorization credientials
+          credentials: 'include'
+        };
+
+        fetch("./api/manage/block/"+key, requestOptions)
+          .then(response => response.text())
+          .then(result => {console.log(result);
+            this.tableData[index].metadata=result;})
+          .catch(error =>  {alert("An error occurred while synchronizing data with the server, please check the network connection");console.log('error', error)});
+
+        } else {
+        console.log("No")
+      }
+    },
+    handleDelete(index,key) {
+        console.log(key);
+        if (confirm("确认删除该条记录吗?")) {
+        console.log("Yes")
+        var requestOptions = {
+          method: 'GET',
+          redirect: 'follow',
+          //include authorization credientials
+          credentials: 'include'
+        };
+
+        fetch("./api/manage/delete/"+key, requestOptions)
+          .then(response => response.text())
+          .then(result => {console.log(result);this.tableData.remove(index);})
+          .catch(error =>  {alert("An error occurred while synchronizing data with the server, please check the network connection");console.log('error', error)});
+
+        } else {
+        console.log("No")
+      }
+    },
+    handleWhite(index,key) {
+      console.log(key);
+      if (confirm("确认加入白名单吗?")) {
+      console.log("Yes")
+      var requestOptions = {
+        method: 'GET',
+        redirect: 'follow',
+        //include authorization credientials
+        credentials: 'include'
+      };
+      fetch("./api/manage/white/"+key, requestOptions)
+          .then(response => response.text())
+          .then(result => {console.log(result);this.tableData[index].metadata=result;})
+          .catch(error =>  {alert("An error occurred while synchronizing data with the server, please check the network connection");console.log('error', error)});
+
+        } else {
+        console.log("No")
+      }
+
+      },
+      handleLogout(){
+        window.location.href="./api/manage/logout";
+      }
+    },
+
+    mounted () {
+      //check if the user is logged in
+      //read the basic auth credientials from the browser
+      var requestOptions = {
+        method: 'GET',
+        redirect: 'follow',
+        //include authorization credientials
+        credentials: 'include'
+      };
+      fetch("./api/manage/check", requestOptions)
+        .then(response => response.text())
+        .then(result => {console.log(result);
+          if(result=="true"){
+            this.showLogoutButton=true;
+          }else if(result=="Not using basic auth."){
+
+          }
+          else{
+            window.location.href="./api/manage/login";
+          }
+        })
+        .catch(error =>  {alert("An error occurred while synchronizing data with the server, please check the network connection");console.log('error', error)});
+
+
+
+      Array.prototype.remove = function(from, to) {
+        var rest = this.slice((to || from) + 1 || this.length);
+        this.length = from < 0 ? this.length + from : from;
+        return this.push.apply(this, rest);
+      };
+      var requestOptions = {
+  method: 'GET',
+  redirect: 'follow',
+  //include authorization credientials
+  credentials: 'include'
+
+};
+
+
+fetch("./api/manage/list", requestOptions)
+  //判断是否需要登录
+  .then(response => {
+    if(response.status==401){
+      alert("请先登录");
+      window.location.href="./api/manage/login";
+    }
+    else{
+      return response;
+    }
+  })
+  .then(response => response.text()) 
+  .then(result => {this.tableData=JSON.parse(result);console.log(result);this.Number=this.tableData.length})
+  .catch(error => {alert("An error occurred while synchronizing data with the server, please check the network connection");console.log('error', error)});
+
+    }
+    })
+
+  </script><!-- Hotjar Tracking Code -->
+<script>
+    (function(h,o,t,j,a,r){
+        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
+        h._hjSettings={hjid:2531461,hjsv:6};
+        a=o.getElementsByTagName('head')[0];
+        r=o.createElement('script');r.async=1;
+        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
+        a.appendChild(r);
+    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
+</script>
+<script type="text/javascript">
+  (function(c,l,a,r,i,t,y){
+      c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+      t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+      y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+  })(window, document, "clarity", "script", "7t5ai7agat");
+</script>
+</html>
diff --git a/asset/css/bootstrap-icons.min.css b/asset/css/bootstrap-icons.min.css