feature(docs): Show beta.1 main features in homepage notifications …

…+ `sketch.beta.1` update (#297) * update(updates): homepage notifications - also sketch resource link * small tweaks to make the number of notifications be dynamic
Teradata · Jan 29, 2017 · 681df13 · 681df13
1 parent 2b60583
commit 681df13
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 37 deletions.
diff --git a/src/app/components/home/home.component.html b/src/app/components/home/home.component.html
@@ -3,47 +3,25 @@
     <span>Covalent</span>
     <span flex></span>
     <button md-icon-button [mdMenuTriggerFor]="notificationsMenu">
-      <td-notification-count color="accent" [notifications]="6">
+      <td-notification-count color="accent" [notifications]="updates.length + 1">
         <md-icon>notifications</md-icon>
       </td-notification-count>
     </button>
     <md-menu #notificationsMenu="mdMenu">
       <td-menu>
         <div td-menu-header class="md-subhead">Updates</div>
         <md-nav-list dense>
-          <a md-list-item [routerLink]="['/components/notifications']">
-            <md-icon md-list-avatar>notifications</md-icon>
-            <h4 md-line><span class="text-wrap">Notifications component added</span></h4>
-            <p md-line>New component</p>
-          </a>
-          <md-divider></md-divider>
-          <a md-list-item [routerLink]="['/components/dynamic-forms']">
-            <md-icon md-list-avatar>format_align_center</md-icon>
-            <h4 md-line><span class="text-wrap">JSON driven dynamic forms</span></h4>
-            <p md-line>New component</p>
-          </a>
-          <md-divider></md-divider>
-          <a md-list-item [routerLink]="['/layouts']">
-            <md-icon md-list-avatar>call_to_action</md-icon>
-            <h4 md-line><span class="text-wrap">Sticky footer added to layouts</span></h4>
-            <p md-line>Component updated</p>
-          </a>
-          <md-divider></md-divider>
-          <a md-list-item [routerLink]="['/components/data-table']">
-            <md-icon md-list-avatar>grid_on</md-icon>
-            <h4 md-line><span class="text-wrap">Nested object support for data-table</span></h4>
-            <p md-line>Component updated</p>
-          </a>
-          <md-divider></md-divider>
-          <a md-list-item [routerLink]="['/components/http']">
-            <md-icon md-list-avatar>http</md-icon>
-            <h4 md-line><span class="text-wrap">HTTP path interceptors &amp; transform support</span></h4>
-            <p md-line>Service updated</p>
-          </a>
-          <md-divider></md-divider>
-          <a md-list-item href="https://github.com/Teradata/covalent/blob/develop/package.json#L53-L58" target="_blank">
-            <md-icon md-list-avatar>notifications</md-icon>
-            <h4 md-line><span class="text-wrap">Angular 2.4.1 &amp; Material2 Beta1</span></h4>
+          <template let-item let-last="last" ngFor [ngForOf]="updates">
+            <a md-list-item [routerLink]="[item.route]">
+              <md-icon md-list-avatar>{{item.icon}}</md-icon>
+              <h4 md-line><span class="text-wrap">{{item.description}}</span></h4>
+              <p md-line>{{item.title}}</p>
+            </a>
+            <md-divider></md-divider>
+          </template>
+          <a md-list-item href="https://github.com/Teradata/covalent/blob/develop/package.json#L56-L65" target="_blank">
+            <md-icon md-list-avatar>change_history</md-icon>
+            <h4 md-line><span class="text-wrap">Angular 2.4.4 &amp; CLI beta.26</span></h4>
             <p md-line>Dependencies updated</p>
           </a>
         </md-nav-list>

diff --git a/src/app/components/home/home.component.ts b/src/app/components/home/home.component.ts
@@ -45,6 +45,44 @@ export class HomeComponent implements OnInit {
     },
   ];
 
+  updates: Object[] = [{
+      description: 'Navigation Drawer sidenav component',
+      icon: 'kitchen',
+      route: 'style-guide/navigation-drawer',
+      title: 'New component & pattern',
+    }, {
+      description: 'Management list (data-list) pattern',
+      icon: 'view_list',
+      route: 'style-guide/management-list',
+      title: 'New pattern',
+    }, {
+      description: 'Responsive layout modes & toggles',
+      icon: 'dashboard',
+      route: 'layouts',
+      title: 'Component updated',
+    }, {
+      description: 'Highlight themes & hardening',
+      icon: 'code',
+      route: 'components/syntax-highlighting',
+      title: 'Component updated',
+    }, {
+      description: 'Markdown file support & hardening',
+      icon: 'chrome_reader_mode',
+      route: 'components/markdown',
+      title: 'Component updated',
+    }, {
+      description: 'Loading colors & enhancements',
+      icon: 'hourglass_empty',
+      route: 'components/loading',
+      title: 'Component updated',
+    }, {
+      description: 'Sketch template updated',
+      icon: 'cloud_download',
+      route: 'style-guide/resources',
+      title: 'Resource updated',
+    },
+  ];
+
   constructor(private _gitHubService: GitHubService) {
   }
 

diff --git a/src/app/components/style-guide/resources/resources.component.html b/src/app/components/style-guide/resources/resources.component.html
@@ -17,8 +17,8 @@
   <md-divider></md-divider>
   <md-card-content>
     <p>Create static mockups that are identical to the Covalent layouts and Angular-Material components!</p>
-    <a md-ripple mdTooltip="Download" target="_blank" mdTooltipPosition="below" md-button color="primary" href="https://dribbble.com/shots/2846624-Covalent-Material-Design-Sketch-Template-Free-download">
-      <img width="100%" class="md-whiteframe-z1" src="https://d13yacurqjgara.cloudfront.net/users/13496/screenshots/2846624/covalent-sketch-template.gif">
+    <a md-ripple mdTooltip="Download" target="_blank" mdTooltipPosition="below" md-button color="primary" href="https://dribbble.com/shots/3250690-Covalent-Material-Design-Sketch-Template-beta">
+      <img width="100%" class="md-whiteframe-z1" src="https://d13yacurqjgara.cloudfront.net/users/13496/screenshots/3250690/covalent-beta1-dribbble.png">
     </a>
     <md-divider></md-divider>
     <td-expansion-panel label="Features">
@@ -48,7 +48,7 @@ <h3 md-line>Material Design Typography &amp; Iconography</h3>
   </md-card-content>
   <md-divider></md-divider>
     <md-card-actions>
-      <a md-button color="accent" target="_blank" href="https://dribbble.com/shots/2846624-Covalent-Material-Design-Sketch-Template-Free-download">
+      <a md-button color="accent" target="_blank" href="https://dribbble.com/shots/3250690-Covalent-Material-Design-Sketch-Template-beta">
       Download Sketch Template
       </a>
   </md-card-actions>