refactor(webui): use @vue/cli to bootstrap new ui

webui/src/styles/charts.sass

@@ -1,48 +0,0 @@
-.line-chart
-  width: 100%
-  height: 320px
-  background-color: $white
-
-  svg
-    font: 10px sans-serif
-
-  .line
-    fill: none
-    stroke: $blue
-    stroke-width: 3px
-    shape-rendering: geometricPrecision
-
-  .axis line, .axis path
-    stroke: $text
-    opacity: .2
-    shape-rendering: crispEdges
-    fill: none
-
-  .axis path
-    display: none
-
-  .axis text
-    fill: $text
-
-
-.bar-chart
-  width: 100%
-  height: 320px
-  background-color: $white
-
-  .axis text
-    fill: $text
-    font: 10px sans-serif
-
-  .axis line, .axis path
-    fill: none
-    opacity: .2
-    stroke: $text
-
-  .axis--x
-
-    text
-      font: 12px sans-serif
-
-    path
-      display: none

webui/src/styles/content.sass

@@ -1,107 +0,0 @@
-.content
-  background: transparent
-  margin: 2rem 0
-
-  .subtitle
-    color: $black
-    font-size: 0.9rem
-    font-weight: $weight-bold
-    text-transform: uppercase
-
-    .subtitle-name
-      padding-left: 0.5rem
-
-.content-item
-  background: $white
-  border: 1px solid $border-secondary
-  margin: 10px 0
-  border-radius: $traefik-border-radius
-  box-shadow: 1px 2px 5px rgba($border, 0.4)
-
-  h2
-    color: $text-dark
-    font-size: 14px
-    padding: 20px 20px 0 20px
-    font-weight: $weight-semibold
-
-  .content-item-data
-    padding: 10px 20px
-
-    .item-data
-      display: flex
-      align-items: center
-      justify-content: space-between
-      padding: 5px 10px
-
-      &.border-right
-        border-right: 1px solid #DFE3E9
-
-    .data-blue
-      color: $blue
-      font-size: 22px
-      font-weight: $weight-semibold
-
-    .data-grey
-      color: $grey
-      font-size: 12px
-      font-weight: $weight-light
-
-  .widget-item
-    min-height: 80px
-    padding: 20px
-
-    h1
-      color: $text-dark
-      font-size: 18px
-      font-weight: $weight-light
-
-    img
-      width: 40px
-      height: 40px
-      display: block
-      float: left
-      margin-right: 10px
-
-    span
-      font-size: 13px
-      display: block
-
-      &.mtop12
-        margin-top: 12px
-
-.loading-text
-  height: 320px
-  display: flex
-  align-items: center
-  justify-content: center
-
-  .main-loader
-    width: 70px
-    display: block
-    margin: 15px auto
-
-.search-container
-  background: $white
-  color: $black
-  display: flex
-  align-items: center
-  border-radius: $traefik-border-radius
-  box-shadow: 1px 2px 5px rgba($border, 0.4)
-  border: 1px solid $border-secondary
-  position: relative
-  height: 3rem
-
-  .search-button
-    position: absolute
-    left: 1rem
-    top: 0.8rem
-
-  input
-    color: $text
-    border: none
-    border-radius: $traefik-border-radius
-    outline: none
-    font-size: 1rem
-    font-weight: $weight-light
-    width: 100%
-    padding-left: 2.8rem

webui/src/styles/helper.sass

@@ -1,2 +0,0 @@
-.padding-5-10
-  padding: 5px 10px

webui/src/styles/message.sass

@@ -1,65 +0,0 @@
-.message
-  display: block
-  font-size: 0.8rem
-  margin: 1rem 0 1.5rem 0
-  padding-bottom: 0.3rem
-  border: 1px solid $border
-  background: $white
-  border-radius: $traefik-border-radius
-  box-shadow: 1px 2px 5px rgba($border, 0.4)
-
-  .message-header
-    color: $color-secondary
-    border-bottom: 1px solid $border-secondary
-    padding: 0.6rem
-    border-top-left-radius: $traefik-border-radius
-    border-top-right-radius: $traefik-border-radius
-
-    .icon
-      display: block
-      float: left
-      width: 1.4rem
-      height: 1.4rem
-      margin-right: 0.5rem
-
-    h2
-      display: flex
-
-    img
-        margin-right: 15px
-
-  .message-body
-
-    .tabs
-      margin-bottom: 0.5rem
-
-    .section-container
-      padding: 0.3em 0 0 0
-
-    .section-line
-      padding: 0 0.75em
-
-    .section-line-header
-      padding: 0.2em 0 0 0
-
-    // required for small screen (without -> table overlapping)
-    .table-fixed
-      table-layout: fixed
-
-    // required for small screen (without -> table overlapping)
-    .table-fixed-break
-      table-layout: fixed
-      word-wrap: break-word
-
-    .table-cell-limited
-      overflow: hidden
-      text-overflow: ellipsis
-
-    .table-col-75
-      width: 75%
-
-    h2
-      color: $black
-
-    hr
-      margin: 5px 0

webui/src/styles/nav.sass

@@ -1,12 +0,0 @@
-.navbar
-  border-bottom: 1px solid $border
-  box-shadow: 1px 2px 5px rgba($border, 0.4)
-
-  .navbar-item
-    font-size: 0.8rem
-    text-transform: uppercase
-    font-weight: $weight-semibold
-
-    .navbar-logo
-      width: 40px
-      min-height: 40px

webui/src/styles/variables.sass

@@ -1 +0,0 @@
-$traefik-border-radius: 4px