API tools faq
paste
Advertisement
Guest User

code

a guest
Feb 10th, 2016
219
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 19.64 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  
  6.     <meta charset="utf-8">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.     <meta name="description" content="">
  10.     <meta name="author" content="">
  11.  
  12.     <title>Inventory</title>
  13.  
  14.     <!-- Bootstrap Core CSS -->
  15.     <link href="css/bootstrap.min.css" rel="stylesheet">
  16.     <link rel="icon" type="img/ico" href="favicon.ico">
  17.     <!-- Custom CSS -->
  18.     <link href="css/scrolling-nav.css?ver=1" rel="stylesheet">
  19.     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  20.     <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
  21.  
  22.     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  23.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  24.     <!--[if lt IE 9]>
  25.         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  26.         <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  27.     <![endif]-->
  28.  
  29.     <style>
  30.         td{
  31.             padding: 15px;
  32.         }
  33.     </style>
  34.  
  35.  
  36.     <script>
  37.  
  38. </script>
  39.  
  40. <!-- The #page-top ID is part of the scrolling feature - the data-spy and data-target are part of the built-in Bootstrap scrollspy function -->
  41.  
  42. <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
  43.  
  44.     <!-- Navigation -->
  45.     <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  46.         <div class="container">
  47.             <div class="navbar-header page-scroll">
  48.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
  49.                     <span class="sr-only">Toggle navigation</span>
  50.                     <span class="icon-bar"></span>
  51.                     <span class="icon-bar"></span>
  52.                     <span class="icon-bar"></span>
  53.                 </button>
  54.                 <a class="navbar-brand page-scroll" href="#page-top">Home</a>
  55.             </div>
  56.  
  57.             <!-- Collect the nav links, forms, and other content for toggling -->
  58.             <div class="collapse navbar-collapse navbar-ex1-collapse">
  59.                 <ul class="nav navbar-nav">
  60.                     <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
  61.                     <li class="hidden">
  62.                         <a class="page-scroll" href="#page-top"></a>
  63.                     </li>
  64.                     <li>
  65.                         <a class="page-scroll" href="#about">Add Item</a>
  66.                     </li>
  67.                     <li>
  68.                         <a class="page-scroll" href="#services">Review Items</a>
  69.                     </li>
  70.                     <li>
  71.                         <a class="page-scroll" href="#contact">Update</a>
  72.                     </li>
  73.                     <li>
  74.                         <a class="page-scroll" href="#lookup">Tag Lookup</a>
  75.                     </li>
  76.                 </ul>
  77.             </div>
  78.             <!-- /.navbar-collapse -->
  79.         </div>
  80.         <!-- /.container -->
  81.     </nav>
  82.  
  83.     <!-- Intro Section -->
  84.     <section id="intro" class="intro-section">
  85.         <div class="container">
  86.             <div class="row">
  87.                 <div class="col-lg-12">
  88.                     <h1>Add Item</h1>
  89.                         <center><form action="javascript:void(0);" class="js-ajax-php-json" method="post" id="addform" accept-charset="utf-8">
  90.                         <table cellpadding="10">
  91.                             <tr>
  92.                                   <input type="hidden" name="type" value="FormSubmit">
  93.                                 <td><label>Item Type</label></td>
  94.                                 <td><select name="itemType" id="itemType" required><option></option><option value="Conference Room Chair">Conference Room Chair</option><option value="Conference Room Table">Conference Room Table</option><option value="Couch">Couch</option><option value="Credenza">Credenza</option><option value="Desk">Desk</option><option value="File Cabinet (2 Drawer)">File Cabinet (2 Drawer)</option><option value="File Cabinet (3 Drawer)">File Cabinet (3 Drawer)</option><option value="File Cabinet (4 Drawer)">File Cabinet (4 Drawer)</option><option value="Office Chair">Office Chair</option><option value="Phone">Phone</option><option value="Printer">Printer</option><option value="Projector">Projector</option><option value="Shelf">Shelf</option><option value="Side Chair">Side Chair</option><option value="Table">Table</option></select><br/></td>
  95.                             </tr>
  96.                             <tr>
  97.                                 <td><label>Location</label></td>
  98.                                 <td><input type="text" name="location" id="location" value="Enter Location" required /><br /></td>
  99.                             </tr>
  100.                             <tr>
  101.                                 <td><label>Approximate Location</label></td>
  102.                                 <td><select name="approxLoc" id="approxLoc" required><option></option><option value="Centeral Building">Central Building</option><option value="South 40">South 40</option><option value="Fiscal">Fiscal</option><option value="Lower Level">Lower Level</option></select></td>
  103.                             </tr>
  104.                             <tr>
  105.                                 <td><label>Extra Info</label></td>
  106.                                 <td><input type="text" name="extraInfo" id="extraInfo" value="Enter Extra Info" /><br /></td>
  107.                             </tr>
  108.                             <tr>
  109.                                 <td><label>Replacement Value</label></td>
  110.                                 <td><input type="Text" name="replacementValue" id="replacementValue" value="Enter Replacement Value"/><br /></td>
  111.                             </tr>
  112.                         </table>
  113.                         <input type="submit" name="submit" id="submitForm"  class="btn btn-primary" value="Submit form" />
  114.                         </form></center>
  115.                         <div class="the-return">
  116.                        
  117.                         </div>
  118.  
  119.                         <br /> <br />
  120.                     <a class="btn btn-default page-scroll" href="#about">View Data</a>
  121.                 </div>
  122.             </div>
  123.         </div>
  124.     </section>
  125.  
  126.     <!-- About Section -->
  127.     <section id="about" class="about-section">
  128.         <div class="container">
  129.             <div class="row">
  130.                 <div class="col-lg-12">
  131.                     <h1>View Items</h1>
  132.                     <p>Here you can view a table with all the items.</p>
  133.                       <div class="table-responsive">
  134.                         <table class="table table-hover">
  135.                           <thead>
  136.                             <tr>
  137.                               <th><Center>ID</Center></th>
  138.                               <th><Center>Item Type</Center></th>
  139.                               <th><Center>Item Location</Center></th>
  140.                               <th><Center>Extra Information</Center></th>
  141.                               <th><Center>Replacement Value</Center></th>
  142.                               <th><Center>Last Date Edited</Center></th>
  143.                             </tr>
  144.                           </thead>
  145.                           <tbody id="myTable" class="tableAll">
  146.                           <?php
  147.                             try {
  148.                                $dbh = new PDO('mysql:host=localhost:1433;dbname=ItemAssetDB', '', '');
  149.                             } catch(PDOException $e) {
  150.                                 echo $e->getMessage();
  151.                             }
  152.                                                       $getQuery = "SELECT * FROM items";
  153.                                     $prepared = $dbh->prepare($getQuery);
  154.                                     $prepared->execute();
  155.                                     $data = $prepared->fetchAll(PDO::FETCH_ASSOC);
  156.                                      foreach($data as $row){
  157.                                         $flag = 0;
  158.                                         if($flag == 1){
  159.                                             $flag = 0;
  160.                                             echo "<tr class='success'><td>" . $row['id'] . "</td><td>" . $row['ItemType'] . "</td><td>" . $row['Location'] . " (" . $row['approxLoc'] . ")</td><td>" . $row['ExtraInfo'] . "</td><td>" . $row['ReplaceValue'] . "</td><td>" . $row['DateEntered'] . "</td></tr>";
  161.                                         }else{
  162.                                             $flag++;
  163.                                             echo "<tr><td>" . $row['id'] . "</td><td>" . $row['ItemType'] . "</td><td>" . $row['Location'] . " (" . $row['approxLoc'] . ")</td><td>" . $row['ExtraInfo'] . "</td><td>" . $row['ReplaceValue'] . "</td><td>" . $row['DateEntered'] . "</td></tr>";
  164.                                         }
  165.                                        }
  166.                             ?>
  167.                           </tbody>
  168.                         </table>  
  169.                          
  170.                       </div>
  171.       <div class="col-md-12 text-center">
  172.       <ul class="pagination pagination-lg pager" id="myPager"></ul>
  173.       </div>
  174.      
  175.                 </div>
  176.             </div>
  177.         </div>
  178.     </section>
  179.  
  180.     <!-- Services Section -->
  181.     <section id="services" class="services-section">
  182.         <div class="container">
  183.             <div class="row">
  184.                 <div class="col-lg-12">
  185.                     <h1>Sorted Tables</h1>
  186.                      <center><form action="javascript:void(0);" class="js-ajax-php-json" method="post" id="sortform" accept-charset="utf-8">
  187.                         <table cellpadding="10">
  188.                             <tr>
  189.                                   <input type="hidden" name="type" value="tableSort">
  190.                                 <td><label>Sort By:</label></td>
  191.                                 <td><select name="sortBy" id="sortBy" required><option></option><option value="Item Type">Item Type</option><option value="Location">Location</option><option value="Approximate Location">Approximate Location</option><option value="Replacement Value">Replacement Value</option><option value="Date">Date</option></select><br/></td>
  192.                             </tr>
  193.                             <tr>
  194.                                 <td><label>Order By:</label></td>
  195.                                 <td><select name="orderBy" id="orderBy" required><option></option><option value="asc">Ascending</option><option value="desc">Descending</option></td>
  196.                             </tr>
  197.                          
  198.                         </table>
  199.                         <input type="submit" name="submit" id="submitSort"  class="btn btn-info" value="Generate Table" />
  200.                         </form></center>
  201.                         <span class="sort-Table-Return"></span>
  202.                         <div class="col-md-12 text-center">
  203.                         <ul class="pagination pagination-lg pager" id="mySortPager"></ul>
  204.                         </div>
  205.                 </div>
  206.             </div>
  207.         </div>
  208.     </section>
  209.  
  210.     <!-- Contact Section -->
  211.     <section id="contact" class="contact-section">
  212.         <div class="container">
  213.             <div class="row">
  214.                 <div class="col-lg-12">
  215.                     <h1>Advanced Search</h1>
  216.                     <center><form action="javascript:void(0);" class="js-ajax-php-json" method="post" id="searchform" accept-charset="utf-8">
  217.                         <table cellpadding="10">
  218.                             <tr>
  219.                                 <input type="hidden" name="type" value="tableSearch">
  220.                                 <td><label>Item Type:</label></td>
  221.                                 <td><select name="itemType" id="itemType"><option></option><option value="Conference Room Chair">Conference Room Chair</option><option value="Conference Room Table">Conference Room Table</option><option value="Couch">Couch</option><option value="Credenza">Credenza</option><option value="Desk">Desk</option><option value="File Cabinet (2 Drawer)">File Cabinet (2 Drawer)</option><option value="File Cabinet (3 Drawer)">File Cabinet (3 Drawer)</option><option value="File Cabinet (4 Drawer)">File Cabinet (4 Drawer)</option><option value="Office Chair">Office Chair</option><option value="Phone">Phone</option><option value="Printer">Printer</option><option value="Projector">Projector</option><option value="Shelf">Shelf</option><option value="Side Chair">Side Chair</option><option value="Table">Table</option></select><br/></td>
  222.                                 <td><label>Location:</label>
  223.                                 <td><input type="text" name="location" id="location" /></td>
  224.  
  225.                                 <td><label>Search Extra Information</label></td>
  226.                                 <td><input type="text" name="extraInfo" id="extraInfo" /></td>
  227.                             </tr>
  228.                          
  229.                         </table>
  230.                         <input type="submit" name="submit" id="submitSearch"  class="btn btn-info" value="Generate Table" />
  231.                         </form></center>
  232.                         <span class="search-Table-Return"></span>
  233.                         <div class="col-md-12 text-center">
  234.                         <ul class="pagination pagination-lg pager" id="mySortPager"></ul>
  235.                         </div>
  236.                 </div>
  237.             </div>
  238.         </div>
  239.     </section>
  240.     <section id="lookup" class="lookup-section">
  241.         <div class="container">
  242.             <div class="row">
  243.                 <div class="col-lg-12">
  244.                     <h1>Lookup Tag</h1>
  245.                     <center><form action="javascript:void(0);" class="js-ajax-php-json" method="post" id="lookupForm" accept-charset="utf-8">
  246.                         <table cellpadding="10">
  247.                             <tr>
  248.                                 <input type="hidden" name="type" value="lookup">
  249.                                 <td><label>Item ID:</label></td>
  250.                                 <td><input type="text" name="id" id="id" required/></td>
  251.                             </tr>
  252.                          
  253.                         </table>
  254.                         <input type="submit" name="submit" id="submitLookup"  class="btn btn-info" value="Lookup Tag" />
  255.                         </form></center>
  256.                         <span class="lookup-Return"></span>
  257.                         <div class="col-md-12 text-center">
  258.                         </div>
  259.                 </div>
  260.             </div>
  261.         </div>
  262.     </section>
  263.     <!-- Select element-->
  264.  
  265.  
  266.     <!-- jQuery -->
  267.     <script src="js/jquery.js"></script>
  268.  
  269.     <!-- Bootstrap Core JavaScript -->
  270.     <script src="js/bootstrap.min.js"></script>
  271.        <script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  272.  
  273.  
  274.         <script type='text/javascript' src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
  275.     <!-- Scrolling Nav JavaScript -->
  276.     <script src="js/jquery.easing.min.js"></script>
  277.     <script src="js/scrolling-nav.js"></script>
  278.     <script type='text/javascript'>
  279.        
  280.             $.fn.pageMe = function(opts){
  281.     var $this = this,
  282.         defaults = {
  283.             perPage: 7,
  284.             showPrevNext: false,
  285.             hidePageNumbers: false
  286.         },
  287.         settings = $.extend(defaults, opts);
  288.    
  289.     var listElement = $this;
  290.     var perPage = settings.perPage;
  291.     var children = listElement.children();
  292.     var pager = $('.pager');
  293.    
  294.     if (typeof settings.childSelector!="undefined") {
  295.         children = listElement.find(settings.childSelector);
  296.     }
  297.    
  298.     if (typeof settings.pagerSelector!="undefined") {
  299.         pager = $(settings.pagerSelector);
  300.     }
  301.    
  302.     var numItems = children.size();
  303.     var numPages = Math.ceil(numItems/perPage);
  304.  
  305.     pager.data("curr",0);
  306.    
  307.     if (settings.showPrevNext){
  308.         $('<li><a href="#" class="prev_link">«</a></li>').appendTo(pager);
  309.     }
  310.    
  311.     var curr = 0;
  312.     while(numPages > curr && (settings.hidePageNumbers==false)){
  313.         $('<li><a href="#" class="page_link">'+(curr+1)+'</a></li>').appendTo(pager);
  314.         curr++;
  315.     }
  316.    
  317.     if (settings.showPrevNext){
  318.         $('<li><a href="#" class="next_link">»</a></li>').appendTo(pager);
  319.     }
  320.    
  321.     pager.find('.page_link:first').addClass('active');
  322.     pager.find('.prev_link').hide();
  323.     if (numPages<=1) {
  324.         pager.find('.next_link').hide();
  325.     }
  326.     pager.children().eq(1).addClass("active");
  327.    
  328.     children.hide();
  329.     children.slice(0, perPage).show();
  330.    
  331.     pager.find('li .page_link').click(function(){
  332.         var clickedPage = $(this).html().valueOf()-1;
  333.         goTo(clickedPage,perPage);
  334.         return false;
  335.     });
  336.     pager.find('li .prev_link').click(function(){
  337.         previous();
  338.         return false;
  339.     });
  340.     pager.find('li .next_link').click(function(){
  341.         next();
  342.         return false;
  343.     });
  344.    
  345.     function previous(){
  346.         var goToPage = parseInt(pager.data("curr")) - 1;
  347.         goTo(goToPage);
  348.     }
  349.      
  350.     function next(){
  351.         goToPage = parseInt(pager.data("curr")) + 1;
  352.         goTo(goToPage);
  353.     }
  354.    
  355.     function goTo(page){
  356.         var startAt = page * perPage,
  357.             endOn = startAt + perPage;
  358.        
  359.         children.css('display','none').slice(startAt, endOn).show();
  360.        
  361.         if (page>=1) {
  362.             pager.find('.prev_link').show();
  363.         }
  364.         else {
  365.             pager.find('.prev_link').hide();
  366.         }
  367.        
  368.         if (page<(numPages-1)) {
  369.             pager.find('.next_link').show();
  370.         }
  371.         else {
  372.             pager.find('.next_link').hide();
  373.         }
  374.        
  375.         pager.data("curr",page);
  376.         pager.children().removeClass("active");
  377.         pager.children().eq(page+1).addClass("active");
  378.    
  379.     }
  380. };
  381.  
  382.  
  383. $(document).ready(function(){
  384.    
  385.     $("#submitForm").click(function(){
  386.         $.ajax({type: 'post', data: { myData: $('#addform').serialize() }, url: "database.php", success: function(info){
  387.               $(".the-return").html(
  388.                     info
  389.                 );
  390.         }});
  391.     });
  392.     $("#submitLookup").click(function(){
  393.         $.ajax({type: 'post', data: { myData: $('#lookupForm').serialize() }, url: "database.php", success: function(info){
  394.               $(".lookup-Return").html(
  395.                     info
  396.                 );
  397.         }});
  398.     });
  399.      $("#submitSort").click(function(){
  400.          $("#mySortPager").html("");
  401.         $.ajax({type: 'post', data: { myData: $('#sortform').serialize() }, url: "database.php", success: function(info){
  402.               $(".sort-Table-Return").html(
  403.                     info
  404.                 );
  405.         $('#mySortedTable').pageMe({pagerSelector:'#mySortPager',showPrevNext:true,hidePageNumbers:false,perPage:10});
  406.         }});
  407.     });
  408.      $("#submitSearch").click(function(){
  409.          $("#mySearchPager").html("");
  410.         $.ajax({type: 'post', data: { myData: $('#searchform').serialize() }, url: "database.php", success: function(info){
  411.               $(".search-Table-Return").html(
  412.                     info
  413.                 );
  414.         $('#mySearchTable').pageMe({pagerSelector:'#mySearchPager',showPrevNext:true,hidePageNumbers:false,perPage:10});
  415.         }});
  416.     });
  417.          $('#myTable').pageMe({pagerSelector:'#myPager',showPrevNext:true,hidePageNumbers:false,perPage:10});
  418. });
  419.        
  420.         </script>
  421.  
  422. </body>
  423.  
  424. </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!