web/index.html

   1 <link rel="stylesheet" href="grid.css">
   2
   3 <!-- component template -->
   4 <script type="text/x-template" id="grid-template">
   5   <table>
   6     <thead>
   7       <tr>
   8         <th v-for="key in columns"
   9           @click="sortBy(key)"
  10           :class="{ active: sortKey == key }">
  11           {{ headernames[key] | capitalize }}
  12           <span class="arrow" :class="sortOrders[key] > 0 ? 'asc' : 'dsc'">
  13           </span>
  14         </th>
  15       </tr>
  16     </thead>
  17     <tbody>
  18       <tr v-for="entry in filteredData">
  19         <td v-for="key in columns">
  20           <template v-if="key === 'bssid'">
  21             <!-- https://vuejs.org/v2/guide/syntax.html#Arguments -->
  22             <a href="#" v-on:click="select_click(entry[key])">
  23               {{ entry[key] }}
  24             </a>
  25           </template>
  26           <template v-else-if="key === 'wps_version'">
  27             {{ entry[key] | wps_version }}
  28           </template>
  29           <template v-else>
  30             {{ entry[key] }}
  31           </template>
  32         </td>
  33       </tr>
  34     </tbody>
  35   </table>
  36 </script>
  37
  38 <script type="text/x-template" id="apanel-template">
  39         <div>
  40                 <template v-if="active === true">
  41                         <p><a href="#" v-on:click="unselect()">back</a></p>
  42                         <div><p>ATTACK!</p></div>
  43                 </template>
  44         </div>
  45 </script>
  46
  47 <script type="text/x-template" id="searchbox-template">
  48         <div>
  49                 <template v-if="hidden === false">
  50                         <form id="search">
  51                                 Search
  52                                 <input name="query"
  53                                         v-bind:value="query"
  54                                         v-on:input="update_parent($event.target.value)"
  55                                 >
  56                         </form>
  57                 </template>
  58         </div>
  59 </script>
  60
  61
  62 <!-- demo root element -->
  63 <div id="demo">
  64         <search-box
  65                 @input="update_query"
  66                 :hidden="selected"
  67                 :query="searchQuery" >
  68         </search-box>
  69         <demo-grid
  70                 @select_bssid="select"
  71                 :data="gridData"
  72                 :columns="gridColumns"
  73                 :headernames="gridHeaders"
  74                 :filter-key="searchQuery">
  75         </demo-grid>
  76         <attack-panel
  77                 @unselect_send_parent="app_unselect"
  78                 :active="selected"
  79                 :bssid="searchQuery" >
  80         </attack-panel>
  81 </div>
  82
  83 <script src="vue"></script>
  84 <script src="grid.js"></script>
  85