From 195347ade8b89afc3f05438fdd16b6c1e5c54a92 Mon Sep 17 00:00:00 2001
From: Abhishek <guywhodesigns@gmail.com>
Date: Jul 10 2018 13:12:26 +0000
Subject: add ask page template


---

diff --git a/src/pages/ask/ask.html b/src/pages/ask/ask.html
index 6440d60..90a1389 100644
--- a/src/pages/ask/ask.html
+++ b/src/pages/ask/ask.html
@@ -1,59 +1,48 @@
-<!--
-  Generated template for the AskPage page.
-
-  See http://ionicframework.com/docs/v2/components/#navigation for more info on
-  Ionic pages and navigation.
--->
-<ion-content padding class="ask">
-<ion-navbar>
-  <button ion-button menuToggle>
-    <ion-icon name="menu"></ion-icon>
-  </button>
-
-</ion-navbar>
-<img id="ask_logo" src="assets/img/ask_logo.svg">
-
-  <ion-searchbar class="search_bar"
-    [(ngModel)]="myInput"
-    [showCancelButton]="shouldShowCancel"
-    (ionInput)="onInput($event)"
-    (ionCancel)="onCancel($event)">
-  </ion-searchbar>
-
-
-  <ion-list *ngIf="questions.length !== 0" id="ask_list">
-    <ion-card *ngFor="let question of questions" id="ask_content">
-      <ion-row id="ask_ques">
-        <ion-col width-80 padding tappable (click)="openQuestion(question)">
-          <strong>
-            {{ question.title }}
-          </strong>
-        </ion-col>
-        <ion-col width-10 center>
-          <button float-right ion-button small tappable (click)="shareQuestion(question)">
-            <ion-icon name="share"></ion-icon>
-          </button>
-        </ion-col>
-      </ion-row>
-      <ion-card-content [innerHTML]="question.content" >
-      </ion-card-content>
-      <ion-row id="stats">
-        <ion-col id="vote">
-          <strong>{{ question.score }}</strong>
-          <br>
-          VOTE
-        </ion-col>
-        <ion-col id="ans">
-          <strong>{{ question.answerCount }}</strong>
-          <br>
-          Ans
-        </ion-col>
-        <ion-col id="view">
-          <strong>{{ question.viewCount }}</strong>
-          <br>
-          VIEW
-        </ion-col>
-      </ion-row>
-    </ion-card>
-  </ion-list>
-</ion-content>
+<ion-header no-border>
+  <ion-navbar>
+    <ion-title>
+      <img src="./assets/img/Fedora.svg" height="24px" alt="Fedora">
+    </ion-title>
+    <ion-buttons end>
+      <button tappable (click)="openNotificationPage()">
+        <img src="./assets/img/notification.svg">
+      </button>
+    </ion-buttons>
+  </ion-navbar>
+</ion-header>
+<ion-content class="questions">
+    <ion-segment [(ngModel)]="showQuestionsBy" (ionChange)="onSegmentChange()">
+      <ion-segment-button value="new">
+        Latest
+      </ion-segment-button>
+      <ion-segment-button value="votes">
+        Most Voted
+      </ion-segment-button>
+      <ion-segment-button value="answers">
+        Popular
+      </ion-segment-button>
+    </ion-segment>
+    <ion-list>
+      <ion-list *ngIf="questions.length !== 0">
+        <ion-card *ngFor="let question of questions" tappable (click)="openQuestion(question)">
+          <ion-row>
+            <ion-col col-1>
+              <img src="./assets/img/upvote.svg">
+              <span>{{question.score}}</span>
+              <img src="./assets/img/downvote.svg">
+            </ion-col>
+            <ion-col col-11>
+              <ion-card-header class="body-title" text-wrap>
+                {{question.title}}
+              </ion-card-header>
+              <ion-label *ngFor="let tag of question.tags">
+                {{tag}}
+              </ion-label>
+              <ion-card-content [innerHTML]="'<strong>'+ question.answerCount + ' Answers' + '</strong>'+ ' • ' + question.addedAt" class="body-subtitle">
+              </ion-card-content>
+            </ion-col>
+          </ion-row>
+        </ion-card>
+      </ion-list>
+    </ion-list>
+</ion-content>
\ No newline at end of file