index.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  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>
  69. </template>
  70. <template id="cpyFolderNew">
  71. <div class="Folder">
  72. <a class="FolderImageLink" data-class='link' style="text-decoration: none;" href="#" onclick="">
  73. <span class="FolderImage" >🗀</span></br>
  74. <div class="FolderTextNew" data-class='text'></div>
  75. </a>
  76. </div>
  77. </template>
  78. </br>
  79. <div id="Folders">
  80. </div>
  81. <!--
  82. <a href="#" onclick="saveexternalfolder()">Add External Folder</a>
  83. <div id="ExternalFolders">
  84. </div>
  85. -->
  86. </ui-area>
  87. <ui-resizehandle data-belongs-to-tab="storage" data-label="drag to resize"></ui-resizehandle>
  88. <ui-area data-belongs-to-tab="storage" id="detailcolumn">
  89. <div id="content-wrap">
  90. <form id="imgUpload" class="box" method="post" action="../images/imageUpload.php" enctype="multipart/form-data">
  91. <div class="box__input">
  92. <input class="box__file" type="file" name="files[]" id="file" data-multiple-caption="{count} files selected" multiple />
  93. <label for="file"><strong>Choose a file</strong><span class="box__dragndrop"> or drag it here</span>.</label>
  94. <button class="box__button" type="submit">Upload</button>
  95. </div>
  96. <div class="box__uploading">Uploading&hellip;</div>
  97. <div class="box__success">Done!
  98. <a href="https://centurio.work/customers/evva/was/ui//?" class="box__restart" role="button">Upload more?</a>
  99. </div>
  100. <div class="box__error">Error! <span></span>.</div>
  101. </form>
  102. <template id="DataItem">
  103. <div class="DataItem">
  104. <div class="spanwrapping">
  105. <span data-class='name'></span>
  106. </div>
  107. <div data-class='image' class="DataImg">
  108. </div>
  109. <a data-class='inspect' target="_blank" href="#" onclick="">🔍</a>
  110. <a data-class='delete' href="#" onclick="">[⨯]</a>
  111. <a data-class='getLink' href="#" onclick="">📎</a>
  112. <a data-class='eventTrigger' href='#'style="visibility: hidden;" onclick=''>↧</a>
  113. </div>
  114. </template>
  115. <div id="Data">
  116. </div>
  117. <div style ="clear:both"></div>
  118. </div>
  119. <div id="RemoveFolder">
  120. <a href="" id="removeFolderLink" >Remove folder and content!</a>
  121. </div>
  122. <div id="overlay" onclick="overlayOff()">
  123. <div id="overlaycontentsize"></div>
  124. </div>
  125. </ui-area>
  126. <ui-area data-belongs-to-tab="amount" class="inactive">
  127. </ui-area>
  128. <ui-area data-belongs-to-tab="production" class="inactive">
  129. </ui-area>
  130. </ui-content>
  131. </ui-rest>
  132. </body>
  133. </html>