move scss and template to releaseNotification component

particl · Jan 5, 2018 · 46c4b1b · 46c4b1b
1 parent fccfb21
commit 46c4b1b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 74 deletions.
diff --git a/src/app/core-ui/main/main-view.component.html b/src/app/core-ui/main/main-view.component.html
@@ -68,9 +68,9 @@
           <mat-content>
             <mat-list class="sidebar-item-group">
 
-              <a class="sidebar-item-link" routerLinkActive="active" href="javascript:void(0)" (click)="createWallet()" >
+              <a class="sidebar-item-link" routerLinkActive="active" href="javascript:void(0)" (click)="createWallet()">
                 <mat-list-item class="sidebar-item">
-                  <mat-icon class="icon" fontSet="partIcon" fontIcon="part-add-account" ></mat-icon>
+                  <mat-icon class="icon" fontSet="partIcon" fontIcon="part-add-account"></mat-icon>
                   <span class="text">Add Account</span>
                 </mat-list-item>
               </a>
@@ -93,7 +93,6 @@
       </mat-list>
     </mat-content--><!-- .sidebar-section -->
 
-
     <footer class="pin-to-bottom">
 
       <mat-content *ngIf="!daemonRunning || !walletInitialized">
@@ -118,7 +117,7 @@
         </mat-list><!-- .error.sidebar-item-group -->
       </mat-content>
 
-      <!-- Versions | TODO: move to separate component? -->
+      <!-- Versions -->
       <mat-content class="client-version">
         <div class="client item">
           Client <span class="version">{{ clientVersion }}</span>
@@ -136,34 +135,11 @@
 
     </footer><!-- .pin-to-bottom -->
 
-
   </mat-sidenav><!-- .sidebar -->
 
-
-
   <!-- Page header -->
-  <!-- TODO: info notification -->
-  <mat-card class="notification info">
-    <mat-card-title class="title">
-      New update available <span class="tag">1.1.0</span> &ndash; please upgrade:
-      <!-- TODO: link to https://github.com/particl/partgui/releases (releases include a changelog as well, so no need for separate button for that) -->
-      <button class="button" mat-button color="primary">
-        <mat-icon class="icon" fontSet="partIcon" fontIcon="part-flash-21"></mat-icon>
-        Upgrade now
-      </button>
-    </mat-card-title>
-  </mat-card><!-- .notification -->
-  <!-- TODO: alert/warning notification -->
-  <mat-card class="notification alert">
-    <mat-card-title class="title">
-      New security update available <span class="tag">1.1.2</span> &ndash; please upgrade:
-      <!-- TODO: link to https://github.com/particl/partgui/releases (releases include a changelog as well, so no need for separate button for that) -->
-      <button class="button" mat-button color="warn">
-        <mat-icon class="icon" fontSet="partIcon" fontIcon="part-flash-21"></mat-icon>
-        Upgrade now
-      </button>
-    </mat-card-title>
-  </mat-card><!-- .notification -->
+  <!-- info/warning notification -->
+  <app-release-notification></app-release-notification>
 
   <mat-toolbar class="header-main">
     <button fxLayout="row" fxLayoutAlign="center end" mat-button (click)="sidenav.toggle()" fxHide.gt-sm>
@@ -181,6 +157,4 @@
     <router-outlet></router-outlet>
   </div>
 
-
-
 </mat-sidenav-container>
diff --git a/src/app/core-ui/main/main-view.component.scss b/src/app/core-ui/main/main-view.component.scss
@@ -98,48 +98,6 @@ a.sidebar-item-link {
   }
 }
 
-
-// ------ ALERTS/NOTIFICATIONS ------ //
-
-mat-card.notification {
-  @extend %disable-select;
-  padding: 12px 28px;
-  background: $bg;
-  box-shadow: 0 1px $bg-shadow !important;
-  border-left: 6px solid transparent;
-  border-radius: 0;
-  &.info {
-    border-left: 6px solid $color;
-    .title .tag {
-      background: $color;
-    }
-  }
-  &.alert {
-    border-left: 6px solid $color-alert;
-    .title .tag {
-      background: $color-alert;
-    }
-  }
-  .title {
-    font-size: 13px;
-    font-weight: 600;
-    margin: 0;
-    .tag {
-      background: $text;
-      color: white;
-      border-radius: 99px;
-      padding: 0px 6px;
-      margin: 0 1px;
-      font-size: 12px;
-      font-weight: 700;
-    }
-    .button {
-      margin-left: 8px;
-    }
-  }
-}
-
-
 /* ------------------------------- *\
     LAYOUT
 \* ------------------------------- */
@@ -211,4 +169,4 @@ mat-card.notification {
   text-transform: uppercase;
   font-size: 15px;
   font-weight: 700;
-}
+}