Modular C&C for managing distributed systems.
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

App.vue 1.9KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <div>
  3. <b-navbar toggleable="md" type="dark" variant="dark">
  4. <b-navbar-toggle target="nav_collapse"></b-navbar-toggle>
  5. <b-navbar-brand href="#">WiFi Raspberry</b-navbar-brand>
  6. <b-collapse is-nav id="nav_collapse">
  7. <b-navbar-nav>
  8. </b-navbar-nav>
  9. <!-- Right aligned nav items -->
  10. <b-navbar-nav class="ml-auto">
  11. <b-nav-form>
  12. <b-form-input size="sm" class="mr-sm-2" type="text" placeholder="Search"/>
  13. <b-button size="sm" class="my-2 my-sm-0" type="submit">Search</b-button>
  14. </b-nav-form>
  15. <b-nav-item href="https://github.com/nemanjan00/wifi-raspberry" target="blank"><i class="fab fa-github"></i> GitHub</b-nav-item>
  16. </b-navbar-nav>
  17. </b-collapse>
  18. </b-navbar>
  19. <div class="row">
  20. <div class="col-2" style="border-right: 1px solid rgba(0,0,0,.1);height: calc(100vh - 4rem);">
  21. <b-nav vertical>
  22. <b-nav-item active><i class="fas fa-cogs"></i> Advanced</b-nav-item>
  23. <b-nav-item><i class="fas fa-users"></i> Clients</b-nav-item>
  24. <b-nav-item><i class="fas fa-wrench"></i> Configuration</b-nav-item>
  25. <b-nav-item><i class="fas fa-columns"></i> Dashboard</b-nav-item>
  26. <b-nav-item><i class="fas fa-filter"></i> Filters</b-nav-item>
  27. <b-nav-item><i class="fas fa-question-circle"></i> Help</b-nav-item>
  28. <b-nav-item><i class="fas fa-list-ul"></i> Logging</b-nav-item>
  29. <b-nav-item><i class="fas fa-cubes"></i> Modules</b-nav-item>
  30. <b-nav-item><i class="fas fa-globe-asia"></i> Networking</b-nav-item>
  31. <b-nav-item><i class="fas fa-book"></i> Notes</b-nav-item>
  32. <b-nav-item><i class="fas fa-wifi"></i> PineAP</b-nav-item>
  33. <b-nav-item><i class="fas fa-search"></i> Recon</b-nav-item>
  34. <b-nav-item><i class="far fa-newspaper"></i> Reporting</b-nav-item>
  35. <b-nav-item><i class="fas fa-map"></i> Tracking</b-nav-item>
  36. </b-nav>
  37. </div>
  38. </div>
  39. </div>
  40. </template>