Work_Archive/SYSDesk
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 8 Wiki Activity

Added search function to main pages

Browse Source
This commit is contained in:
Bram Prieshof
2019-08-30 19:11:51 +02:00
parent 6d2bc4c33b
commit 73536f54a5
6 changed files with 55 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/css/custom.css
View File

@@ -169,4 +169,10 @@ th.meta {
height: 2.4rem; height: 2.4rem;
line-height: 2.4rem; line-height: 2.4rem;
color: rgba(255,255,255,0.87)!important; color: rgba(255,255,255,0.87)!important;
}
input#SearchInput {
height: 3.6rem;
border-left: 11px solid white;
margin-left: -11px;
margin-top: 9px;
} }

14
assets/js/search-bar.js Normal file
View File

@@ -0,0 +1,14 @@
$(document).ready(function(){
$("#SearchInput").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#Search_table tr").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});
$(document).ready(function(){
$("#SearchButton").click(function(){
$("#SearchInput").toggle();
});
});

13
backend/archive.php
View File

@@ -57,6 +57,8 @@ require_once "../assets/php/cuttext.php";
<script type="text/javascript" src="../assets/fuse-html/fuse-html.min.js"></script> <script type="text/javascript" src="../assets/fuse-html/fuse-html.min.js"></script>
<!-- Main JS --> <!-- Main JS -->
<script type="text/javascript" src="../assets/js/main.js"></script> <script type="text/javascript" src="../assets/js/main.js"></script>
<!-- Search -->
<script type="text/javascript" src="../assets/js/search-bar.js"></script>
<!-- / JAVASCRIPT --> <!-- / JAVASCRIPT -->
</head> </head>
<body class="layout layout-vertical layout-left-navigation layout-below-toolbar layout-below-footer"> <body class="layout layout-vertical layout-left-navigation layout-below-toolbar layout-below-footer">
@@ -145,8 +147,15 @@ require_once "../assets/php/cuttext.php";
<!-- CONTENT --> <!-- CONTENT -->
<div class="clearfix" style="padding:20px;"> <div class="clearfix" style="padding:20px;">
<button class="headbnt btn btn-secondary btn-fab icon icon-arrow-left" onclick="window.history.back();"></button>
<h2 class="pull-right">Ticket archive</h2> <h2 class="pull-right">Ticket archive</h2>
<div class="toolbar crud pull-left">
<button class="headbnt btn btn-secondary btn-fab icon icon-arrow-left" onclick="window.history.back();"></button>
<button type="button" class="btn btn-secondary btn-fab" id="SearchButton"><i class="icon-magnify"></i></button>
<input type="search" id="SearchInput" style="display:none;" placeholder="Search">
</div>
</div> </div>
<body> <body>
<div class="wrapper"> <div class="wrapper">
@@ -173,7 +182,7 @@ require_once "../assets/php/cuttext.php";
echo "<th>Date/Time</th>"; echo "<th>Date/Time</th>";
echo "</tr>"; echo "</tr>";
echo "</thead>"; echo "</thead>";
echo "<tbody>"; echo "<tbody id='Search_table'>";
while($row = mysqli_fetch_array($result)){ while($row = mysqli_fetch_array($result)){
echo "<tr>"; echo "<tr>";
echo "<td>" . $row['id'] . "</td>"; echo "<td>" . $row['id'] . "</td>";

12
backend/systems.php
View File

@@ -60,6 +60,8 @@ require_once "../assets/php/cuttext.php";
<script type="text/javascript" src="../assets/fuse-html/fuse-html.min.js"></script> <script type="text/javascript" src="../assets/fuse-html/fuse-html.min.js"></script>
<!-- Main JS --> <!-- Main JS -->
<script type="text/javascript" src="../assets/js/main.js"></script> <script type="text/javascript" src="../assets/js/main.js"></script>
<!-- Search -->
<script type="text/javascript" src="../assets/js/search-bar.js"></script>
<!-- / JAVASCRIPT --> <!-- / JAVASCRIPT -->
</head> </head>
@@ -145,12 +147,14 @@ require_once "../assets/php/cuttext.php";
<div class="content custom-scrollbar"> <div class="content custom-scrollbar">
<div class="page-layout simple full-width"> <div class="page-layout simple full-width">
<div class="page-content-wrapper"> <div class="page-content-wrapper">
<!-- CONTENT --> <!-- CONTENT -->
<div class="clearfix" style="padding:20px;"> <div class="clearfix" style="padding:20px;">
<a href="create-system.php" class="btn btn-secondary btn-fab pull-left"><i class="icon-plus"></i></a>
<h2 class="pull-right">Systems</h2> <h2 class="pull-right">Systems</h2>
<div class="toolbar crud pull-left">
<a href="create-system.php" class="btn btn-secondary btn-fab"><i class="icon-plus"></i></a>
<button type="button" class="btn btn-secondary btn-fab" id="SearchButton"><i class="icon-magnify"></i></button>
<input type="search" id="SearchInput" style="display:none;" placeholder="Search">
</div>
</div> </div>
<body> <body>
@@ -176,7 +180,7 @@ require_once "../assets/php/cuttext.php";
echo "<th>ServiceTag</th>"; echo "<th>ServiceTag</th>";
echo "</tr>"; echo "</tr>";
echo "</thead>"; echo "</thead>";
echo "<tbody>"; echo "<tbody id='Search_table'>";
while($row = mysqli_fetch_array($result)){ while($row = mysqli_fetch_array($result)){
echo "<tr>"; echo "<tr>";
echo "<td>" . $row['id'] . "</td>"; echo "<td>" . $row['id'] . "</td>";

8
backend/tickets.php
View File

@@ -57,6 +57,8 @@ require_once "../assets/php/cuttext.php";
<script type="text/javascript" src="../assets/fuse-html/fuse-html.min.js"></script> <script type="text/javascript" src="../assets/fuse-html/fuse-html.min.js"></script>
<!-- Main JS --> <!-- Main JS -->
<script type="text/javascript" src="../assets/js/main.js"></script> <script type="text/javascript" src="../assets/js/main.js"></script>
<!-- Search -->
<script type="text/javascript" src="../assets/js/search-bar.js"></script>
<!-- / JAVASCRIPT --> <!-- / JAVASCRIPT -->
</head> </head>
<body class="layout layout-vertical layout-left-navigation layout-below-toolbar layout-below-footer"> <body class="layout layout-vertical layout-left-navigation layout-below-toolbar layout-below-footer">
@@ -145,13 +147,15 @@ require_once "../assets/php/cuttext.php";
<!-- CONTENT --> <!-- CONTENT -->
<div class="clearfix" style="padding:20px;"> <div class="clearfix" style="padding:20px;">
<h2 class="pull-right">Tickets</h2>
<div class="toolbar crud pull-left"> <div class="toolbar crud pull-left">
<a data-toggle='tooltip' data-original-title='Add Ticket' href="create-ticket.php" class="btn btn-secondary btn-fab"><i class="icon-plus"></i></a> <a data-toggle='tooltip' data-original-title='Add Ticket' href="create-ticket.php" class="btn btn-secondary btn-fab"><i class="icon-plus"></i></a>
<?php <?php
echo "<a data-toggle='tooltip' data-original-title='Open Archive' class='btn btn-success btn-fab' href='archive.php'><span class='icons icon-archive'></span></a>"; echo "<a data-toggle='tooltip' data-original-title='Open Archive' class='btn btn-success btn-fab' href='archive.php'><span class='icons icon-archive'></span></a>";
?> ?>
<button type="button" class="btn btn-secondary btn-fab" id="SearchButton"><i class="icon-magnify"></i></button>
<input type="search" id="SearchInput" style="display:none;" placeholder="Search">
</div> </div>
<h2 class="pull-right">Tickets</h2>
</div> </div>
<body> <body>
<div class="wrapper"> <div class="wrapper">
@@ -178,7 +182,7 @@ require_once "../assets/php/cuttext.php";
echo "<th>Date/Time</th>"; echo "<th>Date/Time</th>";
echo "</tr>"; echo "</tr>";
echo "</thead>"; echo "</thead>";
echo "<tbody>"; echo "<tbody id='Search_table'>";
while($row = mysqli_fetch_array($result)){ while($row = mysqli_fetch_array($result)){
echo "<tr>"; echo "<tr>";
echo "<td>" . $row['id'] . "</td>"; echo "<td>" . $row['id'] . "</td>";

14
backend/users.php
View File

@@ -57,6 +57,8 @@ require_once "../assets/php/cuttext.php";
<script type="text/javascript" src="../assets/fuse-html/fuse-html.min.js"></script> <script type="text/javascript" src="../assets/fuse-html/fuse-html.min.js"></script>
<!-- Main JS --> <!-- Main JS -->
<script type="text/javascript" src="../assets/js/main.js"></script> <script type="text/javascript" src="../assets/js/main.js"></script>
<!-- Search -->
<script type="text/javascript" src="../assets/js/search-bar.js"></script>
<!-- / JAVASCRIPT --> <!-- / JAVASCRIPT -->
</head> </head>
<body class="layout layout-vertical layout-left-navigation layout-below-toolbar layout-below-footer"> <body class="layout layout-vertical layout-left-navigation layout-below-toolbar layout-below-footer">
@@ -144,10 +146,14 @@ require_once "../assets/php/cuttext.php";
<!-- CONTENT --> <!-- CONTENT -->
<div class="clearfix" style="padding:20px;"> <div class="clearfix" style="padding:20px;">
<a href="create-user.php" class="btn btn-secondary btn-fab pull-left"><i class="icon-plus"></i></a> <h2 class="pull-right">Users</h2>
<h2 class="pull-right">Users</h2> <div class="toolbar crud pull-left">
<a href="create-system.php" class="btn btn-secondary btn-fab"><i class="icon-plus"></i></a>
<button type="button" class="btn btn-secondary btn-fab" id="SearchButton"><i class="icon-magnify"></i></button>
<input type="search" id="SearchInput" style="display:none;" placeholder="Search">
</div> </div>
</div>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<div class="container-fluid"> <div class="container-fluid">
@@ -168,7 +174,7 @@ require_once "../assets/php/cuttext.php";
echo "<th>User name</th>"; echo "<th>User name</th>";
echo "</tr>"; echo "</tr>";
echo "</thead>"; echo "</thead>";
echo "<tbody>"; echo "<tbody id='Search_table'>";
while($row = mysqli_fetch_array($result)){ while($row = mysqli_fetch_array($result)){
echo "<tr>"; echo "<tr>";
echo "<td>" . $row['id'] . "</td>"; echo "<td>" . $row['id'] . "</td>";