T138 Advance tab has been disabled

src/main/resources/static/css/styles.css

@@ -205,6 +205,17 @@ button{
     border-radius: 2px;
 }
 
+disabled-button{
+    padding: 5px 14px;
+    border-width: 1px;
+    border-style: solid;
+    background: darkgrey;
+    color: #fff;
+    font-family: Arial, sans-serif;
+    font-size: 1em;
+    border-radius: 2px;
+}
+
 label { display: block;
 }
 .hint { display: none; color: gray; font-style: italic; float:right;}

src/main/resources/static/js/paggination.js

@@ -27,14 +27,14 @@ document.querySelector('#btn-list-1').addEventListener('click', function() {
   }
   })
 
-document.querySelector('#btn-list-2').addEventListener('click', function() {
-  var x = document.getElementById("advanced-wrapper");
-  if (x.style.display === "none") {
-    x.style.display = "block";
-  } else {
-    x.style.display = "none";
-  }
-  })
+// document.querySelector('#btn-list-2').addEventListener('click', function() {
+//   var x = document.getElementById("advanced-wrapper");
+//   if (x.style.display === "none") {
+//     x.style.display = "block";
+//   } else {
+//     x.style.display = "none";
+//   }
+//   })
 
 for (let i = 3; i >= 0; i--) {
   document.querySelector('#btn-sort-' + i).addEventListener('click', function() {

src/main/resources/templates/index.html

@@ -156,7 +156,7 @@
                                         </button>
                                     </td>
                                     <td>
-                                        <button class="btn-list" name="Messages List" id="btn-list-2">Advanced</button>
+                                        <disabled-button class="btn-list" name="Messages List" id="btn-list-2">Advanced</disabled-button>
                                     </td>
                                 </tr>
                             </table>