Skip to content

T
tools
Commit dac27f1a by 庄欣
Options

用户备注插件

parent 1ebc50bc
Showing with 149 additions and 80 deletions
mp-downloader/manifest.json
......@@ -15,7 +15,7 @@
}
],
"web_accessible_resources": [
"ui.html"
"ui.html", "static/icon.png"
],
"browser_action": {
"default_icon": "static/icon.png",
......
mp-downloader/static/css/main.css
.mpDonloaderParentDom {
height: 50px;
width: 100px;
border-radius: 10px;
background-color: #fffccc;
position: fixed;
top: 0;
left: calc(100vw - 500px);
right:20px;
bottom: 80px;
background-color: #fffccc;
border-radius: 30px;
width: 50px;
height: 50px;
border: 1px solid #ff8528;
display: flex;
align-content: center;
text-align: center;
justify-items: center;
justify-content: center;
color: brown;
z-index: 998;
cursor: pointer;
align-items: center;
align-content: center;
}
.mpDonloaderParentDom img {
height: 40px;
width: 40px;
}
.downloaderUi {
position: fixed;
width: 1080px;
......
mp-downloader/static/js/index.js
chrome.extension.onRequest.addListener(
function(request, sender, sendResponse) {
console.log("网页端");
console.log(request);
});
var urlCircle = [];
setInterval(function () {
let currentUrl = window.location.href;
if (urlCircle.length > 0 && urlCircle.shift() !== currentUrl) {
......@@ -17,17 +8,17 @@ setInterval(function () {
bindChangeImg();
}, 1000);
var body = $("#__nuxt");
var parentDom = $(document.createElement("div"));
var img = new Image();
var checkedProp = false;
img.src = chrome.extension.getURL("ui.html");
parentDom.addClass("mpDonloaderParentDom");
parentDom.html("打开下载窗口");
parentDom.click(function() {
let icon = chrome.extension.getURL("static/icon.png");
var parentDom = document.createElement("div");
parentDom.innerHTML = "<div class='mpDonloaderParentDom'><img src='"+ icon +"'/></div>";
parentDom.onclick = () => {
toggleButton();
});
}
body.append(parentDom);
var UI = chrome.extension.getURL("ui.html");
var isOpen = false;
......
user-remark/css/bootstrap.min.css deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
user-remark/css/main.css
.cicon {
position: fixed;
right:20px;
bottom: 20px;
background-color: #fffccc;
border-radius: 30px;
width: 50px;
height: 50px;
border: 1px solid #ff8528;
display: flex;
text-align: center;
justify-items: center;
justify-content: center;
align-items: center;
align-content: center;
}
.x {
width: 30px;
height: 30px;
background-color: white;
color: #666600;
display: flex;
border-radius: 15px;
justify-content: center;
align-items: center;
align-content: center;
justify-items: center;
position: absolute;
right: -12px;
top: -12px;
}
.cicon img {
height: 40px;
width: 40px;
}
#___container {
background-color: #FFFF99;
width: 30%;
height: 70%;
text-align: center;
position: fixed;
left: 25%;
top: 10%;
left: 35%;
top: 70px;
z-index: 999;
font-size: 14px;
color: #666600;
padding-bottom: 30px;
padding-top:20px;
}
.userinfo {
margin-top:10px;
......@@ -37,31 +76,53 @@ input[type=radio] {
-webkit-appearance:checkbox!important;
height: 20px;
width: 20px;
}
.workinfo {
padding-top:60px;
}
.workinfo .form-group {
#___container .danger {
display: flex;
align-items: center;
align-content: center;
}
.workinfo .form-group .label {
width: 50%;
text-align: right;
align-items: center;
text-align: center;
color: #ff0000;
width: 100%;
justify-content: center;
}
.readinginfo {
padding-top:60px;
#___container .primary {
display: flex;
align-content: center;
align-items: center;
text-align: center;
background-color: #0277bd;
color: white;
}
.readinginfo .form-group {
#___container button.primary {
display: flex;
align-content: center;
align-items: center;
text-align: center;
padding: 5px 10px 5px 10px;
background-color: #0277bd;
color: white;
border-radius: 5px;
}
#___container button.danger {
display: flex;
align-content: center;
align-items: center;
text-align: center;
padding: 5px 10px 5px 10px;
background-color: #ff0000;
color: white;
border-radius: 5px;
}
.readinginfo .form-group .label {
width: 50%;
text-align: right;
.zone {
display: flex;
justify-content: center;
align-content: center;
}
\ No newline at end of file
user-remark/manifest.json
......@@ -15,13 +15,13 @@
"content_scripts": [
{
"matches": ["https://www.mepai.me/*"],
"css": ["/css/main.css", "/css/min.css"],
"css": ["/css/main.css"],
"js": ["/js/vue.js", "/js/jquery.min.js", "/js/index.js"],
"run_at": "document_end"
}
],
"web_accessible_resources": [
"ui.html"
"ui.html", "icon.png","close.png"
],
"browser_action": {
"default_icon": "icon.png",
......
user-remark/popup.html
......@@ -21,6 +21,7 @@
color: white;
margin-top: 20px;
}
</style>
</head>
<body>
......
user-remark/ui.html
<div v-if="showUiProp" id="___container">
<div v-if="err != ''">
<mark class="secondary">{{err}}</mark>
</div>
<div class="x" v-on:click="showUi"><img :src="closeX"></div>
<div class="danger" v-if="err != ''">{{err}}</div>
<!------------------- 用户开始 -------->
<div class="userinfo row" v-if="isUserInfo && canOpen">
<div class="col-md-12">
......@@ -10,6 +9,10 @@
<div class="input"><input class="form-control" :value="user.id" disabled/></div>
</div>
<div class="form-group">
<div class="label">用户昵称:</div>
<div class="input"><input class="form-control" :value="user.nickname" disabled/></div>
</div>
<div class="form-group">
<div class="label">手机:</div>
<div class="input"><input class="form-control" :value="user.mobile" disabled /></div>
</div>
......@@ -25,12 +28,12 @@
<div class="label">邮箱:</div>
<div class="input"><input class="form-control" :value="user.email" disabled /></div>
</div>
<div class="form-group" style="height: 100px;display: block!important;margin-top: 20px;">
<div class="form-group" style="display: block!important;margin-top: 10px;">
<div class="">用户内容是否可被有米计划使用</div>
<div class="">
<input type="radio" name="permission" value="-1" v-model="permission"/> 未设置
<input type="radio" name="permission" value="0" v-model="permission"/> 不可用
<input type="radio" name="permission" value="1" v-model="permission"/> 可用
<input type="radio" name="userPermission" value="-1" v-model="userPermission"/> 未设置
<input type="radio" name="userPermission" value="0" v-model="userPermission"/> 不可用
<input type="radio" name="userPermission" value="1" v-model="userPermission"/> 可用
</div>
</div>
<div class="form-group" style="display: block!important;">
......@@ -39,34 +42,35 @@
<textarea
class="form-control"
placeholder="备注内容"
name="remark"
v-model="remark"
v-model="userRemark"
rows="5"
cols="50"
></textarea>
</div>
</div>
<div style="display: flex;justify-content: center;justify-items: center">
<button class="btn btn-primary primary large" v-on:click="submitRemark">提交</button>
<button class="btn btn-primary primary large" v-on:click="submitUserRemark">提交用户备注</button>
</div>
</div>
</div>
<!------------------- 用户结束 作品开始 -------->
<div class="workinfo row" v-if="isWorks && canOpen">
<div class="workinfo row" v-if="isWorks && canOpen" style="margin-top:20px;">
<div>作品id:{{objectId}}</div>
<div class="col-md-12">
<mark v-if="isYoumi === 1" class="tertiary">此作品已参加有米计划</mark>
<mark v-if="isYoumi === 0" class="secondary">此作品未参加有米计划</mark>
<div v-if="inZone === false" class="form-group">
<div v-if="isYoumi === 1" class="primary">此作品已参加有米计划</div>
<div v-if="isYoumi === 0" class="danger">此作品未参加有米计划</div>
<div><a href="https://www.mepai.me/mp/secret/youmibeixuan.html" target="_blank">跳转到备选库</a></div>
<div v-if="inZone === false" class="form-group zone">
<div class="label">此作品未在有米计划备选公共库:</div>
<div class="input">
<button class="btn btn-primary primary small" v-on:click="removeZone">+添加</button>
<button class="btn btn-primary primary small" v-on:click="addZone">+添加</button>
</div>
</div>
<div v-if="inZone === true" class="form-group">
<div v-if="inZone === true" class="form-group zone">
<div class="label">此作品已在有米计划备选公共库:</div>
<div class="input">
<button class="btn btn-danger danger small" v-on:click="addZone">-移除</button>
<button class="btn btn-danger danger small" v-on:click="removeZone">-移除</button>
</div>
</div>
......@@ -80,9 +84,14 @@
</div>
<div class="form-group">
<label>对该作品备注:</label>
<textarea class="form-control" rows="5" cols="40" placeholder="备注" name="remark" v-model="remark"></textarea>
</div>
<div class="label"><label>备注该作品:</label></div>
<div class="input">
<textarea class="form-control" rows="5" cols="50"
placeholder="备注内容"
name="remark" v-model="remark">
</textarea>
</div>
</div>
<div class="form-group" style="display: flex;justify-items: center;justify-content: center">
<button class="btn btn-primary primary large" v-on:click="submitRemark">提交</button>
</div>
......@@ -91,22 +100,23 @@
<!------------------- 作品结束 文章开始 -------->
<div class="readinginfo row" v-if="isReading && canOpen">
<div class="readinginfo row" v-if="isReading && canOpen" style="margin-top:20px">
<div>文章id:{{objectId}}</div>
<div class="col-md-12">
<mark v-if="isYoumi === 1" class="tertiary">此作品已参加有米计划</mark>
<mark v-if="isYoumi === 0" class="secondary">此作品未参加有米计划</mark>
<div v-if="inZone === false" class="form-group">
<div v-if="isYoumi === 1" class="primary">此作品已参加有米计划</div>
<div v-if="isYoumi === 0" class="danger">此作品未参加有米计划</div>
<!--<div v-if="inZone === false" class="form-group zone">
<div class="label">此文章未在有米计划备选公共库:</div>
<div class="input">
<button class="btn btn-primary primary small" v-on:click="addZone">+添加</button>
</div>
</div>
<div v-if="inZone === true" class="form-group">
<div v-if="inZone === true" class="form-group zone">
<div class="label">此文章已在有米计划备选公共库:</div>
<div class="input">
<button class="btn btn-danger danger small" v-on:click="removeZone">-移除</button>
</div>
</div>
</div>-->
<div class="form-group">
<div class="label">该文章是否可被有米计划使用</div>
<div class="input">
......@@ -117,15 +127,15 @@
</div>
<div class="form-group">
<label>对该文章备注:</label>
<textarea class="form-control" rows="5" cols="40" placeholder="备注" name="remark" v-model="remark"></textarea>
</div>
<div class="label"> <label>备注该文章:</label></div>
<div class="input">
<textarea class="form-control" rows="5" cols="50" placeholder="备注内容" name="remark" v-model="remark"></textarea>
</div>
</div>
<div class="form-group" style="display: flex;justify-items: center;justify-content: center">
<button class="btn btn-primary primary large" v-on:click="submitRemark">提交</button>
<button class="btn btn-primary primary large" v-on:click="submitRemark">提交文章备注</button>
</div>
</div>
</div>
<!------------------- 文章结束 -------->
</div>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment