index.html 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. <!--
  2. This file is part of centurio.work/commands.
  3. centurio.work/commands is free software: you can redistribute it and/or
  4. modify it under the terms of the GNU General Public License as published by
  5. the Free Software Foundation, either version 3 of the License, or (at your
  6. option) any later version.
  7. centurio.work/commands is distributed in the hope that it will be useful, but
  8. WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
  9. FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  10. more details.
  11. You should have received a copy of the GNU General Public License along with
  12. centurio.work/commands (file COPYING in the main directory). If not, see
  13. <http://www.gnu.org/licenses/>.
  14. -->
  15. <!DOCTYPE html>
  16. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  17. <head>
  18. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  19. <title>Universal Storage</title>
  20. <!-- libs, do not modify. When local than load local libs. -->
  21. <script type="text/javascript" src="/js_libs/jquery.min.js"></script>
  22. <script type="text/javascript" src="/js_libs/jquery.browser.js"></script>
  23. <script type="text/javascript" src="/js_libs/jquery.svg.min.js"></script>
  24. <script type="text/javascript" src="/js_libs/jquery.svgdom.min.js"></script>
  25. <script type="text/javascript" src="/js_libs/vkbeautify.js"></script>
  26. <script type="text/javascript" src="/js_libs/util.js"></script>
  27. <script type="text/javascript" src="/js_libs/printf.js"></script>
  28. <script type="text/javascript" src="/js_libs/strftime.min.js"></script>
  29. <script type="text/javascript" src="/js_libs/parsequery.js"></script>
  30. <script type="text/javascript" src="/js_libs/underscore.min.js"></script>
  31. <script type="text/javascript" src="/js_libs/jquery.caret.min.js"></script>
  32. <script type="text/javascript" src="/js_libs/jquery.cookie.js"></script>
  33. <script type="text/javascript" src="/js_libs/relaxngui.js"></script>
  34. <script type="text/javascript" src="/js_libs/ui.js"></script>
  35. <script type="text/javascript" src="/js_libs/custommenu.js"></script>
  36. <link rel="stylesheet" href="/js_libs/custommenu.css" type="text/css"/>
  37. <link rel="stylesheet" href="/js_libs/ui.css" type="text/css"/>
  38. <link rel="stylesheet" href="/js_libs/relaxngui.css" type="text/css"/>
  39. <!-- custom stuff, play arround -->
  40. <link rel="stylesheet" href="css/ustore.css" type="text/css"/>
  41. <script type="text/javascript" src="js/ustore.js"></script>
  42. <script type="text/javascript" src="js/Upload.js"></script>
  43. <link rel="stylesheet" href="/cdp_ui/ui.css" type="text/css"/>
  44. <link rel="icon" href="favicon.ico">
  45. <link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png">
  46. </head>
  47. </body>
  48. <body is="x-ui">
  49. <ui-rest id="main">
  50. <ui-tabbar>
  51. <ui-before ><a class="logo" href="/customers/evva"></a></ui-before>
  52. <ui-tab class="" data-tab="storage" >Storage</ui-tab>
  53. <ui-behind ></ui-behind>
  54. </ui-tabbar>
  55. <ui-content>
  56. <ui-area data-belongs-to-tab="storage">
  57. <div id="QuickSelection">
  58. Quick Selection</br>
  59. <select id="selectfolders">
  60. </select>
  61. </div>
  62. <template id="cpyFolder">
  63. <div class="Folder">
  64. <a class="FolderImageLink" data-class='link' style="text-decoration: none;" href="#" onclick="">
  65. <span class="FolderImage" >🗀</span></br>
  66. <span class="FolderText" data-class='text'></span>
  67. </a>
  68. <div class="HiddenremoveLink">
  69. <a data-class='removefolder' href="#" onclick="">
  70. Remove Folder
  71. </a>
  72. </div>
  73. </div>
  74. </template>
  75. <template id="cpyFolderNew">
  76. <div class="Folder">
  77. <a class="FolderImageLink" data-class='link' style="text-decoration: none;" href="#" onclick="">
  78. <span class="FolderImage" >🗀</span></br>
  79. <div class="FolderTextNew" data-class='text'></div>
  80. </a>
  81. </div>
  82. </template>
  83. </br>
  84. <div id="Folders">
  85. </div>
  86. <!--
  87. <a href="#" onclick="saveexternalfolder()">Add External Folder</a>
  88. <div id="ExternalFolders">
  89. </div>
  90. -->
  91. </ui-area>
  92. <ui-resizehandle data-belongs-to-tab="storage" data-label="drag to resize"></ui-resizehandle>
  93. <ui-area data-belongs-to-tab="storage" id="detailcolumn">
  94. <div id="content-wrap">
  95. <form id="imgUpload" class="box" method="post" action="../images/imageUpload.php" enctype="multipart/form-data">
  96. <div class="box__input">
  97. <input class="box__file" type="file" name="files[]" id="file" data-multiple-caption="{count} files selected" multiple />
  98. <label for="file"><strong>Choose a file</strong><span class="box__dragndrop"> or drag it here</span>.</label>
  99. <button class="box__button" type="submit">Upload</button>
  100. </div>
  101. <div class="box__uploading">Uploading&hellip;</div>
  102. <div class="box__success">Done!
  103. <a href="https://centurio.work/customers/evva/was/ui//?" class="box__restart" role="button">Upload more?</a>
  104. </div>
  105. <div class="box__error">Error! <span></span>.</div>
  106. </form>
  107. <div id="MenuBar">
  108. <a class="showremoveitemsNot" href="javascript:selectRemoveItems();">⨯ Remove Multiple Items</a>
  109. <a class="showremoveitems" href="javascript:removeSelectedItems();">[Remove Selected Items]</a>
  110. <a class="showremoveitems" href="javascript:selectAll();">[Select All]</a>
  111. <a class="showremoveitems" href="javascript:unselectAll();">[Close Selection]</a>
  112. <br>
  113. <a class="showhowmany" href="javascript:showitems(100);">Show 100</a>
  114. <a class="showhowmany" href="javascript:showitems(500);"> 500</a>
  115. <a class="showhowmany" href="javascript:showitems(1000);"> 1000</a>
  116. <a class="showhowmany" href="javascript:showitems(10000);"> 10000</a>
  117. </div>
  118. <template id="DataItem">
  119. <div class="DataItem">
  120. <div class="spanwrapping">
  121. <input data-class='multiRemovelink' class="showremoveitems" type="checkbox">
  122. <!--<span data-class='name' class="dataitemname"></span>-->
  123. <a data-class='name' class="mouseOver" href="#" title="Filename"></a>
  124. </div>
  125. <div data-class='image' class="DataImg">
  126. </div>
  127. <a data-class='inspect' target="_blank" href="#" onclick="">🔍</a>
  128. <a data-class='delete' href="#" onclick="">[⨯]</a>
  129. <a data-class='getLink' href="#" onclick="">📎</a>
  130. <a data-class='createSymlink' href="#" onclick="">🔗</a>
  131. <a data-class='rename' href="#" onclick="">R</a>
  132. <a data-class='eventTrigger' href='#'style="visibility: hidden;" onclick=''>↧</a>
  133. </div>
  134. </template>
  135. <div id="Data">
  136. </div>
  137. <div style ="clear:both"></div>
  138. </div>
  139. <div id="RemoveFolder">
  140. <a href="" id="removeFolderLink" >Remove folder and content!</a>
  141. </div>
  142. <div id="overlay" onclick="overlayOff()">
  143. <div id="overlaycontentsize"></div>
  144. </div>
  145. </ui-area>
  146. <ui-area data-belongs-to-tab="amount" class="inactive">
  147. </ui-area>
  148. <ui-area data-belongs-to-tab="production" class="inactive">
  149. </ui-area>
  150. </ui-content>
  151. </ui-rest>
  152. </body>
  153. </html>