Skip to content

T
tools
Commit 995a2ea7 by 庄欣
Options

ok

parent cec18779
Showing with 250 additions and 206 deletions
mp-fastquote/js/main.js
......@@ -170,25 +170,6 @@ window.onload = function () {
});
}
function loading() {
var mask = document.createElement("div");
mask.id = "____mask___";
mask.style.zIndex = 9999;
mask.style.width = "100%";
mask.style.height = "100%";
mask.style.position = "fixed";
mask.style.left = 0;
mask.style.top = 0;
mask.style.backgroundColor = "#000000";
mask.style.opacity = "80%";
body.appendChild(mask);
}
function removeLoading() {
var mask = document.getElementById("____mask___");
mask.remove();
}
function assertStatus() {
var statusDom = document.getElementById("status");
......
mp-remark-v4/css/main.css
......@@ -407,4 +407,27 @@
.hidden {
display: none!important;
}
#___container .mask .danger {
font-size:24px;
}
#___container .toast {
position: absolute;
left: 0;
margin:0 auto;
color: white;
top: 48%;
width: 100%;
}
#___container .toast-body {
padding : 10px 10px 10px 10px;
border-radius: 5px;
width: fit-content;
margin: 0 auto;
background-color: black;
}
\ No newline at end of file
mp-remark-v4/js/index.js
......@@ -18,61 +18,65 @@ const TYPE_READING = 2;
const TYPE_USER = 3;
let ACCESS_TOKEN = "";
var body = document.getElementById("__nuxt");
chrome.runtime.sendMessage({}, function(response) {
ACCESS_TOKEN = response.access_token;
ACCESS_TOKEN = response.access_token;
init();
});
var body = document.getElementById("__nuxt");
function init() {
fetch(UI).then(function (res) {
return res.text();
}).then(html => {
let container = document.createElement("div");
container.id = "container";
container.innerHTML = html;
extendDom.appendChild(container)
body.appendChild(extendDom);
$(".closeBtn2").attr("src", chrome.runtime.getURL("images/close2.png"));
$("#loadingImageSrc").attr("src", chrome.runtime.getURL("images/loading.gif"));
$(".close").attr("src", chrome.runtime.getURL("images/close.png"));
$(".nicknameIcon").attr("src", chrome.runtime.getURL("images/nickname.png"));
$(".userIdIcon").attr("src", chrome.runtime.getURL("images/user_id.png"));
$(".phoneIcon").attr("src", chrome.runtime.getURL("images/phone.png"));
$(".qqIcon").attr("src", chrome.runtime.getURL("images/qq.png"));
$(".wxIcon").attr("src", chrome.runtime.getURL("images/weixin.png"));
$(".emailIcon").attr("src", chrome.runtime.getURL("images/email.png"));
fetch(UI).then(function(res) {
return res.text();
}).then(html => {
let container = document.createElement("div");
container.id = "container";
container.innerHTML = html;
extendDom.appendChild(container)
body.appendChild(extendDom);
$(".closeBtn2").attr("src", chrome.runtime.getURL("images/close2.png"));
$(".loadingImg").attr("src", chrome.runtime.getURL("images/loading.png"));
$(".close").attr("src", chrome.runtime.getURL("images/close.png"));
$(".nicknameIcon").attr("src", chrome.runtime.getURL("images/nickname.png"));
$(".userIdIcon").attr("src", chrome.runtime.getURL("images/user_id.png"));
$(".phoneIcon").attr("src", chrome.runtime.getURL("images/phone.png"));
$(".qqIcon").attr("src", chrome.runtime.getURL("images/qq.png"));
$(".wxIcon").attr("src", chrome.runtime.getURL("images/weixin.png"));
$(".emailIcon").attr("src", chrome.runtime.getURL("images/email.png"));
}).then(() => {
$("textarea.pushContent[name=pushContentAuth]").text(Manager.authContent);
$("textarea.pushContent[name=pushContentPic]").text(Manager.picContent);
$("textarea.pushContent[name=pushContentN]").text(Manager.pushContentN);
$("textarea.pushSmsContent").text(Manager.smsContent);
$("textarea.pushContent[name=pushContentAuth]").bind("input propertychange", function () {
Manager.authContent = this.value;
});
$("textarea.pushContent[name=pushContentPic]").bind("input propertychange", function () {
Manager.picContent = this.value;
});
$("textarea.pushContent[name=pushContentN]").bind("input propertychange", function () {
Manager.pushContentN = this.value;
});
$("textarea.pushContent[name=pushContentAuth]").bind("input propertychange", function () {
Manager.authContent = this.value;
});
$("textarea.userRemark").bind("input propertychange", function () {
Manager.userRemark = this.value;
}).then(() => {
$("textarea.pushContent[name=pushContentAuth]").text(Manager.authContent);
$("textarea.pushContent[name=pushContentPic]").text(Manager.picContent);
$("textarea.pushContent[name=pushContentN]").text(Manager.pushContentN);
$("textarea.pushSmsContent").text(Manager.smsContent);
$("textarea.pushContent[name=pushContentAuth]").bind("input propertychange", function () {
Manager.authContent = this.value;
});
$("textarea.pushContent[name=pushContentPic]").bind("input propertychange", function () {
Manager.picContent = this.value;
});
$("textarea.pushContent[name=pushContentN]").bind("input propertychange", function () {
Manager.pushContentN = this.value;
});
$("textarea.pushContent[name=pushContentAuth]").bind("input propertychange", function () {
Manager.authContent = this.value;
});
$("textarea.userRemark").bind("input propertychange", function () {
Manager.userRemark = this.value;
});
$("textarea.userYyRemark").bind("input propertychange", function () {
Manager.userYyRemark = this.value;
});
$("textarea.remark").bind("input propertychange", function () {
Manager.remark = this.value;
});
$("textarea.yyRemark").bind("input propertychange", function () {
Manager.yyRemark = this.value;
});
onload();
openUi();
});
$("textarea.userYyRemark").bind("input propertychange", function () {
Manager.userYyRemark = this.value;
});
$("textarea.remark").bind("input propertychange", function () {
Manager.remark = this.value;
});
$("textarea.yyRemark").bind("input propertychange", function () {
Manager.yyRemark = this.value;
});
onload();
openUi();
});
}
function onload() {
$(".showUi").on("click", function () {
......@@ -85,6 +89,9 @@ function onload() {
$(".submitUserRemark").click(function () {
submitUserRemark();
})
$(".submitRemark").click(function () {
submitRemark();
})
$(".openMessageBox").click(function () {
openMessageBox();
})
......
mp-remark-v4/js/service.js
......@@ -43,16 +43,20 @@ function submitRemark() { //作品备注
"token": Manager.token,
"permission": Manager.permission.toString()
}
if (data['object_id'] === null) {
showToast("操作失败，没有有效的id");
return ;
}
sendData(API.setRemark, data, res => {
if (res.code === "100001") {
Manager.remark = res.data.remark;
Manager.permission = res.data.permission.toString();
Manager.token = res.data.lock_token;
Manager.yyRemark = res.data.operate_remark;
Manager.showToast("操作成功");
showToast("操作成功");
} else {
if (res.code.toString() === "100002") {
Manager.err = "请先登录，若登录账号没有操作权限，请向公司管理员申请";
freeze("请先登录，若登录账号没有操作权限，请向公司管理员申请");
} else {
showToast(res.message);
}
......@@ -69,6 +73,10 @@ function submitUserRemark() { //用户备注
"token": Manager.userToken,
"permission": Manager.userPermission.toString()
}
if (data['object_id'] === null) {
showToast("操作失败，没有有效的id");
return ;
}
sendData(API.setRemark, data, res => {
if (res.code === "100001") {
Manager.userRemark = res.data.remark;
......@@ -76,10 +84,10 @@ function submitUserRemark() { //用户备注
Manager.userToken = res.data.lock_token;
Manager.userYyRemark = res.data.operate_remark;
showUserInfo(Manager.user);
Manager.showToast("操作成功");
showToast("操作成功");
} else {
if (res.code.toString() === "100002") {
Manager.err = "请先登录，若登录账号没有操作权限，请向公司管理员申请";
freeze("请先登录，若登录账号没有操作权限，请向公司管理员申请");
} else {
showToast(res.message);
}
......@@ -125,32 +133,41 @@ function getReadingIdByBase64(url) {
}
function getUserIdFromAvatar(avatar) {
var reg = /\/\d{1,}\//g;
var idStrings = avatar.match(reg);
if (idStrings !== undefined && idStrings !== null && idStrings !== "") {
userId = idStrings[0].replace(/\//g, "");
Manager.userId = userId;
var uid = "";
var medaInfo = $("meta[name=sn]");
if (medaInfo.length > 0) {
uid = medaInfo.attr("content");
} else {
var url = window.location.href;
var ms = url.match(/u_[\S\s]*[\/{0}]?/g)[0];
if (ms.length > 0) {
var uid = "";
if (ms.indexOf("\/") !== -1) {
uid = ms.split("\/");
} else {
uid = ms;
}
getData(host + "/user/sn-to-id", {
sn: uid
}, function(r) {
Manager.userId = r.data;
})
var reg = /\/\d{1,}\//g;
var idStrings = avatar.match(reg);
if (idStrings !== undefined && idStrings !== null && idStrings !== "") {
uid = idStrings[0].replace(/\//g, "");
} else {
showToast("很遗憾,未能获取当前用户信息!");
return false;
var url = window.location.href;
var ms = url.match(/u_[\S\s]*[\/{0}]?/g)[0];
if (ms.length > 0) {
if (ms.indexOf("\/") !== -1) {
uid = ms.split("\/");
} else {
uid = ms;
}
}
}
}
show();
if (uid !== undefined && isNaN(uid) && uid !== "") {
getData(host + "/user/sn-to-id", {
sn: uid
}, function(r) {
Manager.userId = r.data;
if (isNaN(Manager.userId) || Manager.userId <= 0) {
showToast("暂时不能获取用户信息");
}
show();
})
} else {
Manager.userId = uid;
show();
}
}
function getAuth() {
......@@ -199,58 +216,49 @@ function openUi() {
let canOpen = assertIn();
Manager.canOpen = canOpen;
if (canOpen) {
if (Manager.type !== null && Manager.type !== undefined) {
//获取基本信息并显示在编辑框
getData(API.getUserInfo, {
uid: Manager.userId
}, data => {
let res = data.data;
Manager.user.id = res.id;
Manager.user.qq = res.qq;
Manager.user.wx = res.wx;
Manager.user.mobile = res.mobile;
Manager.user.email = res.email;
Manager.user.nickname = res.nickname;
showUserInfo(Manager.user);
});
getData(API.getRemark, {
object_id: Manager.userId,
type: TYPE_USER
}, res => {
if (res.code.toString() === "100001") {
Manager.userRemark = res.data.remark;
Manager.userYyRemark = res.data.operate_remark;
Manager.userPermission = res.data.permission;
Manager.userToken = res.data.lock_token
Manager.authType = "now";
show();
}
})
if (Manager.isWorks) {
getData(API.getRemark, {
object_id: Manager.objectId,
type: Manager.type
}, res => {
if (res.code.toString() === "100001") {
if (!res.data instanceof Array) {
Manager.remark = res.data.remark;
Manager.permission = res.data.permission;
Manager.token = res.data.lock_token;
Manager.yyRemark = res.data.operate_remark;
}
Manager.remark = res.data.remark;
Manager.permission = res.data.permission;
Manager.token = res.data.lock_token;
Manager.yyRemark = res.data.operate_remark;
}
});
}
//获取基本信息并显示在编辑框
if (Manager.isUserInfo) {
getData(API.getUserInfo, {
uid: Manager.userId
}, data => {
let res = data.data;
Manager.user.id = res.id;
Manager.user.qq = res.qq;
Manager.user.wx = res.wx;
Manager.user.mobile = res.mobile;
Manager.user.email = res.email;
Manager.user.nickname = res.nickname;
showUserInfo(Manager.user);
});
getData(API.getRemark, {
object_id: Manager.userId,
type: TYPE_USER
}, res => {
if (res.code.toString() === "100001") {
if (!res.data instanceof Array) {
Manager.userRemark = res.data.remark;
Manager.userYyRemark = res.data.operate_remark;
Manager.userPermission = res.data.permission;
Manager.userToken = res.data.lock_token
}
Manager.authType = "now";
show();
}
})
}
if (Manager.isWorks) {
getData(API.getIsYoumi, {
object_id: Manager.objectId,
type: Manager.type
}, data => {
if (data.data.result == 1) {
if (data.data.result.toString() === "1") {
Manager.isYoumi = 1;
Manager.youmiCreateTime = data.data.create_time;
Manager.dateyoumiCreateTime = Date.parse(data.data.create_time);
......@@ -264,6 +272,17 @@ function openUi() {
});
}
if (Manager.isReading) {
getData(API.getRemark, {
object_id: Manager.objectId,
type: Manager.type
}, res => {
if (res.code.toString() === "100001") {
Manager.remark = res.data.remark;
Manager.permission = res.data.permission;
Manager.token = res.data.lock_token;
Manager.yyRemark = res.data.operate_remark;
}
});
getData(API.getIsYoumi, {
object_id: Manager.objectId,
type: Manager.type
......@@ -447,6 +466,14 @@ function showUserInfo(user) {
function show() {
$(".objectId").text(Manager.objectId);
if (Manager.isWorks) {
$("div.readingInfoBox").addClass("hidden");
$("div.worksInfoBox").removeClass("hidden");
}
if (Manager.isReading) {
$("div.worksInfoBox").addClass("hidden");
$("div.readingInfoBox").removeClass("hidden");
}
if (!Manager.sendPush) {
$(".NotSendPushStatus").removeClass("hidden");
$(".SendPushStatus").addClass("hidden");
......@@ -526,6 +553,5 @@ function show() {
$("textarea.remark").text(Manager.remark);
$("textarea.yyRemark").text(Manager.yyRemark);
$("textarea.userRemark").text(Manager.userRemark);
console.log(Manager);
}
mp-remark-v4/js/util.js
function showToast(msg) {
let $this = this;
$this.err = msg;
if (msg === "操作成功") {
setTimeout(function() {
$this.err = "";
}, 800);
} else {
setTimeout(function() {
$this.err = "";
}, 1500);
}
var dom = $("#toast");
dom.removeClass("hidden");
dom.find(".toast-body").html(msg);
setTimeout(function() {
dom.addClass("hidden");
dom.find(".toast-body").text("");
}, 5000);
}
function freeze(msg) {
unfreeze();
$("#msgBox").removeClass("hidden");
$("#msgBox").find(".danger").text(msg);
}
function unfreeze() {
$("#msgBox").addClass("hidden");
$("#msgBox").find(".danger").text("");
}
function base64Decode(data) {
......@@ -23,8 +31,7 @@ function base64Decode(data) {
}
function sendData(api, data, callback) {
let $this = app;
$this.loading = true;
loading();
var header = {
method: "POST",
headers: {
......@@ -36,11 +43,14 @@ function sendData(api, data, callback) {
body: JSON.stringify(data)
};
fetch(api, header).then(res => {
$this.loading = false;
removeLoading();
return res.json()
}).then(final => {
return callback(final);
})
}).catch(e => {
removeLoading();
freeze(e.toString());
});
}
function getData(api, data, callback) {
......@@ -58,7 +68,7 @@ function getData(api, data, callback) {
return res.json()
}).then(final => {
if (final.code.toString() === "100002") {
showToast("请先登录，若登录账号没有操作权限，请向公司管理员申请");
freeze("请先登录，若登录账号没有操作权限，请向公司管理员申请");
}
return callback(final);
}).catch(e => {
......@@ -67,21 +77,13 @@ function getData(api, data, callback) {
});
}
function showLoading() {
var mask = document.createElement("div");
mask.id = "____mask___";
mask.style.zIndex = 9999;
mask.style.width = "100%";
mask.style.height = "100%";
mask.style.position = "fixed";
mask.style.left = 0;
mask.style.top = 0;
mask.style.backgroundColor = "#000000";
mask.style.opacity = "80%";
body.appendChild(mask);
}
function removeLoading() {
document.getElementById("____mask___");
function loading() {
$("#msgBox").removeClass("hidden");
$("#msgBox").find(".loading").removeClass("hidden");
}
}
\ No newline at end of file
function removeLoading() {
$("#msgBox").addClass("hidden");
$("#msgBox").find(".loading").addClass("hidden");
}
mp-remark-v4/manifest.json
......@@ -28,7 +28,7 @@
"ui.html",
"images/icon.png",
"images/close.png",
"images/loading.png",
"images/loading.gif",
"images/close2.png",
"images/nickname.png",
"images/phone.png",
......
mp-remark-v4/ui.html
......@@ -220,7 +220,7 @@
</div>
<div class="allcen "
style="width: 262px;position: absolute;bottom: 24px;left: 0;right: 0;margin: 0 auto;">
<div onclick="submitRemark()" class="col-fff wei-500 allcen"
<div class="col-fff wei-500 allcen submitRemark"
style="font-size: 16px;background: linear-gradient(34deg, #76B3FF, #0C7BB3);padding: 8px 16px;border-radius: 6px;box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);min-width: 144px;cursor: pointer;">
提交作品设置
</div>
......@@ -236,42 +236,46 @@
</div>
<div class="wei-600 col-fff" style="font-size: 16px;margin-left: 6px;">文章id:<span class="objectId"></span></div>
</div>
<div class="allcen" style="width: 100%;margin-top: 4px;min-height: 48px;">
<div v-if="isYoumi == 1" class="wei-600 col-fff" style="font-size: 14px;">
(此文章已参加有米计划<br />参与时间:{{youmiCreateTime}})</div>
<div v-if="isYoumi == 0" class="wei-600 col-fff" style="font-size: 14px;">(此文章未参加有米计划)</div>
<div class="allcen wei-600 isYoumi hidden"
style="width: 100%;margin-top: 4px;font-size: 14px;">
参与有米时间:
<div class="youmiTime" style="margin-left: 6px;">
</div>
</div>
<div class="flex-c " style="border-radius: 4px;width: max-content;margin-top: 55px;">
<div class="" style="height: 16px;width: 3px;background-color: #fff;border-radius: 4px;">
</div>
<div class="wei-600 col-fff" style="font-size: 16px;margin-left: 6px;">该文章是否可被有米计划使用</div>
</div>
<div class="flex-c jube" style="margin-top: 6px;width: 217px;">
<div class="flex-c jube col-fff" style="margin-top: 6px;width: 233px;">
<div class="flex-c" style="cursor: pointer;" v-on:click="permission=-1">
<div class="" :class="permission==-1?'userPermission_on':'userPermission_off'"
style="height: 14px;width: 14px;border-radius: 20px;">
</div>
<div class="wei-600" style="margin-left: 6px;font-size: 14px;">
未设置
</div>
</div>
<div class="flex-c" style="cursor: pointer;" v-on:click="permission=0">
<div class="" :class="permission==0?'userPermission_on':'userPermission_off'"
style="height: 14px;width: 14px;border-radius: 20px;">
</div>
<div class="wei-600" style="margin-left: 6px;font-size: 14px;">
不可用
<div class="flex-c setPermission" data-permission="-1" style="cursor: pointer;">
<div class="permission permission-2"
style="height: 14px;width: 14px;border-radius: 20px;">
</div>
<div class="wei-600 " style="margin-left: 6px;font-size: 14px;">
未设置
</div>
</div>
</div>
<div class="flex-c" style="cursor: pointer;" v-on:click="permission=1">
<div class="" :class="permission==1?'userPermission_on':'userPermission_off'"
style="height: 14px;width: 14px;border-radius: 20px;">
<div class="flex-c setPermission" data-permission="0" style="cursor: pointer;" >
<div class="permission permission-0"
style="height: 14px;width: 14px;border-radius: 20px;">
</div>
<div class="wei-600" style="margin-left: 6px;font-size: 14px;">
不可用
</div>
</div>
<div class="wei-600" style="margin-left: 6px;font-size: 14px;">
可&nbsp;用
<div class="flex-c setPermission" data-permission="1" style="cursor: pointer;">
<div class="permission permission-1"
style="height: 14px;width: 14px;border-radius: 20px;">
</div>
<div class="wei-600" style="margin-left: 6px;font-size: 14px;">
可&nbsp;用
</div>
</div>
</div>
</div>
......@@ -281,12 +285,12 @@
<div class="wei-600 col-fff" style="font-size: 16px;margin-left: 6px;">备注该文章:</div>
</div>
<div class="">
<textarea style="width: 217px;" class="" placeholder="备注内容" v-model="remark" rows="5"
<textarea style="width: 217px;" class="remark" placeholder="备注内容" rows="5"
cols="50"></textarea>
</div>
<div class="allcen "
style="width: 217px;position: absolute;bottom: 24px;left: 0;right: 0;margin: 0 auto;">
<div onclick="submitRemark()" class="col-fff wei-500 allcen"
<div class="col-fff wei-500 allcen submitRemark"
style="font-size: 16px;background: linear-gradient(34deg, #76B3FF, #0C7BB3);padding: 8px 16px;border-radius: 6px;box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);min-width: 144px;cursor: pointer;">
提交文章设置
</div>
......@@ -346,14 +350,15 @@
</div>
</div>
</div>
<div class="">
<div class="mask loading hidden">
<img class="xuanzhuan" :src="loadingimg" style="width:10%;">
<div class="mask hidden" id="msgBox">
<div class="loading hidden" style="text-align:center;">
<img id="loadingImageSrc" style="width:10%;">
</div>
<div class="danger" v-if="err != ''"></div>
<div class="info" v-if="info.length > 0" v-for="m,index in info"></div>
<!------------------- 作品开始 -------->
<!------------------- 消息推送 ---------------->
<div class="danger"></div>
<div class="info"></div>
</div>
<div class="toast hidden" id="toast">
<div class="toast-body"></div>
</div>
</div>
</div>
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