You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
217 lines
6.0 KiB
217 lines
6.0 KiB
|
|
var url_prefix = "http://127.0.0.1:5000/";
|
|
function sendRequest(url_suffix, data, func) {
|
|
var url = url_prefix + url_suffix;
|
|
$.ajax({
|
|
type: "post",
|
|
url: url,
|
|
data: data,
|
|
dataType: "json",
|
|
processData: false,
|
|
contentType: false,
|
|
success: function (data) {
|
|
func(data);
|
|
},
|
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
|
alert(XMLHttpRequest.status);
|
|
alert(XMLHttpRequest.readyState);
|
|
alert(textStatus);
|
|
console.log(this);
|
|
}
|
|
});
|
|
}
|
|
|
|
function GetRequest() {
|
|
var url = location.search; //获取url中"?"符后的字串
|
|
var theRequest = new Object();
|
|
if (url.indexOf("?") != -1) {
|
|
var str = url.substr(1);
|
|
strs = str.split("&");
|
|
for (var i = 0; i < strs.length; i++) {
|
|
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
|
|
}
|
|
}
|
|
return theRequest;
|
|
}
|
|
|
|
function getBlock() {
|
|
var url = "block/select";
|
|
var data = new FormData();
|
|
data.append("collection_id",id);
|
|
sendRequest(url, data,
|
|
function (data) {
|
|
var list = $("#textList");
|
|
var blocks = data.blocks;
|
|
for (i in blocks) {
|
|
var content;
|
|
var block = blocks[i];
|
|
if (block.type == 'img') {
|
|
content = document.createElement('img');
|
|
content.src = block.content;
|
|
}
|
|
else if (block.type == 'text') {
|
|
content = document.createElement('div');
|
|
content.innerText = block.content;
|
|
}
|
|
else {
|
|
content = document.createElement('div');
|
|
content.innerText = block.content;
|
|
}
|
|
content.id = block.id;
|
|
var block = gengerate_block(content,"block");
|
|
list.append(block);
|
|
}
|
|
});
|
|
}
|
|
|
|
function submit(obj, content, type, order) {
|
|
var url = "http://127.0.0.1:5000/block/add";
|
|
var data = new FormData();
|
|
data.append("content", content);
|
|
data.append('type', type);
|
|
data.append('order', order);
|
|
var that = obj;
|
|
$.ajax({
|
|
type: "post",
|
|
url: url,
|
|
data: data,
|
|
dataType: "json",
|
|
processData: false,
|
|
contentType: false,
|
|
success: function (data) {
|
|
that.id = data.id;
|
|
},
|
|
|
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
|
alert(XMLHttpRequest.status);
|
|
alert(XMLHttpRequest.readyState);
|
|
alert(textStatus);
|
|
console.log(this);
|
|
}
|
|
});
|
|
}
|
|
|
|
function swap(obj, dir,type) {
|
|
var url;
|
|
if (type == "block") {
|
|
url = "block/swap";
|
|
}
|
|
else {
|
|
url = "collection/swap";
|
|
}
|
|
var pos = obj.parentNode.id;
|
|
if (dir == 'up' && pos > 0) {
|
|
pos--;
|
|
|
|
}
|
|
if (dir == 'down' && dir < $("#textList").childElementCount - 1) {
|
|
pos++;
|
|
}
|
|
var data = new FormData();
|
|
data.append("new_order", pos);
|
|
data.append("id", obj.id);
|
|
if (type == "block") {
|
|
sendRequest(url, data, getBlock);
|
|
}
|
|
else{
|
|
sendRequest(url, data, getCollection);
|
|
}
|
|
|
|
}
|
|
function delete_block(obj,type) {
|
|
var url;
|
|
var data = new FormData();
|
|
data.append("collection_id", id);
|
|
if (type == "block") {
|
|
data.append("block_id", obj.id);
|
|
url = "block/delete";
|
|
}
|
|
else {
|
|
url = "collection/delete";
|
|
}
|
|
|
|
sendRequest(url, data, function () { ;});
|
|
|
|
}
|
|
function gengerate_block(content,type) {
|
|
var obj = document.createElement("div");
|
|
obj.className = "standard-input";
|
|
obj.id = document.getElementById('textList').childElementCount;
|
|
var up = document.createElement("div");
|
|
up.addEventListener("click", function () { swap(content, 'up',type); });
|
|
up.innerText = "swap up";
|
|
obj.appendChild(up);
|
|
obj.appendChild(content);
|
|
var down = document.createElement("div");
|
|
down.addEventListener("click", function () { swap(content, 'down',type) });
|
|
down.innerText = "swap down";
|
|
obj.appendChild(down);
|
|
var delete_item = document.createElement("div");
|
|
delete_item.addEventListener("click", function () { delete_block(content,type); });
|
|
delete_item.innerText = "delete";
|
|
obj.appendChild(delete_item);
|
|
return obj;
|
|
}
|
|
|
|
function add(type) {
|
|
var text = $("#myInput").val();
|
|
$("#myInput").val("");
|
|
if (text == "") {
|
|
return;
|
|
}
|
|
let div = document.createElement('div');
|
|
div.innerText = text;
|
|
var block = gengerate_block(div,type)
|
|
$('#textList').append(block);
|
|
var data = new FormData();
|
|
data.append('type', 'text');
|
|
data.append('name', text);
|
|
data.append('order', block.id);
|
|
data.append('content', text);
|
|
|
|
var url;
|
|
|
|
if (type == 'block') {
|
|
data.append('collection_id');
|
|
url = "block/add";
|
|
}
|
|
else {
|
|
url = "collection/add";
|
|
}
|
|
|
|
sendRequest(url,data,function (data) {
|
|
div.id = data.id;
|
|
})
|
|
}
|
|
|
|
|
|
function getCollection() {
|
|
var url = "collection/select";
|
|
var data = new FormData();
|
|
if ("undefined" != typeof phonenum) {
|
|
data.append('phonenum',phonenum);
|
|
}
|
|
|
|
var name = $("#search").val();
|
|
if(name != ""){
|
|
data.append('name',name);
|
|
}
|
|
$("#textList").children().remove();
|
|
sendRequest(url, data, function (data) {
|
|
console.log(data);
|
|
var list = $("#textList");
|
|
var collections = data.collections;
|
|
for (i in collections) {
|
|
var content = document.createElement('div');
|
|
var collection = collections[i];
|
|
content.innerText = collection.name;
|
|
content.onclick = function () {
|
|
console.log("?");
|
|
window.location.href = "add.html?id=" + collection.id + "&name=" + collection.name;
|
|
};
|
|
content.className = "standard-box";
|
|
content.id = collection.id;
|
|
$('#textList').append(gengerate_block(content,"collection"));
|
|
}
|
|
});
|
|
}
|