Change navigation structure

Change-Id: I12c819293ce1eda188dc9f257ae9370f1b73cb18
Signed-off-by: Iftekharul Islam <iislam@us.ibm.com>

6 files changed, 1 insertions, 742 deletions

diff --git a/app/overview/styles/bmc-reboot.scss b/app/overview/styles/bmc-reboot.scss
deleted file mode 100644
index 23d1167..0000000
--- a/app/overview/styles/bmc-reboot.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-// BMC Reboot
-
-#bmc-reboot {
-  ul {
-    margin: 0;
-    padding: 0;
-    margin-left: 1.3em;
-  }
-  .bmc-reboot__status-log {
-    color: $darkgrey;
-    font-weight: 500;
-    margin-top: 1em;
-    padding-bottom: .7em;
-  }
-
-  .bmc-reboot-option {
-    position: relative;
-    overflow: hidden;
-    padding-top: 1.5em;
-    padding-left: 1.8em;
-    button {
-      margin-bottom: 1.5em;
-      margin-top: 1.5em;
-    }
-  }
-
-}
diff --git a/app/overview/styles/index.scss b/app/overview/styles/index.scss
index ccd10bf..cbe07ca 100644
--- a/app/overview/styles/index.scss
+++ b/app/overview/styles/index.scss
@@ -1,7 +1 @@
-@import "./bmc-reboot.scss";
-@import "./log.scss";
-@import "./sensors.scss";
-@import "./inventory.scss";
-@import "./power-operations.scss";
-@import "./system-overview.scss";
-@import "./unit-id.scss";
\ No newline at end of file
+@import "./system-overview.scss";
\ No newline at end of file
diff --git a/app/overview/styles/inventory.scss b/app/overview/styles/inventory.scss
deleted file mode 100644
index 1aba405..0000000
--- a/app/overview/styles/inventory.scss
+++ /dev/null
@@ -1,338 +0,0 @@
-@mixin col-label {
-  text-transform: uppercase;
-  font-weight: 700;
-  font-size: .8em;
-}
-
-$title-minWidth: 210px;
-
-.inventory__heading {
-  font-weight: 700;
-}
-
-.inv-active {
-  color: $active;
-}
-
-.inv-inactive {
-  color: $inactive;
-}
-
-.inv-present {
-  color: $present;
-}
-.inv-not-present {
-  color: $not-present;
-}
-
-.inventory__critical-label {
-  color: $thresh-critical;
-}
-
-.inventory__warning-label {
-  color: $thresh-warning;
-}
-
-.inventory__medium-label {
-  color: $medium-lightbg;
-}
-
-.inventory__low-label {
-  color: $low-lightbg;
-}
-
-.col-3 {
-  @include calcColumn-3;
-}
-.col-4 {
-  min-width: 100%;
-  @include mediaQuery(medium) {
-    @include calcColumn-4(15px);
-  }
-}
-// Inventory Overview
-
-#inventory-overview {
-  .inventory__group {
-    position: relative;
-    display: block;
-    margin: .5em 0;
-    font-weight: 700;
-    background: $white;
-    padding: 1.8em 1em 1em 3.7em;
-    text-decoration: none;
-    border: 1px solid $lightgrey;
-    vertical-align: middle;
-    &:hover {
-      background: $lightblue;
-      color: $black;
-    }
-    @include mediaQuery(x-large) {
-      //max-width: 60%;
-    }
-    .inv-active {
-      color: darken($active, 20%);
-    }
-    .inv-present {
-      color: darken($present, 20%);
-    }
-    &.inv-disabled {
-      background: lighten($lightgrey, 5%);
-      .inventory__device-col {
-        color: lighten($darkgrey, 20%);
-      }
-    }
-  }
-  .priority-tag-circ {
-    position: absolute;
-    top: 50%;
-    left: 1.2em;
-    transform: translateY(-50%);
-  }
-
-  // Header row
-  .header__actions-bar {
-    padding-left: 3.5em;
-    padding-right: 1em;
-  }
-}
-
-// Inventory single items
-
-#inventory, #inventory-overview {
-  .inventory__device-col {
-    margin-right: 6px;
-    width: 50%;
-    @include mediaQuery(medium){
-      width: auto;
-    }
-  }
-  .inventory__function-col {
-    @include col-label;
-    display: none;
-  }
-  .inventory__present-col {
-    @include col-label;
-    display: none;
-  }
-  .inventory__state-col {
-    @include col-label;
-  }
-  .inventory__device-col,
-  .inventory__function-col,
-  .inventory__present-col,
-  .inventory__state-col {
-    @media (min-width: 1025px){
-      display: inline-block;
-      @include calcColumn-4(5px);
-    }
-  }
-
-  .content__search {
-    max-width: 100%;
-    @media(min-width: 1300px) {
-      max-width: 50%;
-    }
-  }
-  .toggle-filter {
-    display: inline-block;
-    margin-right: 0;
-  }
-}
-
-#back-link {
-  margin: 1em 0 0;
-  a {
-    text-decoration: none;
-    position: relative;
-    display: inline-block;
-    padding-left: 1.2em;
-    font-weight: 700;
-    &:before {
-      content: '\221F';
-      position: absolute;
-      top: 50%;
-      left: 0;
-      transform: translateY(-53%) rotate(45deg);
-      display: inline-block;
-      margin-right: 6px;
-      font-size: 1.1em;
-      font-weight: bold;
-      text-shadow: 0 0 1px black;
-    }
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-}
-
-#inventory__details {
-  display: block;
-  margin-top: .6em;
-  position: relative;
-  overflow: hidden;
-
-  .header__actions-bar {
-    position: relative;
-
-    .priority-tag-circ {
-      position: absolute;
-      left: 1.2em;
-      top: 50%;
-      transform: translateY(-50%);
-      &.high-priority {
-        background-color: rgba($critical-darkbg, .3);
-      }
-    }
-    .inventory__category {
-      margin: 0;
-      color: $white;
-      min-width: $title-minWidth;
-    }
-  }
-  .accord-row {padding-left: 3.7em;}
-  .header-row {
-    background: $darkpurple;
-    padding-left: 3.7em;
-    .inv-active {
-      color: $active;
-    }
-
-    .inv-inactive {
-      color: $inactive;
-    }
-
-    .inv-present {
-      color: $present;
-    }
-    .inv-not-present {
-      color: $not-present;
-    }
-
-    .inventory__critical-label {
-      color: lighten($thresh-critical, 15%);
-    }
-
-    .inventory__warning-label {
-      color: $thresh-warning;
-    }
-
-    .inventory__medium-label {
-      color: $medium-lightbg;
-    }
-
-    .inventory__low-label {
-      color: lighten($low-lightbg, 20%);
-    }
-  }
-
-  //Export log
-  .btn-export {
-    text-transform: capitalize;
-    color: $black;
-    font-size: .9em;
-    font-weight: 700;
-    position: relative;
-    padding: 0 0 1em 2em;
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-  .btn-export {
-    margin-top: 7px;
-  }
-  .btn-export:before {
-    content: '\21E5';
-    position: absolute;
-    font-size: 1.7em;
-    vertical-align: middle;
-    transform: rotate(90deg);
-    display: inline-block;
-    left: 2px;
-    top: -5px;
-  }
-
-  .accord-row {
-    padding-top: 1.6em;
-    .priority-tag-circ {
-      position: absolute;
-      top: 28px;
-      left: 1.2em;
-    }
-  }
-
-  .accord-trigger {
-    position: absolute;
-    top: 20px;
-    right: 1em;
-  }
-  //Sensor info
-  .inventory__title {
-    font-weight: 700;
-    font-size: 1.1em;
-    min-width: $title-minWidth;
-    max-width: 78%;
-    vertical-align: top;
-  }
-  .inventory__description {
-    font-weight: 400;
-  }
-
-  .inventory__reading {
-    @include fontCourierBold;
-    font-size: 1.2em;
-    color: $black;
-    //max-width: 18%;
-  }
-
-  // Sensor metadata row
-  .inventory__metadata-row {
-    max-height: 0;
-    overflow: hidden;
-    -webkit-transition: 0.5s linear max-height;
-    transition: 0.5s linear max-height;
-    padding: 0;
-    &.active {
-      max-height: 1000px; //max-height used to allow flexible height of content and still allow transition
-      @include fastTransition-all;
-      //@include mediaQuery(small) {
-      //  max-height: 1000px;
-      //}
-      //@include mediaQuery(medium) {
-      //  max-height: 1000px;
-      //}
-    }
-  }
-  .inv-event-log-row {
-    position: relative;
-    z-index: 100;
-    border-top: 2px solid $lightgrey;
-    margin-right: 3.7em;
-    margin-left: 0;
-    padding-top: .8em;
-    word-break: break-word;
-    :first-child,
-    :last-child {
-      font-size: .9em;
-      font-weight: 600;
-      text-transform: uppercase;
-      text-decoration: none;
-      padding-bottom: .7em;
-      padding-top: .7em;
-      @include mediaQuery(small) {
-        padding-bottom: 0;
-        padding-top: 0;
-      }
-    }
-    a:hover {
-      text-decoration: underline;
-    }
-    .column {
-      margin-bottom: 0;
-    }
-  }
-}
-
-//end inventory details
-
-
diff --git a/app/overview/styles/power-operations.scss b/app/overview/styles/power-operations.scss
deleted file mode 100644
index 1a517be..0000000
--- a/app/overview/styles/power-operations.scss
+++ /dev/null
@@ -1,102 +0,0 @@
-// Power Operations SCSS
-
-#power-operations {
-
-  .h4 {
-    font-weight: bold;
-  }
-
-  // Power op time stamp
-  .power__status-log {
-    color: $darkgrey;
-    font-weight:500;
-  }
-
-  // Power Curernt status wrapper
-  .power__current-status {
-    border-bottom: 1px solid $lightbg__grey;
-    margin: 2.625em 0 1.2em 0;
-    .h4 {
-      padding: 0;
-      margin: 0 0 .5em 0;
-    }
-  }
-
-  // Power state indicator on/off
-  .power__state {
-    font-weight: 700;
-    margin-top: -.3em;
-    span:before {
-      content: '\25CF';
-      display: inline-block;
-      font-size: 1.8em;
-      color: $darkgrey;
-      margin-right: .1em;
-      vertical-align: middle;
-      transform: translateY(-4px);
-      @include slowTransition-all;
-    }
-  }
-
-  // Power bar indicator
-  .power__indicator-bar {
-    font-weight: bold;
-    padding: 1.4em 3em 0;
-    margin-bottom: 3.750em;
-    background-size: 200% 100%;
-    background-image: linear-gradient(to right, $status-ok-light 50%, $lightgrey 50%);
-    background-position: 100%;
-    transition: background-position 2s ease;
-    overflow: hidden;
-    p {
-      padding: 0;
-      margin: 0;
-    }
-    &.power__state-on {
-      background-position: -200%;
-      .power__state {
-        span:before {
-          color: $status-ok;
-        }
-      }
-    }
-    &.power__state-off {
-      background-position: -100%;
-      color: $darkgrey;
-      .power__state {
-        span:before {
-          color: $darkgrey;
-        }
-      }
-    }
-    &.power__state-indet {
-      color: $darkgrey;
-      @include indeterminate-bar;
-      .power__state {
-        span:before {
-          color: $status-warn;
-        }
-      }
-    }
-  }
-
-  // Power button options
-  .power-option {
-    border-top: 1px solid $lightgrey;
-    padding: 1.8em 0 1em 0;
-    position: relative;
-    overflow: hidden;
-    min-height: 1px;
-    min-width: 100%;
-    .btn-secondary {
-      margin-bottom: .5em;
-      @include mediaQuery(small) {
-        min-width: 300px;
-      }
-    }
-    @include mediaQuery(small){
-      padding: 1.8em 0 1em 1.8em;
-    }
-  }
-
-} //end power-operations
\ No newline at end of file
diff --git a/app/overview/styles/sensors.scss b/app/overview/styles/sensors.scss
deleted file mode 100644
index f720c3b..0000000
--- a/app/overview/styles/sensors.scss
+++ /dev/null
@@ -1,249 +0,0 @@
-
-@mixin state-label {
-  text-transform: uppercase;
-  font-weight: 700;
-  font-size: .8em;
-}
-
-$title-minWidth: 210px;
-
-.sensor__heading {
-  font-weight: 700;
-  &.middle,
-  &.right {
-    display: none;
-    @media (min-width: 950px) {
-      display: inline-block;
-    }
-  }
-}
-
-.sensor__critical-label {
-  color: $thresh-critical;
-  @include state-label;
-}
-.sensor__warning-label {
-  color: $thresh-warning;
-  @include state-label;
-}
-
-#sensors-overview {
-  .sensor__group {
-    position: relative;
-    display: block;
-    margin: .5em 0;
-    background: $white;
-    padding: 1.5em 6em 1.5em 3.7em;
-    text-decoration: none;
-    border: 1px solid $lightgrey;
-    font-weight: 700;
-    &:hover {
-      background: $lightblue;
-      color: $black;
-    }
-    @include mediaQuery(x-large) {
-      //max-width: 60%;
-    }
-  }
-  .priority-tag-circ {
-    position: absolute;
-    top: 50%;
-    left: 1.2em;
-    transform: translateY(-50%);
-  }
-  .header__actions-bar {
-    padding-left: 3.5em;
-    padding-right: 7.3em;
-  }
-}
-
-// Sensors
-
-#sensors, #sensors-overview {
-  .accord-row {
-    padding-left: 3.7em;
-    padding-right: 1em;
-  }
-  .content__search {
-    max-width: 100%;
-    @media(min-width: 1300px) {
-      max-width: 50%;
-    }
-  }
-  .toggle-filter {
-    display: inline-block;
-    margin-right: 0;
-  }
-}
-
-#back-link {
-  margin: 1em 0 0;
-  a {
-    text-decoration: none;
-    position: relative;
-    display: inline-block;
-    padding-left: 1.2em;
-    font-weight: 700;
-    &:before {
-      content: '\221F';
-      position: absolute;
-      top: 50%;
-      left: 0;
-      transform: translateY(-53%) rotate(45deg);
-      display: inline-block;
-      margin-right: 6px;
-      font-size: 1.1em;
-      font-weight: bold;
-      text-shadow: 0 0 1px black;
-    }
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-}
-
-#sensor__details {
-  display: block;
-  margin-top: .6em;
-  position: relative;
-  overflow: hidden;
-
-  .header__actions-bar {
-    position: relative;
-    padding: 1em 35px 0 3.7em;
-
-    .priority-tag-circ {
-      position: absolute;
-      left: 1.2em;
-      top: 50%;
-      transform: translateY(-50%);
-      &.high-priority {
-        background-color: rgba($critical-darkbg, .3);
-      }
-    }
-    .sensor__category {
-      margin: 0;
-      color: $white;
-      min-width: $title-minWidth;
-    }
-  }
-  .header-row {
-    background: $darkpurple;
-  }
-
-  //Export log
-  .btn-export {
-    text-transform: capitalize;
-    color: $black;
-    font-size: .9em;
-    font-weight: 700;
-    position: relative;
-    padding: 0 0 1em 2em;
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-  .btn-export {
-    margin-top: 7px;
-  }
-  .btn-export:before {
-    content: '\21E5';
-    position: absolute;
-    font-size: 1.7em;
-    vertical-align: middle;
-    transform: rotate(90deg);
-    display: inline-block;
-    left: 2px;
-    top: -5px;
-  }
-
-  .sensor__info {
-    padding-top: 10px;
-    &:hover {
-      cursor: pointer;
-    }
-  }
-
-  .accord-row {
-    // accordion row
-    .priority-tag-circ {
-      position: absolute;
-      top: 28px;
-      left: 1.2em;
-    }
-
-  }
-
-  //Sensor info
-  .sensor__title {
-    font-weight: 700;
-    font-size: 1.1em;
-    min-width: $title-minWidth;
-    max-width: 78%;
-    vertical-align: top;
-  }
-  .sensors__description {
-    font-weight: 400;
-  }
-
-  .sensor__reading {
-    @include fontCourierBold;
-    font-size: 1.2em;
-    color: $black;
-    max-width: 18%;
-  }
-
-  // Sensor metadata row
-  .sensors__metadata-row {
-    max-height: 0;
-    overflow: hidden;
-    -webkit-transition: 0.5s linear max-height;
-    transition: 0.5s linear max-height;
-    padding: 0;
-    @include  fastTransition-all;
-    @include mediaQuery(large) {
-      margin-left: 200px;
-    }
-    &.active {
-      max-height: 1000px; //max-height used to allow flexible height of content and still allow transition
-      @include mediaQuery(small) {
-        max-height: 1000px;
-      }
-      @include mediaQuery(medium) {
-        max-height: 1000px;
-      }
-    }
-  }
-
-  //Sensor Related Items
-  .sensors__related {
-    width: 100%;
-  }
-  .sensors__related-label {
-    font-weight: 700;
-    margin-right: 1.2em;
-    padding-top: .3em;
-  }
-
-  .sensors__related-item {
-    margin-right: 1em;
-    padding-top: .3em;
-    display: inline-block;
-    float: left;
-    clear: both;
-  }
-
-  .sensors__icon {
-    width: 20px;
-    height: 20px;
-    font-weight: normal;
-    margin-right: .5em;
-    margin-top: -3px;
-    display: inline-block;
-  }
-
-}
-
-//end sensor details
-
-
diff --git a/app/overview/styles/unit-id.scss b/app/overview/styles/unit-id.scss
deleted file mode 100644
index cd7a9fe..0000000
--- a/app/overview/styles/unit-id.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-// UI Light
-
-#uid-switch {
-  .switch {margin-left: 1.7em;}
-  .uid-switch__label {
-    padding-bottom: 1.5em;
-  }
-  .uid-switch__label p {
-    margin: 0;
-    &:first-child {font-weight: 700;}
-  }
-  .h4 {
-    border-bottom: 1px solid $lightbg__grey;
-    margin: 2.625em 0 1.2em 0;
-    padding: 0 0 .85em;
-    font-weight: 700;
-  }
-
-}
\ No newline at end of file