check notification and inactivity

src/app/pages/publications/view-publications/view-publications.module.ts

@@ -9,7 +9,7 @@ import { ViewPublicationsPageRoutingModule } from './view-publications-routing.m
 import { ViewPublicationsPage } from './view-publications.page';
 
 import { Attributes, IntersectionObserverHooks, LazyLoadImageModule, LAZYLOAD_IMAGE_HOOKS } from 'ng-lazyload-image';
-
+import { ShowMorePageModule } from 'src/app/shared/publication/view-publications/show-more/show-more.module'
 export class LazyLoadImageHooks extends IntersectionObserverHooks {
 setup(attributes: Attributes) {
   attributes.offset = 10;
@@ -26,7 +26,9 @@ setup(attributes: Attributes) {
     IonicModule,
 
     ViewPublicationsPageRoutingModule,
-    LazyLoadImageModule
+    LazyLoadImageModule,
+    //page
+    ShowMorePageModule,
   ],
   exports: [ViewPublicationsPage],
   declarations: [ViewPublicationsPage],

src/app/pages/publications/view-publications/view-publications.page.html

@@ -26,17 +26,15 @@
     <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
     <ion-refresher-content>
     </ion-refresher-content>
-  </ion-refresher> 
+  </ion-refresher>
    <div class="main-container background-white height-100 overflow-y-auto viewport-font-size">
    <ion-content  *ngIf="publicationFolderService.FolderDetails[folderId]">
 
     <p class="px-20 item-content-detail font-14-em">{{publicationFolderService.FolderDetails[folderId].Detail}}</p>
 
-      <ion-card *ngFor="let publication of publicationFolderService.publicationList[folderId] let i = index"
-      (click)="goToPublicationDetail(publication.DocumentId, publication.ProcessId)"
-      >
+      <ion-card *ngFor="let publication of publicationFolderService.publicationList[folderId] let i = index">
       <ion-card-content>
-        <div  class="post-img">
+        <div  class="post-img" (click)="goToPublicationDetail(publication.DocumentId, publication.ProcessId)">
           <img [lazyLoad]="publication.FileBase64">
         </div>
         <div class="post-content">
@@ -47,7 +45,10 @@
             <div class="post-data font-13-em">{{publication.DatePublication | date: 'dd-MM-yyyy  HH:mm'}}</div>
           </div>
           <div class="post-description ">
-            <pre class="text font-14-em">{{publication.Message}}</pre>
+            <!-- <pre class="text font-14-em">{{publication.Message}}</pre> -->
+            <app-show-more
+            [text]=publication.Message
+          ></app-show-more>
           </div>
         </div>
       </ion-card-content>

src/app/pages/publications/view-publications/view-publications.page.scss

@@ -3,7 +3,7 @@
 :host{
   background: transparent;
   padding: 0!important;
-}  
+}
   ion-content{
     --background: transparent;
     --border-radius: 30px;
@@ -123,15 +123,23 @@
     padding: 0!important;
   }
   .post-img{
-      width: 100%;
-      //height: 400px;
-      margin: 0 auto;
-      border-radius: 0px!important;
-      overflow: hidden;
-      background-color: white;
-      display: flex;
-      justify-content: center;
-  
+    width: 100%;
+    height: 100%;
+
+    max-height: 400px;
+    min-height: 350px;
+    min-width: 350px;
+
+    margin: 5px auto;
+
+    border-radius: 0px !important;
+    overflow: hidden;
+    background-color: white;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: black;
+
   }
   .post-img img{
       height: 100%;