API tools faq
paste
Katsushiro

index.html

Katsushiro
Nov 15th, 2014
77
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.13 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.  
  7.     <script src="jquery-2.1.1.js"></script>
  8.     <script src="jquery-ui.js"></script>
  9.    
  10.     <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  11.        
  12.     <script src="main.js"></script>
  13.     <script src="dragDrop.js"></script>
  14.     <script src="buttonInterface.js"></script>
  15.     <script src="functions.js"></script>
  16.     <script src="storedFiles.js"></script>
  17.    
  18.     <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
  19.        
  20.     <link rel="stylesheet" type="text/css" href="styles.css" />
  21.    
  22.     <script src="http://cdn.jsdelivr.net/webshim/1.12.4/extras/modernizr-custom.js"></script>
  23.    
  24.     <!-- polyfiller file to detect and load polyfills -->
  25.     <script src="http://cdn.jsdelivr.net/webshim/1.12.4/polyfiller.js"></script>
  26.    
  27.     <title>Upload Web Interface</title>
  28. </head>
  29.  
  30. <body>
  31.  
  32.     <!-------------------------------------------------------------------------------------------------------------
  33.     --- Main container ---
  34.     --------------------->
  35.     <div id="mainCont">
  36.    
  37.         <!---------------------------------------------------------------------------------------------------------
  38.         --- Buttons ---
  39.         -------------->
  40.         <div id="buttonsCont">
  41.             <div class="btn-group-vertical">
  42.                 <button type="button" id="storedFilesButton" class="btn btn-primary active">Stored Files</button>
  43.                 <button type="button" id="uploadFilesButton" class="btn btn-warning">Upload Files</button>
  44.             </div>
  45.         </div>
  46.    
  47.         <!------------------------------------------------------------------------------------------------------------
  48.         --- Content container                  ---
  49.         ---  * in the center of user's monitor ---
  50.         ----------------------------------------->
  51.         <div id="contentCont">
  52.        
  53.             <!--------------------------------------------------------------------------------------------------------
  54.             --- Content wrapper       ---
  55.             --- * to control overflow ---
  56.             ---------------------------->
  57.             <div id="contentWrapper">
  58.  
  59.                 <!----------------------------------------------------------------------------------------------------
  60.                 --- Stored files ---
  61.                 ------------------->
  62.                 <div id="storedFiles">
  63.                     <input id="jsonData" type="hidden" value="" />
  64.                
  65.                     Stored Files
  66.                    
  67.                     <div id="storedItemsTableWrapper"></div>
  68.                    
  69.                 </div>
  70.            
  71.                 <!----------------------------------------------------------------------------------------------------
  72.                 --- Drag&Drop interface ---
  73.                 -------------------------->
  74.                 <div id="DragDrop" class="content">
  75.                     <div id="DragDropField" class="dragdrop">
  76.                         Drag your files here
  77.                     </div>
  78.            
  79.                     <div id="ProgressBars"></div>
  80.            
  81.                     <div class="infoTitle">
  82.                         Or you can switch to
  83.                         <button class="btn btn-primary" onclick="switchInterface()">Classic interface</button>
  84.                     </div>
  85.            
  86.                     <div id="Warning" class="alert alert-danger" role="alert">
  87.                         You haven't selected any files to upload!
  88.                     </div>
  89.            
  90.                     <div id="UploadSuccess" class="alert alert-success" role="alert">
  91.                         Files were successfully uploaded.
  92.                     </div>
  93.                 </div>
  94.            
  95.                 <!----------------------------------------------------------------------------------------------------
  96.                 --- Button interface ---
  97.                 ----------------------->
  98.                 <div id="UploadButton" class="content">
  99.            
  100.                     <div class="infoTitle">
  101.                         Here you can upload your files.
  102.                     </div>
  103.            
  104.                     <div id="InputFields"></div>
  105.            
  106.                     <button id="Add" class="btn btn-primary addButton">
  107.                         <span class="glyphicon glyphicon-folder-open"></span> Add File
  108.                     </button>
  109.                     <br />
  110.                     <button id="Upload" class="btn btn-success uploadButton" data-loading-text="Uploading...">
  111.                         <span class="glyphicon glyphicon-cloud-upload"></span> Upload Files
  112.                     </button>
  113.                     <br />
  114.            
  115.                     <div id="Warning2" class="alert alert-danger" role="alert">You
  116.                         haven't selected any files to upload!</div>
  117.                     <div id="UploadSuccess2" class="alert alert-success" role="alert">Files
  118.                         were successfully uploaded.</div>
  119.                 </div>     
  120.             </div>
  121.         </div> 
  122.     </div>
  123. </body>
  124.  
  125. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!