Add New publication component

src/app/shared/publication/new-publication/new-publication.page.html

@@ -0,0 +1,86 @@
+<ion-header class="ion-no-border background-white px-20 pt-25">
+  <div class="title-content">
+    <div class="div-title">
+      <ion-label class="title">{{publicationTitle}}</ion-label>
+    </div>
+  </div>
+</ion-header>
+
+<ion-content>
+<div class="content-container">
+
+  <div  *ngIf="publicationType!='1'" class="ion-item-container">
+    <ion-input [(ngModel)]="pub.Title" name="title" ngDefaultControl placeholder="Título" ></ion-input>
+  </div>
+
+  <div *ngIf="publicationType!='1'" class="container-div">
+    <div class="ion-item-class-2 d-flex">
+      <div class="ion-icon-class">
+        <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
+      </div>
+      <div class="ion-textarea-class flex-grow-1">
+        <ion-textarea [(ngModel)]="pub.Message" name="description" ngDefaultControl rows="12" cols="20" placeholder="Corpo de texto..."></ion-textarea>
+      </div>
+    </div>
+  </div>
+  <div *ngIf="capturedImage != ''" class="ion-item-container-no-border">
+    <ion-label class="attached-title">Fotografia Anexada</ion-label>
+    <ion-item lines="none">
+      <ion-thumbnail slot="start">
+        <ion-img [(ngModel)]="capturedImage" name="image" ngDefaultControl [src]="'data:image/png;base64,'+capturedImage"></ion-img>
+      </ion-thumbnail>
+    <!--  <ion-thumbnail *ngIf="!publication" slot="start">
+        <ion-img [(ngModel)]="publication.imageUrl" [src]="guestPicture"></ion-img>
+      </ion-thumbnail> -->
+      <ion-label>
+        <p>{{capturedImageTitle}}</p>
+        <p hidden>size</p>
+      </ion-label>
+      <ion-icon (click)="clear()" name="close"></ion-icon>
+    </ion-item>
+    
+    <!-- <ion-thumbnail>
+      <ion-img src="{{imgUrl}}"></ion-img>
+    </ion-thumbnail> -->
+  </div>
+
+  <div class="ion-item-container-no-border">
+    <ion-label (click)="takePicture()">
+      <div class="attach-icon">
+        <ion-icon src="assets/images/icons-add-photo.svg"></ion-icon>
+      </div>
+      <div class="attach-document">
+        <ion-label>Tirar Fotografia</ion-label>
+      </div>
+      </ion-label>
+  </div>
+
+  <div class="ion-item-container-no-border">
+    <ion-label (click)="getPicture()">
+      <div class="attach-icon">
+        <ion-icon src="assets/images/icons-add-photos.svg"></ion-icon>
+      </div>
+      <div class="attach-document">
+        <ion-label>Anexar Fotografia</ion-label>
+      </div> 
+    </ion-label>
+  </div>
+</div>
+
+</ion-content>
+
+
+<ion-footer class="ion-no-border">
+  <ion-toolbar class="footer-toolbar">
+    <ion-buttons slot="start">
+      <ion-button class="btn-cancel" fill="clear" color="#061b52" (click)="close()">
+        <ion-label>Cancelar</ion-label>
+      </ion-button>
+    </ion-buttons>
+    <ion-buttons slot="end">
+      <ion-button class="btn-ok" fill="clear" color="#fff" (click)="save()">
+        <ion-label>Gravar</ion-label>
+      </ion-button>
+    </ion-buttons>
+  </ion-toolbar>
+</ion-footer>