1 Star 0 Fork 213

郑子义/trashbin

forked from milaoshu1020/trashbin
关闭
 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
options.html 13.32 KB
一键复制 编辑 原始数据 按行查看 历史
milaoshu1020 提交于 2024-07-25 19:50 . 垃圾桶扩展:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/png" href="images/ico55-002.png">
<title>垃圾桶设置</title>
<script type="text/javascript" src="js/jquery-3.7.1.js"></script>
<script type="text/javascript" src="js/FileSaver.min.js"></script>
<script type="text/javascript" src="js/options.js"></script>
<style>
html, body {
width: 99%;
height: 99%;
}
body {
background-color: #f3f3f3;
color: #3282F6;
text-align: left;
display: flex;
flex-direction: row;
justify-content: center;
}
body[data-tab="data"] div#content-data,
body[data-tab="whitelist"] div#content-whitelist {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
body[data-tab="sendemail"] div#content-sendemail {
width: 100%;
height: auto;
display: block;
}
body[data-tab="data"] li#tab-data,
body[data-tab="whitelist"] li#tab-whitelist,
body[data-tab="sendemail"] li#tab-sendemail {
border-bottom-color: rgb(205,205,205);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(205,205,205);
border-left-style: solid;
border-left-width: 1px;
border-top-color: rgb(205,205,205);
border-top-style: solid;
border-top-width: 1px;
margin-right: -1px;
background-color: white;
}
section.data {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
section.email {
width: 100%;
height: auto;
display: block;
}
select#sendemail-class {
width: 100%;
overflow: auto;
}
p.info {
font-size: 9pt;
}
textarea.data {
width: 99.5%;
height: 100%;
}
textarea.description {
width: 99.5%;
}
div,nav {
display: block;
z-index: 2;
}
nav > ul {
display: block;
padding-left: 0px;
}
nav li {
cursor: pointer;
display: block;
text-align: left;
padding: 5px;
}
nav li:hover {
background-color: rgb(234,234,234);
}
body[data-tab="data"] main,
body[data-tab="whitelist"] main {
display: flex;
flex-direction: column;
height: 99%;
}
body[data-tab="sendemail"] main {
display: block;
height: auto;
overflow: auto;
}
main {
padding: 5px;
background-color: white;
width: 99%;
max-width: 1000px;
border-color: rgb(205,205,205);
border-width: 1px;
border-style: solid;
z-index: 1;
}
main > div {
display: none;
}
input[type="button"] {
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
}
#trashbin-clearsitediv {
background-color: yellow;
}
#sidebar {
width: 14.3rem;
flex-shrink: 0;
}
pre {
white-space: pre-wrap;
word-wrap: break-word;
}
div#email-content {
border-style: dashed;
border-color: gray;
border-width: 2px;
}
img#email-screenshot {
object-fit: contain;
width: 100%;
}
</style>
</head>
<body data-tab="data">
<div id="sidebar">
<header>
<h1 id="trashbin-title">&nbsp;垃圾桶设置</h1>
</header>
<nav>
<ul>
<li id="tab-data"><h2>&nbsp;垃圾桶数据</h2></li>
<li id="tab-whitelist"><h2>&nbsp;白名单</h2></li>
<li id="tab-sendemail"><h2>&nbsp;发送举报邮件</h2></li>
</ul>
</nav>
<footer></footer>
</div>
<main>
<div id="content-data">
<header>
<h1>垃圾桶数据</h1>
<p class="info">使用方式: Ctrl+鼠标右键点击 将指向的网页元素丢入垃圾桶, Ctrl+Shift+鼠标右键点击 可以在将指向的网页元素丢入垃圾桶的同时进行举报. <a target="_blank" href="https://gitee.com/milaoshu1020/trashbin"><strong>[项目地址]</strong></a></p>
</header>
<section class="data">
<textarea id="trashbin-data" class="data"></textarea>
<br>
<div>
<input type="button" id="trashbin-save" value="保存" />
<input type="button" id="trashbin-clear" value="清空" />
<input type="button" id="trashbin-reload" value="重载" />
<input type="button" id="trashbin-backup" value="备份" />
<input type="button" id="trashbin-restore" value="恢复" />
<input type="button" id="trashbin-exportreport" value="导出站点统计" />
<input type="button" id="trashbin-clearsite" value="删除站点数据" />
<div id="trashbin-clearsitediv" style="display:none">
host:
<input type="text" id="trashbin-sitetoclear" size="10" />
<input type="button" id="trashbin-clearsiteok" value="删除数据">
</div>
<input type="file" id="fileInput" style="display:none" accept=".bak"/>
</div>
</section>
</div>
<div id="content-whitelist">
<header>
<h1>白名单</h1>
<p class="info">符合这些正则表达式的网址将被垃圾桶忽略(每行一个).</p>
</header>
<section class="data">
<textarea id="whitelist-data" class="data"></textarea>
<br>
<div>
<input type="button" id="whitelist-save" value="保存" />
<input type="button" id="whitelist-clear" value="清空" />
<input type="button" id="whitelist-reload" value="重载" />
<input type="button" id="whitelist-backup" value="备份" />
<input type="button" id="whitelist-restore" value="恢复" />
<input type="file" id="fileInput2" style="display:none" accept=".bak"/>
</div>
</section>
</div>
<div id="content-sendemail">
<header>
<h1>发送举报邮件</h1>
<table>
<tr>
<td>
收件人: <br><strong><span id="mailto">jubao@12377.cn</span></strong><br>
<br>
邮件主题: <br><strong><span id="subject">(未选择)</span></strong><br>
</td>
<td>
<p class="info">
1. 请先查看 <a target="_blank" href="https://www.12377.cn/jbzn.html?tab=4"><strong>[举报指南]</strong></a> , 然后选择当前页面下方的举报类别,输入举报内容描述以替换description的占位内容; <br>
2. 点击 <strong>[自动复制内容到剪贴板并发送邮件]</strong> 启动邮件客户端, 启动客户端时收件人/主题都是填好的, 可以根据实际情况修改; <br>
3. 在客户端的邮件正文中按CTRL+V或者鼠标右键菜单选择粘贴; 如果图片没有正确粘贴, 可能需要单独复制图片, 然后在客户端中选择粘贴图片; <br>
4. 如果选择的是其他类,则可能需要手动修改邮件标题; <br>
5. 点击邮件客户端的 <strong>[发送]</strong> 按钮进行举报, 注意: 1天最多举报30次; 客服表示邮件举报没有查询码; <br>
</p>
</td>
</tr>
</table>
</header>
<section class="email">
<div id="email-content">
<div id="email-text">
<pre id="email-code"></pre>
</div>
<img id="email-screenshot" alt="页面截图." title="页面截图.">
</div>
<select id="sendemail-class">
<option>======================================================== 请选择举报类别 ========================================================</option>
<option>政治类 - 攻击党和国家制度及重大方针政策</option>
<option>政治类 - 攻击“两个维护”</option>
<option>政治类 - 危害国家安全、泄露国家机密</option>
<option>政治类 - 破坏国家统一和领土完整</option>
<option>政治类 - 损害国家形象荣誉利益</option>
<option>政治类 - 破坏国家民族宗教政策、宣扬邪教</option>
<option>政治类 - 诋毁英雄烈士</option>
<option>暴恐类 - 宣扬暴力恐怖思想</option>
<option>暴恐类 - 教唆实施暴力恐怖活动</option>
<option>暴恐类 - 传授暴恐犯罪技能</option>
<option>暴恐类 - 传播暴力血腥视频、图片</option>
<option>诈骗类 - 仿冒银行网站进行支付交易诈骗</option>
<option>诈骗类 - 仿冒电信运营商网站进行支付充值诈骗</option>
<option>色情类 - 含有色情内容的信息</option>
<option>色情类 - 儿童色情信息</option>
<option>低俗类 - 含有低俗内容的信息</option>
<option>赌博类 - 网络博彩</option>
<option>赌博类 - 其他含有赌博内容的信息</option>
<option>侵权类 - 境内公开互联网平台上涉嫌泄露个人隐私、侮辱谩骂、诽谤诋毁的信息</option>
<option>谣言类 - 公共政策</option>
<option>谣言类 - 社会安全</option>
<option>谣言类 - 自然灾害</option>
<option>谣言类 - 食药安全</option>
<option>谣言类 - 卫生健康</option>
<option>谣言类 - 科学知识</option>
<option>谣言类 - 历史文化</option>
<option>生活服务类平台问题 - 为线下违法活动引流</option>
<option>生活服务类平台问题 - 搜索环节呈现违法信息</option>
<option>生活服务类平台问题 - 发布违规营销信息</option>
<option>生活服务类平台问题 - 组织操纵刷分控评</option>
<option>生活服务类平台问题 - 重点环节推荐低俗不良信息</option>
<option>生活服务类平台问题 - 传播网络迷信信息</option>
<option>生活服务类平台问题 - 散布炫富拜金、暴饮暴食等不良导向信息</option>
<option>涉及“网络水军”问题</option>
<option>境内网站平台上编造传播的损害企业及企业家名誉的虚假不实信息</option>
<option>涉历历史虚无主义的有害信息 - 歪曲党史、新中国史、改革开放史、社会主义发展史的</option>
<option>涉历历史虚无主义的有害信息 - 攻击党的领导、指导思想、政策方针的</option>
<option>涉历历史虚无主义的有害信息 - 诋毁英雄烈士的</option>
<option>涉历历史虚无主义的有害信息 - 否定中华优秀文化、革命文化、社会主义先进文化的</option>
<option>涉疫情防控的有害信息 - 涉及疫情防控政治类有害信息</option>
<option>涉网络文化产品的有害信息 - 境内外网络影视剧、动漫、游戏等网络文化产品中攻击党和国家制度</option>
<option>涉网络文化产品的有害信息 - 境内外网络影视剧、动漫、游戏等网络文化产品中危害国家安全</option>
<option>涉网络文化产品的有害信息 - 境内外网络影视剧、动漫、游戏等网络文化产品中损害国家形象</option>
<option>涉网络文化产品的有害信息 - 境内外网络影视剧、动漫、游戏等网络文化产品中宣扬历史虚无主义</option>
<option>涉网络文化产品的有害信息 - 境内外网络影视剧、动漫、游戏等网络文化产品中诋毁英雄烈士</option>
<option>涉网络文化产品的有害信息 - 提供有害网络文化存储、下载、播放、售卖等服务的网站</option>
<option>涉网络文化产品的有害信息 - 提供有害网络文化存储、下载、播放、售卖等服务的APP</option>
<option>涉网络文化产品的有害信息 - 提供有害网络文化存储、下载、播放、售卖等服务的云服务器</option>
<option>涉网络文化产品的有害信息 - 提供有害网络文化存储、下载、播放、售卖等服务的云盘</option>
<option>涉网络文化产品的有害信息 - 提供有害网络文化存储、下载、播放、售卖等服务的其他传播平台和渠道</option>
<option>涉网络文化产品的有害信息 - 其他涉网络文化产品的有害信息</option>
<option>涉未成年人网络生态乱象问题 - 侵犯未成年人个人隐私问题,对未成年人人身攻击、侮辱谩骂等网络欺凌行为,对未成年人造成不良导向的污言秽语等内容</option>
<option>涉未成年人网络生态乱象问题 - 利用“网红儿童”牟利以及让未成年人做出不雅姿势、性暗示动作吸引流量问题,诱导未成年人做危险动作等行为</option>
<option>涉未成年人网络生态乱象问题 - 为未满16周岁的未成年人提供网络主播服务,诱导未成年人参与直播打赏的问题</option>
<option>涉未成年人网络生态乱象问题 - 以未成年人为形象创作的色情小说、漫画内容,引诱未成年人不良交友、煽动负面情绪等问题</option>
<option>涉未成年人网络生态乱象问题 - 利用社交软件、群组、同城频道等,对未成年人进行性引诱、教唆未成年人拍摄裸露视频图片、实施网络猥亵等行为</option>
<option>涉未成年人网络生态乱象问题 - 散布虚假信息、虚构离奇故事和低俗剧情进行炒作引流、恶意营销等问题,以及炫富拜金、奢靡享乐、扭曲审美等问题</option>
<option>涉未成年人网络生态乱象问题 - 向未成年人提供网络游戏账号租售服务的信息,以问答等形式教授破解防沉迷系统的信息内容</option>
<option>涉未成年人网络生态乱象问题 - 学习类APP和板块存在色情低俗及其他导向不良内容</option>
<option>涉未成年人网络生态乱象问题 - 电商平台商品信息以及评论区、问答区等互动环节展示涉未成年人低俗、血腥等内容</option>
<option>涉未成年人网络生态乱象问题 - 专门供未成年人使用的智能手表、智能音箱、平板电脑、早教故事机等智能设备存在的违法不良信息</option>
<option>其他类 - 请自行说明</option>
</select>
<textarea id="email-description" class="description" rows="3">请输入举报内容描述(不能超过500个字符)</textarea>
<br>
<div>
<input type="button" id="sendemail-copy-send" value="自动复制内容到剪贴板并发送邮件(在邮件客户端中直接粘贴就行了)" />
<input type="button" id="sendemail-copy-send-comp" value="使用兼容模式发送" />
<input type="button" id="sendemail-save-screenshot" value="保存截图文件" />
<input type="button" id="sendemail-clear" value="清空" />
</div>
</section>
</div>
</main>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/zheng6096/trashbin.git
git@gitee.com:zheng6096/trashbin.git
zheng6096
trashbin
trashbin
master

搜索帮助