history.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>历史记录</title>
  6. <link rel="stylesheet" href="./public/css/browser.css">
  7. </head>
  8. <body style="overflow: hidden">
  9. <section style="-webkit-app-region: drag;height: 55px" class="bowerHeader">
  10. <section style="-webkit-app-region: no-drag" class="browerHeaderControl clearfix">
  11. <button type="button" class="icon-times close" style="font-size:16px;background: none;color: #fff"></button>
  12. </section>
  13. <div class="HistoryMain">
  14. <div class="HistoryHead">
  15. <p>历史记录</p>
  16. </div>
  17. <div class="HistoryContainer">
  18. </div>
  19. </div>
  20. <div class="CampusInfoBrowserHistory"></div>
  21. </section>
  22. <script src="./public/js/uform.js"></script>
  23. <script>
  24. var ipc=require('electron').ipcRenderer;
  25. $(".close")[0].onclick=function(){
  26. ipc.send('BrowserHistory-close');
  27. };
  28. addChild = function(parent,newChild){
  29. if(parent.firstChild){
  30. parent.insertBefore(newChild,parent.firstChild);
  31. } else {
  32. parent.addChild(newChild);
  33. }
  34. return parent;
  35. }
  36. var BrowserHistory = $(".HistoryContainer")[0];
  37. for (date in localStorage) {
  38. var a=$$("div",{"className":"HistoryCard"});
  39. addChild(BrowserHistory,a);
  40. var a_head=$$("p",{"className":"HistoryCardHead","innerText":date},a);
  41. var a_container=$$("ul",{"className":"HistoryCardContainer"},a);
  42. var data=JSON.parse(localStorage[date]);
  43. console.log(data)
  44. for(var i=0;i<data.length;i++){
  45. var a_list=$$("li",{},a_container);
  46. var a_time=$$("span",{"innerText":data[i].time},a_list);
  47. var a_content=$$("div",{},a_list);
  48. $$("img",{"src":data[i].favicons,"draggable":"false"},a_content);
  49. $$("p",{"innerText":data[i].title},a_content);
  50. a_list.url=data[i].url;
  51. a_list.onclick=function () {
  52. ipc.send('open-history',this.url);
  53. ipc.send('BrowserHistory-close');
  54. }
  55. }
  56. }
  57. </script>
  58. </body>
  59. </html>