diff options
Diffstat (limited to 'src/main/resources/assets/js/index.js')
| -rw-r--r-- | src/main/resources/assets/js/index.js | 624 |
1 files changed, 624 insertions, 0 deletions
diff --git a/src/main/resources/assets/js/index.js b/src/main/resources/assets/js/index.js new file mode 100644 index 0000000..a6a8b87 --- /dev/null +++ b/src/main/resources/assets/js/index.js @@ -0,0 +1,624 @@ +var app = new Vue({ + el: "#index", + data: { + username: "", + permission: 1, + loginTime: "", + passwordVerify: "", + passwordConfirm: "", + emailErrorTip: "", + emailVerifyStatus: "" + } +}); + +var search = ""; + +Vue.component('paging-more', { + template: '<button class="btn btn-link btn-block btn-lg" onclick="offset += 1;getPage();"><b>获取更多</b></button><br/><br/>' +}); + +var userInfo = {}; + +function getPage() { + if (currentTab === "#downloaded-content") { + getUserDownloaded(); + } else if (currentTab === "#uploaded-content") { + getUserUploaded(); + } else if(currentTab === "#resources-content") { + getResource(getOrderBy()); + } else if (currentTab === "#files-content") { + getFiles("") + } else { + getFiles("") + } +} + +/** + * 保存用户信息 + */ +function saveInfo() { + var email = $("#email").val(); + if (isEmail(email)) { + var code = $("#email-verify-code").val(); + if (!userConfig.emailVerify || code.length === 6 || email === userInfo.email) { + layer.load(1); + $.ajax({ + url: '/user/info', + type: 'PUT', + dataType: "", + data: { + avatar: $("#avatar").attr("src"), + realName: $("#real-name").val(), + email: email, + code: code + }, + success: function (data) { + layer.closeAll(); + var json = JSON.parse(data); + userInfo.email = json.email; + alerts(json.message); + } + }); + } else { + alerts("验证码格式不正确"); + } + } else { + alerts("邮箱格式不正确"); + } +} + +/** + * 更新密码 + */ +function updatePassword() { + var oldPassword = $("#old-password").val(); + var newPassword = $("#new-password").val(); + var confirmNewPassword = $("#confirm-new-password").val(); + if (oldPassword && checkPassword(newPassword, confirmNewPassword)) { + layer.load(1); + $.ajax({ + url: "/user/password", + type: "PUT", + data: {oldPassword: oldPassword, newPassword: newPassword}, + success: function (data) { + layer.closeAll(); + var json = JSON.parse(data); + if (json.status === "success") { + alerts("密码修改成功"); + location.href = "/signin.html#login"; + } else { + alerts(json.message); + } + } + }); + } else { + alerts("格式不合法，无法提交"); + } +} + +function getUserInfo() { + layer.load(1); + $.get("/user/info", function (data) { + layer.closeAll(); + try { + var json = JSON.parse(data); + userInfo = json; + app.permission = json.permission; + /** @namespace app.lastLoginTime */ + app.loginTime = new Date(json.lastLoginTime).format("yyyy-MM-dd hh:mm:ss"); + /** @namespace json.avator */ + if (!isEmpty(json.avatar)) { + $("#avatar").attr("src", json.avatar); + } + app.username = json.username; + $("#email").val(json.email); + $("#real-name").val(json.realName); + checkEmailChange(json.email); + } catch (e) { + window.location.href = "/signin"; + } + }); +} + +function showAvatarModal() { + layer.open({ + type: 1, + title: false, + closeBtn: 0, + offset: 'ct', + shadeClose: true, + content: "<input id='file-input' class='form-control file' multiple data-max-file-count='100' data-preview-file-type='img' name='file' type='file'/>" + }); + $("#file-input").fileinput({ + uploadUrl: "/common/avatar", + uploadAsync: true, + maxFileCount: 1, + maxFilePreviewSize: 10485760 + }).on('fileuploaded', function (event, data) { + var json = data.response; + if (JSON.stringify(json).indexOf("success") > 0) { + $("#avatar").attr("src", json.success); + } else { + alerts(json.error); + } + }); +} + +function getOrderBy() { + return $("#order-by").val() + " " + $("#order-way").val(); +} + +$(document).ready(function () { + $("#search").keyup(function () { + /** @namespace window.event.keyCode */ + if (window.event.keyCode === 13) { + search = $('#search').val(); + offset = 0; + getPage(); + } + }); + $(".content-filter").change(function () { + offset = 0; + getFiles(""); + }); + $(".email-verify-code").keyup(function () { + var code = event.srcElement.value; + if (code.length === 6) { + $.ajax({ + url: "/common/" + code + "/verification", type: "PUT", success: function (data) { + var json = JSON.parse(data); + app.emailVerifyStatus = json.status === "success" ? "" : "验证码错误"; + } + }); + } else { + app.emailVerifyStatus = ""; + } + }); + $(".email").keyup(function () { + checkEmailChange(event.srcElement.value); + }); + $(".password").keyup(function () { + var len = event.srcElement.value.length; + if (len >= userConfig.password.minLength && len <= userConfig.password.maxLength) { + app.passwordVerify = ""; + } else { + app.passwordVerify = "密码长度限定为" + userConfig.password.minLength + "至" + userConfig.password.maxLength + "位"; + } + }); + $(".confirm-password").keyup(function () { + app.passwordConfirm = (event.srcElement.value === $("#new-password").val()) ? "" : "两次输入的密码不一样"; + }); + $(".sendVerifyCode").click(function () { + sendVerifyCode($("#email").val(), event.srcElement); + }); + + $("a.nav-link[href='" + location.hash + "-tab']").click(); + getTabContent(location.hash); + $(".nav-link").click(function () { + getTabContent($(event.srcElement).attr("href")); + }); +}); + +function getTabContent(href) { + if (href.startsWith("uploaded", 1)) { + offset = 0; + window.location.hash = "uploaded"; + getUserUploaded(); + } else if (href.startsWith("downloaded", 1)) { + offset = 0; + window.location.hash = "downloaded"; + getUserDownloaded(); + } else if (href.startsWith("bio", 1)) { + window.location.hash = "bio"; + getUserInfo(); + } else if (href.startsWith("resource", 1)) { + offset = 0; + window.location.hash = "resource"; + getResource(""); + } else if (href.startsWith("files", 1)) { + offset = 0; + window.location.hash = "files"; + getFiles(""); + var history = $("#history_path").attr("value"); + if(history==''||history==undefined){ + $("#history_path").attr("value",$("#dir_id").attr("value")); + } + } else{ + offset = 0; + window.location.hash = "files"; + getFiles(""); + var history = $("#history_path").attr("value"); + if(history==''||history==undefined){ + $("#history_path").attr("value",$("#dir_id").attr("value")); + } + } +} + +var offset = 0; + +function checkEmailChange(email) { + var isChange = email !== userInfo.email; + if (isEmail(email)) { + if (isChange) { + $.get("/user/email/exists", {email: email}, function (data) { + var json = JSON.parse(data); + app.emailErrorTip = json.exists ? "该邮箱已经被注册啦" : ""; + }); + } + app.emailErrorTip = ""; + } else { + app.emailErrorTip = "邮箱格式不正确"; + } + $(".verify-code-div").css("display", isChange && userConfig.emailVerify ? "block" : "none"); +} + +/** + * 加载用户配置信息 + */ +layer.load(1); +$.get("/config/user", function (data) { + layer.closeAll(); + userConfig = JSON.parse(data); +}); + +var currentTab = "#files-content"; + +function getUserDownloaded() { + currentTab = "#downloaded-content"; + layer.load(1); + $.get("/file/user/downloaded", {offset: offset, search: search}, function (data) { + layer.closeAll(); + try { + setResources(JSON.parse(data), currentTab); + } catch (e) { + window.location.href = "/signin"; + } + }); +} + +function getUserUploaded() { + currentTab = "#uploaded-content"; + layer.load(1); + $.get("/file/user/uploaded", {offset: offset, search: search}, function (data) { + layer.closeAll(); + try { + setResources(JSON.parse(data), currentTab); + } catch (e) { + window.location.href = "/signin"; + } + }); +} + +function getResource(orderBy) { + currentTab = "#resources-content"; + layer.load(1); + $.get("/file/all", { + offset: offset, + categoryId: $("#category").val(), + orderBy: orderBy, + search: search + }, function (data) { + layer.closeAll(); + setResources(JSON.parse(data), currentTab); + }); +} + +function setResources(resources, tabId) { + var contentHtml = ""; + search = ""; + if (resources.length < 1) { + offset -= 1; + alerts("糟糕，没有数据了"); + } else { + $.each(resources, function (i, resource) { + + /** @namespace resource.fileName */ + /** @namespace resource.createTime */ + /** @namespace resource.categoryName */ + /** @namespace resource.checkTimes */ + /** @namespace resource.downloadTimes */ + /** @namespace resource.visitUrl */ + /** @namespace resource.downloadTime */ + /** + * 暂时不考虑查看次数 + * @code  查看次数：<b>" + resource.checkTimes + "</b> + */ + var isDownloaded = "#downloaded-content" === tabId; + var date = isDownloaded ? resource.downloadTime : resource.createTime; + contentHtml += "<div class='row content-box rounded' data-id='" + resource.id + "'><div class='col-12 col-sm-12'><br/><div class='row'>" + + (isMobile() ? "" : "<div class='col-sm-1 col-0'><img src='" + (resource.avatar ? resource.avatar : "/assets/img/default-user.jpg") + "' class='rounded avatar'/></div>") + + "<div class='col-sm-11 col-12'><h4><a data-toggle='tooltip' class='visit-url' href='" + resource.visitUrl + "' target='_blank' data-description='" + resource.description + "' title='" + resource.description + "'>" + resource.fileName + "</a>" + + ("#uploaded-content" === tabId ? " <a href='javascript:;' class='font-1' onclick='editFile();'>编辑</a> <a href='javascript:;' class='font-1' onclick='removeFile();'>删除</a>" : "") + + "</h4><p>上传者：<b>" + resource.username + "</b> " + (isDownloaded ? "下载" : "上传") + "时间：<b>" + new Date(date).format("yyyy-MM-dd hh:mm:ss") + "</b> 文件大小：<b>" + formatSize(resource.size) + "</b> 分类：<b class='file-category'>" + resource.categoryName + "</b>" + + " 标签：<b class='file-tag'>" + resource.tag + "</b> 下载次数：<b>" + resource.downloadTimes + "</b>" + + "</p></div></div><br/></div></div><br/>"; + }); + if (offset > 0) { + $(tabId).append(contentHtml); + } else { + $(tabId).html(contentHtml); + } + $('[data-toggle="tooltip"]').tooltip(); + setCSS(); + } +} + +function getFiles(path) { + currentTab = "#files-content"; + layer.load(1); + $.ajax({ + url: "/sketch/list", + method: "GET", + cache: false, + data: {searchPath: path}, + async: false, + success: function (data, textStatus, xhr) { + layer.closeAll(); + try { + setFiles(JSON.parse(data), currentTab); + } catch (e) { + console.log(xhr.status) + window.location.href = "/signin"; + if (xhr.status === 302) { + } + } + }, + error: function () { + // layer.closeAll(); + // window.location.href = "/signin"; + } + }); + /* $.get("/sketch/list", { + searchPath: path + }, function (data) { + layer.closeAll(); + setFiles(JSON.parse(data), currentTab); + });*/ +} +function setFiles(fileData, tabId) { + var resources = fileData.result; + var dirPath1=fileData.path; + $("#dir_id").html(dirPath1); + $("#dir_id").attr("value",dirPath1); + var dirPath = dirPath1.replaceAll("\\","\\\\"); + var contentHtml = ""; + search = ""; + /* if (resources.length < 1) { + offset -= 1; + alerts("糟糕，没有数据了"); + } else */{ + $.each(resources, function (i, resource) { + contentHtml += "<tr>"+ + "<td>"+ + "<button class='file_ic' onclick='operatorPage(\""+dirPath+resource.name+"\",\""+resource.type+"\",\""+resource.name+"\")'><i class='glyphicon " +(resource.type==="file" ? "glyphicon-file":"glyphicon-folder-close")+ "'/></button>" + + "</td>" + + "<td>"+ + "<h5><button data-toggle='tooltip' class='visit-url' href='javascript:;' onclick='operatorPage(\""+dirPath+resource.name+"\",\""+resource.type+"\",\""+resource.name+"\")' >" + resource.name + "</button></h5>" + + "</td>"+ + "<td data-order='" + resource.size + "'>"+ + "<b>" + formatSize(resource.size) + "</b>" + + "</td>"+ + "<td>"+ + "<b>" + resource.date + "</b>" + + "</td>"+ + "</tr>"; + }); + if (offset > 0) { + $(tabId).append(contentHtml); + } else { + $(tabId).html(contentHtml); + } + $('[data-toggle="tooltip"]').tooltip(); + setCSS(); + } +} + +var srcContentBox; + +function editFile() { + var contentBox = $(event.srcElement).parents(".content-box"); + srcContentBox = contentBox; + $("#edit-file-id").val($(contentBox).attr("data-id")); + $("#edit-file-name").val($(contentBox).find("a.visit-url").text()); + $("#edit-file-category").val($(contentBox).find("b.file-category").text()); + $("#edit-file-tag").val($(contentBox).find("b.file-tag").text()); + $("#edit-file-description").val($(contentBox).find("a.visit-url").attr("data-description")); + $("#edit-file-modal").modal("show"); +} + +function saveFileInfo() { + var name = $("#edit-file-name").val(); + var category = $("#edit-file-category").val(); + var tag = $("#edit-file-tag").val(); + var description = $("#edit-file-description").val(); + if (isEmpty(name)) { + alerts("文件名不能为空"); + } else { + layer.load(1); + $.ajax({ + url: "/file/" + $("#edit-file-id").val(), + type: "PUT", + data: { + name: name, + category: category, + tag: tag, + description: description + }, + success: function (data) { + layer.closeAll(); + var json = JSON.parse(data); + if (json.status === "success") { + $(srcContentBox).find("a.visit-url").text(name); + $(srcContentBox).find("b.file-category").text(category); + $(srcContentBox).find("b.file-tag").text(tag); + $(srcContentBox).find("a.visit-url").attr("data-description", description); + var href = $(srcContentBox).find("a.visit-url").attr("href"); + $(srcContentBox).find("a.visit-url").attr("href", href.substr(0, href.lastIndexOf("/") + 1) + name); + $("#edit-file-modal").modal("hide"); + alerts("保存成功"); + } else { + alerts(json.message); + } + } + }) + ; + } +} + +function removeFile() { + var contentBox = $(event.srcElement).parents(".content-box"); + layer.confirm('是否确定删除文件【' + $(contentBox).find("a.visit-url").text() + '】', { + btn: ['确定', '删除'], + skin: 'layui-layer-molv' + }, function () { + var id = $(contentBox).attr("data-id"); + layer.load(1); + $.ajax({ + url: "/file/" + id, type: "DELETE", success: function (data) { + layer.closeAll(); + var json = JSON.parse(data); + if (json.status === "success") { + $(contentBox).remove(); + layer.msg("删除成功"); + } else { + alerts(json.message); + } + }, error: function () { + layer.closeAll(); + alerts("服务器异常，请联系管理员"); + } + }); + }); +} + +$.get("/category/all", function (data) { + var json = JSON.parse(data); + var option = ""; + $.each(json, function (i, category) { + option += "<option value='" + category.name + "'>" + category.name + "</option>"; + }); + if (!isEmpty(option)) { + $("#edit-file-category").html(option); + } + option = ""; + $.each(json, function (i, category) { + option += "<option value='" + category.id + "'>" + category.name + "</option>"; + }); + if (!isEmpty(option)) { + $("#category").append(option); + } +}); + +// web sketch 文件上传 +function showFileUpload() { + layer.open({ + type: 1, + title: false, + closeBtn: 1, + offset: 'ct', + shadeClose: true, + content: "<input id='file-upload' class='form-control file' multiple data-max-file-count='100' name='file' type='file'/>" + }); + $("#file-upload").fileinput({ + uploadUrl: "./sketch/upload", + language: 'en', + // showPreview: false, //是否显示预览 + showCancel: true, + showUpload: true, + maxFileCount: 10, + maxFilePreviewSize: 512000, //允许上传文件最大500M + uploadExtraData:function() { + var extData = { + destination: $("#dir_id").attr("value") + } + return extData; + } + }).on('fileuploaded', function (event, data) { + var json = data.response; + if (JSON.stringify(json).indexOf("success") > 0) { + $("#avatar").attr("src", json.success); + getFiles($("#dir_id").attr("value")); + } else { + alerts(json.error); + } + }); +} + +function operatorPage(currentPath,type,name){ + if(type==="dir"){ + var nextPath = currentPath; + if(currentPath.indexOf("\\")!=-1){ + nextPath = currentPath.endsWith("\\") ? currentPath : currentPath +"\\"; + } else { + nextPath = currentPath.endsWith("/") ? currentPath : currentPath +"/"; + } + getFiles(nextPath); + $(".backBtn_p").show(); + } else { + fileDownLoad(currentPath,name); + } +} +function backPage() { + var currentPath = $("#dir_id").attr("value"); + var backPath = currentPath; + if(currentPath.indexOf("\\")!=-1){ + if(currentPath.endsWith("\\")){ + currentPath = currentPath.substring(0, currentPath.lastIndexOf('\\')); + } + backPath = currentPath == '' ? '' : currentPath.substring(0, currentPath.lastIndexOf('\\'))+"\\"; + } else { + if(currentPath.endsWith("/")){ + currentPath = currentPath.substring(0, currentPath.lastIndexOf('\\')); + } + backPath = currentPath == '' ? '' : currentPath.substring(0, currentPath.lastIndexOf('/'))+"/"; + } + getFiles(backPath); + if ( $("#history_path").attr("value")==backPath){ + $(".backBtn_p").hide(); + } +} +function reconvert(str){ + str = str.replace(/(\\u)(\w{1,4})/gi,function($0){ + return (String.fromCharCode(parseInt((escape($0).replace(/(%5Cu)(\w{1,4})/g,"$2")),16))); + }); + str = str.replace(/(&#x)(\w{1,4});/gi,function($0){ + return String.fromCharCode(parseInt(escape($0).replace(/(%26%23x)(\w{1,4})(%3B)/g,"$2"),16)); + }); + str = str.replace(/(&#)(\d{1,6});/gi,function($0){ + return String.fromCharCode(parseInt(escape($0).replace(/(%26%23)(\d{1,6})(%3B)/g,"$2"))); + }); + + return str; +} +function fileDownLoad(path,name) { + var url = '/sketch/download?path='+encodeURI(path); + var xhr = new XMLHttpRequest(); + xhr.open('GET', url, true); // 也可以使用POST方式，根据接口 + xhr.responseType = "blob"; // 返回类型blob + // 定义请求完成的处理函数，请求前也可以增加加载框/禁用下载按钮逻辑 + xhr.onload = function () { + if (this.status === 200) { + var blob = this.response; + var reader = new FileReader(); + reader.readAsDataURL(blob); // 转换为base64，可以直接放入a表情href + reader.onload = function (e) { + // 转换完成，创建一个a标签用于下载 + var a = document.createElement('a'); + // 获取文件名fileName + // var fileName = decodeURI(xhr.getResponseHeader("Content-Disposition")).split("filename=") + // var fileName2 = xhr.getResponseHeader("Content-Disposition").split("filename=") + // var fileName3 = xhr.getResponseHeader("filename") + // console.log(reconvert(fileName3)) + // fileName = fileName[fileName.length - 1]; + // fileName = fileName.replace(/"/g, ""); + a.download = name; + a.href = e.target.result; + $("body").append(a); // 修复firefox中无法触发click + a.click(); + $(a).remove(); + } + } + }; + // 发送ajax请求 + xhr.send() +} |