AddUI.php 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="../script/jquery.min.js"></script>
  6. <link rel="stylesheet" href="../script/tocas/tocas.css">
  7. <script type='text/javascript' src="../script/tocas/tocas.js"></script>
  8. <title>7z File Manager</title>
  9. <style>
  10. body{
  11. background-color:white
  12. }
  13. .ts.form .inline.field label {
  14. min-width: 50%;
  15. }
  16. .ts.basic.dropdown, .ts.form select {
  17. max-width: 50%;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div class="ts container">
  23. <div class="ts grid">
  24. <div class="sixteen wide column">
  25. <br>
  26. <div class="ts form">
  27. <div class="field">
  28. <label>Archive: %path%</label>
  29. <input type="text">
  30. </div>
  31. </div>
  32. </div>
  33. <div class="eight wide column">
  34. <div class="ts form">
  35. <div class="inline field">
  36. <label>Archive format:</label>
  37. <select name="format">
  38. <option value="7z">7z</option>
  39. <option value="tar">tar</option>
  40. <option value="zip">zip</option>
  41. </select>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="eight wide column">
  46. <div class="ts form">
  47. <div class="inline field">
  48. <label>Update mode:</label>
  49. <select name="mode">
  50. <option value="">Add and replace files</option>
  51. <option value="">Update and add files</option>
  52. <option value="">Freshen existing files</option>
  53. <option value="">Synchronize files</option>
  54. </select>
  55. </div>
  56. </div>
  57. </div>
  58. <div class="eight wide column">
  59. <div class="ts form">
  60. <div class="inline field">
  61. <label>Compression level:</label>
  62. <select name="level">
  63. <option value="">Store</option>
  64. <option value="">Fastest</option>
  65. <option value="">Fast</option>
  66. <option value="">Normal</option>
  67. <option value="">Maximum</option>
  68. <option value="">Ultra</option>
  69. </select>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="eight wide column">
  74. <div class="ts form">
  75. <div class="inline field">
  76. <label>Path mode:</label>
  77. <select name="pathmode">
  78. <option value="">Relative pathnames</option>
  79. <option value="">Full pathnames</option>
  80. <option value="">Absolute pathnames</option>
  81. </select>
  82. </div>
  83. </div>
  84. </div>
  85. <div class="eight wide column">
  86. <div class="ts form">
  87. <div class="inline field">
  88. <label>Compression method:</label>
  89. <select name="method">
  90. <option value="">LZMA2</option>
  91. <option value="">LZMA</option>
  92. <option value="">PPMd</option>
  93. <option value="">BZip2</option>
  94. </select>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="eight wide column"></div>
  99. <div class="eight wide column"></div>
  100. <div class="eight wide column">
  101. <button class="ts basic button" style="width:45%">OK</button>
  102. &nbsp;&nbsp;&nbsp;&nbsp;
  103. <button class="ts basic button" style="width:45%">Cancel</button>
  104. </div>
  105. </div>
  106. </div>
  107. </body>
  108. </html>