adding mobile views for despacho, pedidos and pendentes

src/app/pages/gabinete-digital/expediente/expediente.page.html

@@ -4,9 +4,9 @@
     <ion-label >Correspondência</ion-label>
   </div>
   <ion-toolbar>
-    <ion-segment [(ngModel)]="segment">
-      <ion-segment-button value="expediente">
-        Expediente
+    <ion-segment [(ngModel)]="segment" (ionChange)="segmentChanged($event)">
+      <ion-segment-button value="expedientes">
+        Expedientes
       </ion-segment-button>
       <ion-segment-button value="pendentes">
         Pendentes
@@ -25,7 +25,7 @@
     </ion-refresher>
   
   <div class="width-100" [ngSwitch]="segment" *ngIf="taskslist">
-    <ion-list *ngSwitchCase="'expediente'">
+    <ion-list *ngSwitchCase="'expedientes'">
       <ion-item 
           class="expediente ion-no-padding"  
           *ngFor = "let task of taskslist"
@@ -52,10 +52,30 @@
           </ion-item>
     </ion-list>
     <ion-list *ngSwitchCase="'pendentes'">
-      <ion-item-group>
-        <ion-item-sliding>
-        </ion-item-sliding>
-      </ion-item-group>
+      <ion-item 
+          class="expediente ion-no-padding"  
+          *ngFor = "let task of taskslist"
+          (click)="viewExpedientDetail(task.SerialNumber)"
+          >
+          <!--  [routerLink]="['/home/gabinete-digital/expediente',task.SerialNumber]" -->
+            <div class="item width-100">
+              <div class="exp-top-detail">
+                <div class="exp-date">
+                  <ion-label>{{ task.CreateDate | date: 'dd-MM-yy' }}</ion-label>
+                </div>
+                <div class="exp-remetente">
+                  <ion-label>{{task.Remetente}}</ion-label>
+                </div>
+                <div class="exp-icon">
+                  <ion-icon src="assets/images/icons-expediente-attachment.svg"></ion-icon>
+                  <label></label>
+                </div>
+              </div>
+              <div class="exp-bottom-detail">
+                <ion-label>{{ task.Folio }}</ion-label>
+              </div>
+            </div>
+          </ion-item>
     </ion-list>
   </div>
   <div *ngIf="!taskslist">