浏览代码

Revert "历史纪录新功能,样式更改"

This reverts commit 19f4f70fba380d05bc1fb5f561316ec24d05ea3a.
kangna 7 年之前
父节点
当前提交
8a1610c0b5
共有 1 个文件被更改,包括 15 次插入128 次删除
  1. 15 128
      resources/app/history.html

+ 15 - 128
resources/app/history.html

@@ -13,36 +13,12 @@
     <div class="HistoryMain">
         <div class="HistoryHead">
             <p>历史记录</p>
-            <div class="HistorySelect">
-                <div>
-                    <input type="text" id="SelectInp" placeholder="搜索历史记录" style="-webkit-app-region: no-drag" value="">
-                </div>
-            </div>
         </div>
         <div class="HistoryContainer">
-        </div>
-        <div class="Historyoperating">
-            <ul>
-                <li onclick="xianshi()" style="border-bottom: 2px solid #dadada">显示历史记录</li>
-                <li onclick="HistoryCancelAll()" id="qingchu">
-                    清除历史记录
-                    <div class="item" onclick="HistoryCancelDone()">确定</div>
-                    <div class="item">取消</div>
-                </li>
-                <li onclick="HistorySelect()">搜索</li>
-            </ul>
+
         </div>
     </div>
     <div class="CampusInfoBrowserHistory"></div>
-    <div class="HistoryBottom">
-        <div class="HistoryBottomContent">
-            <div class="Historycount">已选择<span class="HistoryCountSpan">1</span>项</div>
-            <div class="HistoryPick">
-                <div style="margin-right: 20px;" onclick="HistoryCancel()">取消</div>
-                <div onclick="HistoryDelect()">删除</div>
-            </div>
-        </div>
-    </div>
 </section>
 <script src="./public/js/uform.js"></script>
 <script>
@@ -58,115 +34,26 @@
         }
         return parent;
     }
-    const choose = () => {
-        let numb = document.querySelectorAll("input[type='checkbox']:checked").length
-        if (numb === 0) {
-            $('.HistoryBottom')[0].style.bottom = '-55px';
-        }else{
-            $('.HistoryBottom')[0].style.bottom = '-0px';
-            $('.HistoryCountSpan')[0].innerText = numb
-        }
-    }
-    const HistoryCancel = () => {
-        let numb = document.querySelectorAll("input[type='checkbox']:checked")
-        if (numb.length) {
-            for(var i=0; i < numb.length; i++){
-                numb[i].checked = false;
-            }
-            $('.HistoryBottom')[0].style.bottom = '-55px';
-            $('.HistoryCountSpan')[0].innerText = '0'
-        }
-    }
-    const HistoryDelect = () => {
-        let isclick = document.querySelectorAll("input[type='checkbox']:checked")
-        for(let i = 0; i < isclick.length; i ++){
-            console.log(isclick[i])
-            Historyshanchu(isclick[i].parentNode.parentNode.parentNode.childNodes[0].innerHTML, isclick[i].value, isclick[i].parentNode)
-        }
-    }
-    const Historyshanchu = (par, item, my) => {
-        let arr = JSON.parse(localStorage[par])
-        arr.splice(~~item, 1)
-        localStorage[par] = JSON.stringify(arr)
-        my.style.display = 'none'
-        $('.HistoryBottom')[0].style.bottom = '-55px';
-        $('.HistoryCountSpan')[0].innerText = '0'
-    }
-    const HistoryCancelAll = () => {
-        [...document.querySelectorAll('.item')].map((i)=>{
-            if(i.style.opacity === '0'){
-                i.style.opacity = '1'
-            }else{
-                i.style.opacity = '0'
-            }
-        })
-    }
-    const HistorySelect = () => {
-        let selectdata = document.querySelectorAll('#SelectInp')[0]
-        let arr = []
-        for (date in localStorage) {
-            let data = JSON.parse(localStorage[date])
-            for(let i = 0; i < data.length; i ++){
-                if(data[i].title.indexOf(selectdata.value) >= 0 || data[i].url.indexOf(selectdata.value) >= 0){
-                    arr.push(data[i])
-                }
-            }
-        }
-        xuanrang(arr)
-    }
-    let BrowserHistory = $(".HistoryContainer")[0];
-    const xuanrang = (arr) => {
-        BrowserHistory.innerHTML = ''
-        let a = $$("div",{"className":"HistoryCard"},BrowserHistory);
-        var a_head=$$("p",{"className":"HistoryCardHead","innerText":'搜索历史记录'},a);
+    var BrowserHistory = $(".HistoryContainer")[0];
+    for (date in localStorage) {
+        var a=$$("div",{"className":"HistoryCard"});
+        addChild(BrowserHistory,a);
+        var a_head=$$("p",{"className":"HistoryCardHead","innerText":date},a);
         var a_container=$$("ul",{"className":"HistoryCardContainer"},a);
-        // addChild(BrowserHistory,a);
-        for(let i=0;i<arr.length;i++){
-            let a_list=$$("li",{},a_container);
-            let a_time=$$("span",{"innerText":arr[i].time},a_list);
-            let a_content=$$("div",{},a_list);
-            $$("img",{"src":arr[i].favicons,"draggable":"false"},a_content);
-            $$("p",{"innerText":arr[i].title},a_content);
-            $$("p",{"innerText":arr[i].url}, a_content)
-            a_content.url=arr[i].url;
-            a_content.onclick=function () {
+        var data=JSON.parse(localStorage[date]);
+        for(var i=0;i<data.length;i++){
+            var a_list=$$("li",{},a_container);
+            var a_time=$$("span",{"innerText":data[i].time},a_list);
+            var a_content=$$("div",{},a_list);
+            $$("img",{"src":data[i].favicons,"draggable":"false"},a_content);
+            $$("p",{"innerText":data[i].title},a_content);
+            a_list.url=data[i].url;
+            a_list.onclick=function () {
                 ipc.send('open-history',this.url);
                 ipc.send('BrowserHistory-close');
             }
         }
     }
-    const xianshi = () => {
-        // BrowserHistory.innerHTML = ''
-        for (date in localStorage) {
-            var a = $$("div",{"className":"HistoryCard"});
-            addChild(BrowserHistory,a);
-            var a_head=$$("p",{"className":"HistoryCardHead","innerText":date},a);
-            var a_container=$$("ul",{"className":"HistoryCardContainer"},a);
-            var data = JSON.parse(localStorage[date]);
-            for(var i=0;i<data.length;i++){
-                var a_list=$$("li",{},a_container);
-                $$("input",{"type":"checkbox","className":"Historyinput",'value': i,'onclick':function () {
-                    choose()
-                }},a_list)
-                var a_time=$$("span",{"innerText":data[i].time},a_list);
-                var a_content=$$("div",{},a_list);
-                $$("img",{"src":data[i].favicons,"draggable":"false"},a_content);
-                $$("p",{"innerText":data[i].title},a_content);
-                $$("p",{"innerText":data[i].url}, a_content)
-                a_content.url=data[i].url;
-                a_content.onclick=function () {
-                    ipc.send('open-history',this.url);
-                    ipc.send('BrowserHistory-close');
-                }
-            }
-        }
-    }
-    const HistoryCancelDone = () => {
-        // localStorage = ''
-    }
-    window.onload = () => {
-        xianshi()
-    }
 </script>
 
 </body>