device fingerprint menu (v2.3)

Author: ac-pm

app/src/main/assets/HTMLFiles/content/fingerprint.html

@@ -1,14 +1,13 @@
 <div class="container-fluid">
     <legend>
         Change the current device Fingerprint
-        <form>
-        <div class="form-group">
-            <button type="button" onclick="resetFingerprint();" class="btn btn-default pull-right">Reset</button>
-        </div>
-        </form>
     </legend>
-
-    <table id="tableBuild"></table>
+    <div id="toolbar" class="btn-group">
+        <button type="button" onclick="resetFingerprint();" class="btn btn-default">
+            <i class="glyphicon glyphicon-refresh"></i>
+        </button>
+     </div>
+    <table id="tableBuild" data-show-toggle="true" data-toolbar="#toolbar"></table>
 </div>
 
 <script src="js/fingerprint.js"></script>

app/src/main/assets/HTMLFiles/css/style.css

@@ -195,22 +195,19 @@ html {
 .sidebar-nav li:nth-child(5):before {
   background-color: #583e7e;
 }
-.sidebar-nav li:nth-child(6){
-  padding-top: 20px;
-  background-color: #375a7f;
+.sidebar-nav li:nth-child(6):before {/*------------TIPS-------------------*/
+  background-color: #583e7e;
 }
-.sidebar-nav li:nth-child(7){
- padding-top: 100px;
+.sidebar-nav li:nth-child(7){/*------------SHARE-------------------*/
  background-color: #375a7f;
 }
-
 .sidebar-nav li:hover:before {
   -webkit-transition: width 0.2s ease-in;
   transition: width 0.2s ease-in;
   width: 100%;
 }
 .sidebar-nav li a {
-  color: #dddddd;
+  color: #ffffff;
   display: block;
   padding: 10px 15px 10px 30px;
   text-decoration: none;

app/src/main/assets/HTMLFiles/index.html

@@ -100,13 +100,8 @@
                     <li><a class="twitter customer share" href="http://twitter.com/share?url=http://ac-pm.github.io/Inspeckage/&amp;text=Android Package Inspector &amp;hashtags=inspeckage" title="Twitter share" target="_blank">Twitter</a></li>
                     <li><a class="google_plus customer share" href="https://plus.google.com/share?url=http://ac-pm.github.io/Inspeckage/" title="Google Plus Share" target="_blank">Google +</a></li>
                 </ul>
-            </li>
-
-            <li>
-                <center><input type="text" id="clipboard" placeholder="clipboard" onkeyup="clipboard(this.value)"></center>
-            </li>
-            <li>
-                <center><img src="img/sponsored.svg" width="200"></center>
+                <br><br>
+                <center><img src="img/azul.png" width="200"></center>
             </li>
         </ul>
     </nav>
@@ -147,9 +142,15 @@
                             <li class="dropdown">
                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-download" aria-hidden="true"></i> Download <span class="caret"></span></a>
                                 <ul class="dropdown-menu">
-                                    <li><a href="#" onclick="download_apk();"> APK</a>
+                                    <li>
+                                     <a href="#" onclick="download_apk();">
+                                        <i class="fa fa-android" aria-hidden="true"></i> APK
+                                    </a>
                                     </li>
-                                    <li><a href="#" onclick="download_all();"> All Files</a>
+                                    <li>
+                                        <a href="#" onclick="download_all();">
+                                            <i class="fa fa-file-archive-o" aria-hidden="true"></i> All Files
+                                        </a>
                                     </li>
                                 </ul>
                             </li>
@@ -175,10 +176,22 @@
 
 
                         <ul class="nav navbar-nav">
-                            <li class="active"><a href="/logcat.html" onclick="logcat();" >LogCat</a>
+
+                            <li class="active"><a href="#" onclick="logcat();" >
+                                <i class="fa fa-external-link" aria-hidden="true"></i>
+                                LogCat
+                            </a>
                             </li>
                         </ul>
 
+                        <form class="navbar-form navbar-left">
+                            <div class="form-group">
+                                <input type="text" id="clipboard" class="form-control" placeholder="clipboard">
+                            </div>
+                        </form>
+
+                        </ul>
+
                         <ul class="nav navbar-nav navbar-right">
 
                             <li> <a href="https://github.com/ac-pm/"> Module enable: #moduleEnable# </a>

app/src/main/assets/HTMLFiles/js/base.js

@@ -47,13 +47,15 @@ $(document).ready(function() {
 
         CollapsibleLists.apply();
 
-
 });
 
-
-
-
-
+$(document.body).on('keyup', '#clipboard', function(){
+        var chararcters = $("#clipboard").val();
+         $.get("/", {
+              type: "clipboard",
+              value: chararcters
+         });
+ });
 
 function fileTree() {
     $('#fileTree1').load('?type=filetree');
@@ -97,13 +99,7 @@ function setARP() {
         }
 }
 
-function clipboard(value) {
 
-            $.get("/", {
-                type: "clipboard",
-                value: value
-            });
-}
 
 function proxyTest() {
     $('#proxyTest').load('?type=proxytest');

app/src/main/assets/HTMLFiles/js/fingerprint.js

@@ -4,6 +4,7 @@ $(function() {
 
     $tableBuild.bootstrapTable({
         idField: 'name',
+        search: true,
         url: '/?type=getbuild',
         columns: [{
                 field: 'enable',