API tools faq
paste
Advertisement
Isaac18

homepage

Isaac18
Dec 18th, 2014
174
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.80 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <title>File Box</title>
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <!--Bootstrap-->
  7.     <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  8.     <link href="css/custom.css" rel="stylesheet">
  9.     <script type="text/javascript" src="js/respond.js"></script>
  10.  
  11. </head>
  12. <body>
  13. <div class="container">
  14.     <!-- navigation -->
  15.     <div class="row">
  16.         <nav class="navbar navbar-default navbar-fixed-top">
  17.             <div class="container">
  18.             <div class="navbar-header">
  19.                 <a href="#" class="navbar-brand">File Box</a>
  20.                 <!--<p class="navbar-text pull-right">Signed in as <a href="#" class="navbar-link">Sam Adegun</a></p>-->
  21.                  <ul class="nav navbar-nav pull-right">
  22.                     <li class="dropdown ">
  23.                         <p class="navbar-text pull-right dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Signed in as <a href="#" class="navbar-link"><strong><?php echo $_SESSION['first_name']; ?></strong> <span class="caret"></span></a>
  24.                       <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Signed  <span class="caret"></span></a>-->
  25.                       <ul class="dropdown-menu pull-right" role="menu">
  26.                         <li><a href="?logout">Sign out</a></li>
  27.                       </ul>
  28.                     </li>
  29.                   </ul>
  30.             </div>
  31.         </nav>
  32.     </div>
  33.     <!-- navigation end -->
  34.  
  35.     <div class="row" id="customRow">
  36.         <!-- pills navigation -->
  37.         <div class="col-md-3">
  38.             <ul class="nav nav-stacked">
  39.                 <li><a href="core.php"><span class="glyphicon glyphicon-folder-close"></span> Files</a></li>
  40.                 <li><a href="#" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-cloud-upload"></span> Upload</a></li>
  41.             </ul>
  42.             <!-- Modal -->
  43.             <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  44.               <div class="modal-dialog">
  45.                 <div class="modal-content">
  46.                   <div class="modal-header">
  47.                     <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  48.                     <h4 class="modal-title" id="myModalLabel">Upload</h4>
  49.                   </div>
  50.                   <form action="core.php" method="post" enctype="multipart/form-data">
  51.                       <div class="modal-body">
  52.                         <!--<span class="btn btn-default btn-file">
  53.                             Browse <input type="file">
  54.                         </span>-->
  55.                         <div style="position:relative;">
  56.                             <a class='btn btn-primary' href='javascript:;'>
  57.                                 Choose File...
  58.                                 <input type="file" name="fileupload" style='position:absolute;z-index:2;top:0;left:0;filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;background-color:transparent;color:transparent;' name="file_source" size="40"  onchange='$("#upload-file-info").html($(this).val());'>
  59.                             </a>
  60.                             &nbsp;
  61.                             <span class='label label-info' id="upload-file-info"></span>
  62.                             <?php echo $someThing; ?>
  63.                         </div>
  64.                       </div>
  65.                       <div class="modal-footer" >
  66.                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  67.                         <button type="submit" class="btn btn-primary" name="upload">Upload
  68.                       </div>
  69.                   </form>
  70.                 </div>
  71.               </div>
  72.             </div>
  73.         </div>
  74.  
  75.         <div class="col-md-8">
  76.                 <table class="table table-hover">
  77.                     <thead>
  78.                       <tr>
  79.                         <th>Name</th>
  80.                         <th>Type</th>
  81.                         <th>Upload Date</th>
  82.                         <th>Action</th>
  83.                       </tr>
  84.                     </thead>
  85.                     <tbody>
  86.                         <?php foreach($files as $file): ?>
  87.                             <form action="core.php" method="post">
  88.                               <tr>
  89.                                 <td><a href="<?php echo'users/'.$_SESSION['first_name'].'/'. $file['file_name']; ?>"><?php echo $file['file_name']; ?></a></td>
  90.                                 <td><?php echo $file['file_type']; ?></td>
  91.                                 <td><?php echo $file['date_uploaded']; ?></td>
  92.                                 <input type="hidden" name="file_id" value="<?php echo $file['file_id']; ?>">
  93.                                 <input type="hidden" name="file_name" value="<?php echo $file['file_name']; ?>">
  94.                                 <td><button type="submit" name="delete" class="btn btn-default btn-sm glyphicon glyphicon-trash"></span></button>
  95.                             </form>
  96.                                     <form action="core.php" method="GET">
  97.                                         <input type="hidden" name="file_id" value="<?php echo $file['file_id']; ?>">
  98.                                        
  99.                                         <input type="hidden" name="file_name" value="<?php echo $file['file_name']; ?>">
  100.  
  101.                                         <input type="hidden" name="file_type" value="<?php echo $file['file_type']; ?>">
  102.  
  103.                                         <button type="submit" name="download" class="btn btn-default btn-sm glyphicon glyphicon-cloud-download"></span></button>
  104.                                     </form>
  105.                                 </td>
  106.                               </tr>
  107.                             </form>
  108.                         <?php endforeach; ?>
  109.                     </tbody>
  110.                 </table>
  111.         </div>
  112.     </div>
  113.  
  114. </div>
  115.  
  116. <!-- javascript -->
  117. <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  118. <script src="js/bootstrap.min.js"></script>
  119. </body>
  120. </html><!doctype html>
  121. <html>
  122. <head>
  123.     <title>File Box</title>
  124.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  125.     <!--Bootstrap-->
  126.     <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  127.     <link href="css/custom.css" rel="stylesheet">
  128.     <script type="text/javascript" src="js/respond.js"></script>
  129.  
  130. </head>
  131. <body>
  132. <div class="container">
  133.     <!-- navigation -->
  134.     <div class="row">
  135.         <nav class="navbar navbar-default navbar-fixed-top">
  136.             <div class="container">
  137.             <div class="navbar-header">
  138.                 <a href="#" class="navbar-brand">File Box</a>
  139.                 <!--<p class="navbar-text pull-right">Signed in as <a href="#" class="navbar-link">Sam Adegun</a></p>-->
  140.                  <ul class="nav navbar-nav pull-right">
  141.                     <li class="dropdown ">
  142.                         <p class="navbar-text pull-right dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Signed in as <a href="#" class="navbar-link"><strong><?php echo $_SESSION['first_name']; ?></strong> <span class="caret"></span></a>
  143.                       <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Signed  <span class="caret"></span></a>-->
  144.                       <ul class="dropdown-menu pull-right" role="menu">
  145.                         <li><a href="?logout">Sign out</a></li>
  146.                       </ul>
  147.                     </li>
  148.                   </ul>
  149.             </div>
  150.         </nav>
  151.     </div>
  152.     <!-- navigation end -->
  153.  
  154.     <div class="row" id="customRow">
  155.         <!-- pills navigation -->
  156.         <div class="col-md-3">
  157.             <ul class="nav nav-stacked">
  158.                 <li><a href="core.php"><span class="glyphicon glyphicon-folder-close"></span> Files</a></li>
  159.                 <li><a href="#" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-cloud-upload"></span> Upload</a></li>
  160.             </ul>
  161.             <!-- Modal -->
  162.             <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  163.               <div class="modal-dialog">
  164.                 <div class="modal-content">
  165.                   <div class="modal-header">
  166.                     <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  167.                     <h4 class="modal-title" id="myModalLabel">Upload</h4>
  168.                   </div>
  169.                   <form action="core.php" method="post" enctype="multipart/form-data">
  170.                       <div class="modal-body">
  171.                         <!--<span class="btn btn-default btn-file">
  172.                             Browse <input type="file">
  173.                         </span>-->
  174.                         <div style="position:relative;">
  175.                             <a class='btn btn-primary' href='javascript:;'>
  176.                                 Choose File...
  177.                                 <input type="file" name="fileupload" style='position:absolute;z-index:2;top:0;left:0;filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;background-color:transparent;color:transparent;' name="file_source" size="40"  onchange='$("#upload-file-info").html($(this).val());'>
  178.                             </a>
  179.                             &nbsp;
  180.                             <span class='label label-info' id="upload-file-info"></span>
  181.                             <?php echo $someThing; ?>
  182.                         </div>
  183.                       </div>
  184.                       <div class="modal-footer" >
  185.                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  186.                         <button type="submit" class="btn btn-primary" name="upload">Upload
  187.                       </div>
  188.                   </form>
  189.                 </div>
  190.               </div>
  191.             </div>
  192.         </div>
  193.  
  194.         <div class="col-md-8">
  195.                 <table class="table table-hover">
  196.                     <thead>
  197.                       <tr>
  198.                         <th>Name</th>
  199.                         <th>Type</th>
  200.                         <th>Upload Date</th>
  201.                         <th>Action</th>
  202.                       </tr>
  203.                     </thead>
  204.                     <tbody>
  205.                         <?php foreach($files as $file): ?>
  206.                             <form action="core.php" method="post">
  207.                               <tr>
  208.                                 <td><a href="<?php echo'users/'.$_SESSION['first_name'].'/'. $file['file_name']; ?>"><?php echo $file['file_name']; ?></a></td>
  209.                                 <td><?php echo $file['file_type']; ?></td>
  210.                                 <td><?php echo $file['date_uploaded']; ?></td>
  211.                                 <input type="hidden" name="file_id" value="<?php echo $file['file_id']; ?>">
  212.                                 <input type="hidden" name="file_name" value="<?php echo $file['file_name']; ?>">
  213.                                 <td><button type="submit" name="delete" class="btn btn-default btn-sm glyphicon glyphicon-trash"></span></button>
  214.                             </form>
  215.                                     <form action="core.php" method="GET">
  216.                                         <input type="hidden" name="file_id" value="<?php echo $file['file_id']; ?>">
  217.                                        
  218.                                         <input type="hidden" name="file_name" value="<?php echo $file['file_name']; ?>">
  219.  
  220.                                         <input type="hidden" name="file_type" value="<?php echo $file['file_type']; ?>">
  221.  
  222.                                         <button type="submit" name="download" class="btn btn-default btn-sm glyphicon glyphicon-cloud-download"></span></button>
  223.                                     </form>
  224.                                 </td>
  225.                               </tr>
  226.                             </form>
  227.                         <?php endforeach; ?>
  228.                     </tbody>
  229.                 </table>
  230.         </div>
  231.     </div>
  232.  
  233. </div>
  234.  
  235. <!-- javascript -->
  236. <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  237. <script src="js/bootstrap.min.js"></script>
  238. </body>
  239. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!