| 83 | } |
| 84 | |
| 85 | function showLinkFrame(callBack) { |
| 86 | var linkItems = []; |
| 87 | var typeHtml = lang.typeHead+" "; |
| 88 | if (!frame) { |
| 89 | $('<style>#managerLinksLinks>div{display: inline-block;width: 100%;}#managerLinksLinks>div:nth-of-type(odd){ background:#ffffff;}#managerLinksLinks>div:nth-of-type(even){ background:#f5f5f5;}#managerLinksContent input{border-width:2px;border-style:outset;border-color:buttonface;border-image:initial;border: 1px #DADADA solid;padding: 5px;border-radius: 8px;font-weight: bold;font-size: 9pt;outline: none;}#managerLinksContent input[type=button]:hover {border: 1px #C6C6C6 solid;box-shadow: 1px 1px 1px #EAEAEA;color: #333333;background: #F7F7F7;}#managerLinksContent input[type=button]:active {box-shadow: inset 1px 1px 1px #DFDFDF; }#managerLinksLinks>div>input{float:left;height: 20px;}#managerLinksLinks>div>a{width:230px;display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;float:left;}#managerLinksLinks{display:block;width:100%;overflow:auto;word-wrap:break-word;}#managerLinksType>a{text-decoration:none;}#managerLinksType{word-break:break-word;max-height:200px;overflow-y:auto;overflow-x:hidden;width:290px;margin-left:5px;}.managerLinksOverlay{height:100%; width:100%; position:fixed; top:0; z-index:99998; opacity:0.3; filter: alpha(opacity=30); background-color:#000;}.managerLinksBody{width:300px;height:auto;max-height:80%;min-height:200px;position:fixed;left:50%;top:50%;margin-top:-250px;margin-left:-150px;z-index:99998;background-color:#ffffff;border:1px solid #afb3b6;border-radius:10px;opacity:0.95;filter:alpha(opacity=95);box-shadow:5px 5px 20px 0px #000;}.managerLinksBody>.sort>input{width:33.3%}.managerLinksBody>.addTxt{white-space: nowrap;}.managerLinksBody>.addTxt>input{width: 136px;margin: 1px;border-radius: 2px;}.managerLinksBody>.fun>input{width: 33.3%;}.managerLinksLinks>div{width:100%;height:20px;overflow:hidden;}</style>').appendTo('head'); |
| 90 | frame = $(`<div id="managerLinksContent" style="display:none;"> |
| 91 | <div class="managerLinksOverlay"></div> |
| 92 | <div class="managerLinksBody"> |
| 93 | <div id="managerLinksType"></div> |
| 94 | <div class="sort"><input id="managerLinksSortByName" value="${lang.sortByName}" type="button"><input id="managerLinksSortByUrl" value="${lang.sortByUrl}" type="button"><input id="managerLinksSortByType" value="${lang.sortByType}" type="button"> |
| 95 | </div> |
| 96 | <div id="managerLinksLinks"></div> |
| 97 | <div title="${lang.addTips}" class="addTxt"><input id="managerLinksPre" type="text" placeholder="${lang.preHolder}"><input id="managerLinksAfter" type="text" placeholder="${lang.nextHolder}"> |
| 98 | </div> |
| 99 | <div class="fun"><input id="managerLinksCopyAll" value="${lang.copyAll}" type="button"><input id="managerLinksCopySel" value="${lang.copySel}" type="button"><input id="managerLinksClose" value="${lang.closeBtn}" type="button"> |
| 100 | </div> |
| 101 | </div> |
| 102 | </div>`); |
| 103 | $(document.body).append(frame); |
| 104 | $("#managerLinksSortByName").click(function() { |
| 105 | $("#managerLinksLinks").html(""); |
| 106 | linkItems.sort(by("linkName", "href")); |
| 107 | linkItems.forEach(function(item) { |
| 108 | $("#managerLinksLinks").append(item.item); |
| 109 | }); |
| 110 | }); |
| 111 | $("#managerLinksSortByUrl").click(function() { |
| 112 | $("#managerLinksLinks").html(""); |
| 113 | linkItems.sort(by("href", "type")); |
| 114 | linkItems.forEach(function(item) { |
| 115 | $("#managerLinksLinks").append(item.item); |
| 116 | }); |
| 117 | }); |
| 118 | $("#managerLinksSortByType").click(function() { |
| 119 | $("#managerLinksLinks").html(""); |
| 120 | linkItems.sort(by("type", "href")); |
| 121 | linkItems.forEach(function(item) { |
| 122 | $("#managerLinksLinks").append(item.item); |
| 123 | }); |
| 124 | }); |
| 125 | $("#managerLinksCopyAll").click(function() { |
| 126 | var pre = $("#managerLinksPre").val(); |
| 127 | var after = $("#managerLinksAfter").val(); |
| 128 | var resultStr = "",i=0; |
| 129 | linkItems.forEach(function(item) { |
| 130 | i++; |
| 131 | var linkName = decodeURIComponent(item.linkName); |
| 132 | resultStr += (pre.replace(/%i/g,i+"").replace(/%n/g,linkName) + item.href + after.replace(/%i/g,i+"").replace(/%n/g,linkName) + "\n"); |
| 133 | }); |
| 134 | callBack(resultStr); |
| 135 | }); |
| 136 | $("#managerLinksCopySel").click(function() { |
| 137 | var pre = $("#managerLinksPre").val(); |
| 138 | var after = $("#managerLinksAfter").val(); |
| 139 | var resultStr = "",i=0; |
| 140 | linkItems.forEach(function(item) { |
| 141 | i++; |
| 142 | if (item.item.children("input")[0].checked) { |