Skip to content

T
tools
Commit dac27f1a by 庄欣
Options

用户备注插件

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