A Teknik Services Web Extension that allows easy access to many of the services of Teknik. https://www.teknik.io/
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.

popup.html 3.0KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link rel="stylesheet" href="../css/font-awesome.min.css"/>
  7. <link rel="stylesheet" href="../css/common.css"/>
  8. <link rel="stylesheet" href="../css/popup.css"/>
  9. <title>Teknik</title>
  10. </head>
  11. <body>
  12. <div class="panel">
  13. <div class="tools-panel">
  14. <span class="tools-title">Teknik Services</span>
  15. <span class="tools-options">
  16. <span id="upload" class="btn"><i class="fa fa-upload"></i></span>
  17. <span id="settings" class="btn"><i class="fa fa-cog"></i></span>
  18. </span>
  19. <div class="clear"></div>
  20. </div>
  21. <div id="process-list"></div>
  22. </div>
  23. <!-- Templates for panels -->
  24. <div id="templates" style="display: none">
  25. <!-- Completed Item Template -->
  26. <div class="item-panel" id="process-item-template">
  27. <div class="item-title">
  28. <div class="title-text" id="title"></div>
  29. <span class="btn item-panel-close" id="close"><i class="fa fa-times-circle"></i></span>
  30. <div class="clear"></div>
  31. </div>
  32. <div class="item-details">
  33. <div class="item-actions">
  34. <span class="btn" id="copy"><i class="fa fa-clipboard"></i></span>
  35. <span class="btn" id="open"><i class="fa fa-external-link"></i></span>
  36. </div>
  37. <div class="item-content" id="url"></div>
  38. <div class="clear"></div>
  39. </div>
  40. </div>
  41. <!-- In Progress Template -->
  42. <div class="item-panel" id="process-item-progress-template">
  43. <div class="item-title">
  44. <div class="title-text" id="title"></div>
  45. <span class="btn item-panel-close" id="close"><i class="fa fa-ban"></i></span>
  46. <div class="clear"></div>
  47. </div>
  48. <div class="item-details">
  49. <div class="item-content" id="progress"></div>
  50. </div>
  51. </div>
  52. <!-- Error Template -->
  53. <div class="item-panel" id="process-item-error-template">
  54. <div class="item-title">
  55. <div class="title-text" id="title"></div>
  56. <span class="btn item-panel-close" id="close"><i class="fa fa-ban"></i></span>
  57. <div class="clear"></div>
  58. </div>
  59. <div class="item-details">
  60. <div class="item-content" id="error"></div>
  61. </div>
  62. </div>
  63. </div>
  64. <!-- hidden form for uploads -->
  65. <input type="file" name="files[]" style="opacity: 0; height: 0px;" id="files" multiple />
  66. <script type="application/javascript" src="../scripts/JQuery/jquery-3.1.1.min.js"></script>
  67. <script type="application/javascript" src="../scripts/Mozilla/browser-polyfill.js"></script>
  68. <script type="application/javascript" src="../scripts/common.js"></script>
  69. <script type="application/javascript" src="../scripts/popup.js"></script>
  70. </body>
  71. </html>