From 8355d8089845a509a7860657341b0dc7a7df8c22 Mon Sep 17 00:00:00 2001
From: smartapant <smartapant@gmail.com>
Date: Fri, 29 Apr 2016 21:06:45 +0300
Subject: [PATCH] Dasboard's most popular app start

---
 .../pages/dashboard/dashboard.component.ts    | 18 ++++---------
 src/app/pages/dashboard/dashboard.html        | 11 ++++++++
 src/app/pages/dashboard/popularApp/index.ts   |  1 +
 .../popularApp/popularApp.component.ts        | 24 ++++++++++++++++++
 .../dashboard/popularApp/popularApp.html      | 25 +++++++++++++++++++
 .../dashboard/popularApp/popularApp.scss      |  1 +
 6 files changed, 67 insertions(+), 13 deletions(-)
 create mode 100644 src/app/pages/dashboard/dashboard.html
 create mode 100644 src/app/pages/dashboard/popularApp/index.ts
 create mode 100644 src/app/pages/dashboard/popularApp/popularApp.component.ts
 create mode 100644 src/app/pages/dashboard/popularApp/popularApp.html
 create mode 100644 src/app/pages/dashboard/popularApp/popularApp.scss

diff --git a/src/app/pages/dashboard/dashboard.component.ts b/src/app/pages/dashboard/dashboard.component.ts
index 77e1cd20..166a55be 100644
--- a/src/app/pages/dashboard/dashboard.component.ts
+++ b/src/app/pages/dashboard/dashboard.component.ts
@@ -1,26 +1,18 @@
-/*
- * Angular 2 decorators and services
- */
 import {Component, ViewEncapsulation} from 'angular2/core';
-/*
- * App Component
- * Top Level Component
- */
+
+import {PopularApp} from './popularApp';
+
 @Component({
   selector: 'dashboard',
   pipes: [],
-  providers: [],
+  directives: [PopularApp],
   encapsulation: ViewEncapsulation.None,
   styles: [require('./dashboard.scss')],
-  template: 'DASHBOARD'
+  template: require('./dashboard.html')
 })
 export class Dashboard {
 
   constructor() {
   }
 
-  ngOnInit() {
-    console.log('DASHBOARD');
-  }
-
 }
diff --git a/src/app/pages/dashboard/dashboard.html b/src/app/pages/dashboard/dashboard.html
new file mode 100644
index 00000000..1db00498
--- /dev/null
+++ b/src/app/pages/dashboard/dashboard.html
@@ -0,0 +1,11 @@
+<!--<div class="row">-->
+    <!--<div class="col-xlg-9 col-lg-6 col-md-6 col-sm-12 col-xs-12">-->
+        <!--<div class="row">-->
+            <!--<div class="col-xlg-4 col-lg-12 col-md-12 col-sm-5 col-xs-12"-->
+                 <!--ba-panel-->
+                 <!--ba-panel-class="popular-app medium-panel">-->
+                <!--<popular-app></popular-app>-->
+            <!--</div>-->
+        <!--</div>-->
+    <!--</div>-->
+<!--</div>-->
diff --git a/src/app/pages/dashboard/popularApp/index.ts b/src/app/pages/dashboard/popularApp/index.ts
new file mode 100644
index 00000000..045f968d
--- /dev/null
+++ b/src/app/pages/dashboard/popularApp/index.ts
@@ -0,0 +1 @@
+export * from './popularApp.component';
\ No newline at end of file
diff --git a/src/app/pages/dashboard/popularApp/popularApp.component.ts b/src/app/pages/dashboard/popularApp/popularApp.component.ts
new file mode 100644
index 00000000..42c0df17
--- /dev/null
+++ b/src/app/pages/dashboard/popularApp/popularApp.component.ts
@@ -0,0 +1,24 @@
+/*
+ * Angular 2 decorators and services
+ */
+import {Component, ViewEncapsulation} from 'angular2/core';
+/*
+ * App Component
+ * Top Level Component
+ */
+@Component({
+  selector: 'popular-app',
+  encapsulation: ViewEncapsulation.None,
+  styles: [require('./popularApp.scss')],
+  template: require('./popularApp.html')
+})
+export class PopularApp {
+
+  constructor() {
+  }
+
+  ngOnInit() {
+    console.log('DASHBOARD');
+  }
+
+}
diff --git a/src/app/pages/dashboard/popularApp/popularApp.html b/src/app/pages/dashboard/popularApp/popularApp.html
new file mode 100644
index 00000000..56a2360a
--- /dev/null
+++ b/src/app/pages/dashboard/popularApp/popularApp.html
@@ -0,0 +1,25 @@
+<div class="popular-app-img">
+    <!--<img ng-src="{{::( 'app/my-app-logo.png' | appImage )}}"/>-->
+</div>
+<div class="popular-app-cost row">
+    <div class="col-xs-9">
+        Most Popular App
+    </div>
+    <div class="col-xs-3 text-right">
+        175$
+    </div>
+</div>
+<div class="popular-app-info row">
+    <div class="col-xs-4 text-left">
+        <div class="info-label">Total Visits</div>
+        <div>47,512</div>
+    </div>
+    <div class="col-xs-4 text-center">
+        <div class="info-label">New Visits</div>
+        <div>9,217</div>
+    </div>
+    <div class="col-xs-4 text-right">
+        <div class="info-label">Sales</div>
+        <div>2,928</div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/app/pages/dashboard/popularApp/popularApp.scss b/src/app/pages/dashboard/popularApp/popularApp.scss
new file mode 100644
index 00000000..61ad7ca3
--- /dev/null
+++ b/src/app/pages/dashboard/popularApp/popularApp.scss
@@ -0,0 +1 @@
+@import '../dashboard';
\ No newline at end of file