Merge

config.xml

@@ -3,7 +3,7 @@
     <name>gabinete digital</name>
     <description>An awesome Ionic/Cordova app.</description>
     <author email="hi@ionicframework.com" href="http://ionicframework.com/">Ionic Framework Team</author>
-    <content original-src="index.html" src="http://localhost:8101" />
+    <content src="index.html" />
     <access origin="*" />
     <allow-navigation href="http://*/*" />
     <allow-navigation href="https://*/*" />

src/app/pages/agenda/edit-event/edit-event.page.html

@@ -1,17 +1,21 @@
-<ion-content class="height-100">
+<ion-content>
-  <div class="main-content d-flex height-100">
+  <div class="main-content height-100">
 
     <div class="content d-flex flex-column width-100 height-100">
       
-      <div class="main-header pt-30 px-20">
+      <div class="main-header pt-30 px-20 background-white pb-15">
-        <div class="title-content" style="min-height: 40px;">
+        <ion-header>
+        <div class="title-content">
           <div class="middle">
-            <ion-label class="title">***Editar Evento</ion-label>
+            <ion-label class="title">Editar Evento com divisão</ion-label>
           </div>
         </div>
+      </ion-header>
       </div>
+      <ion-item-sliding class="overflow-y-auto">
       
-      <div class="overflow-y-auto px-20">
+        <div>
+          <div class="px-20">
             <div class="ion-item-container width-100">
               <ion-input  placeholder="Assunto" [(ngModel)]="postEvent.Subject"></ion-input>
             </div>
@@ -172,7 +176,7 @@
                 </div>
               </div>
     
-          
+            </div>
           </div>
           
           <div class="container-div width-100">
@@ -180,9 +184,8 @@
               <div class="ion-icon-class">
                 <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
               </div>
-            <div class="ion-input-class">
+              <div class="ion-input-class-no-height width-100">
-              <ion-input placeholder="Detalhes" [(ngModel)]="postEvent.Body.Text"></ion-input>
+                <ion-textarea placeholder="Detalhes" [(ngModel)]="postEvent.Body.Text" rows="6" cols="20"></ion-textarea>
-            </div>
               </div>
             </div>
             
@@ -198,6 +201,8 @@
             </div>
             
           </div>
+        </div>
+
 
         <div hidden>
           <ion-item>
@@ -212,9 +217,11 @@
           </ion-item>
           </ion-list>
         </div>
+      </ion-item-sliding>
+
     </div>
 
-    <app-attendee-modal class="aside-right flex-column height-100 d-none d-md-flex"
+    <app-attendee-modal class="aside-right flex-column height-100 d-none d-md-flex pt-10"
       [taskParticipants]="taskParticipants"
       [taskParticipantsCc]="taskParticipantsCc"
       [adding]="adding"

src/app/pages/agenda/edit-event/edit-event.page.scss

@@ -1,4 +1,9 @@
 
+
+.title-content::after, .header-md::after{
+  display: none;
+}
+
 .content{
   margin: 0;
   float: left;
@@ -7,8 +12,8 @@
   .main-header{
     font-family: Roboto;
     background-color: #fff;
+    
     overflow:hidden;
-    color:#000;
     transform: translate3d(0, 1px, 0);
     
     .title-content{
@@ -65,6 +70,7 @@
         float: left;
       }
       .ion-input-class-no-height{
+        width: calc(100% - 45px);
         border: 1px solid #ebebeb;
         border-radius: 5px;
       }
@@ -157,3 +163,4 @@
     padding: 20px;
     overflow: auto;
   }
+  

src/app/pages/agenda/view-event/view-event.page.html

@@ -47,6 +47,7 @@
           </ion-label>
         </div>
       </div>
+      <div class="line"></div>
       <div class="middle-content">
         <div *ngIf="loadedEvent.Attendees">
         <h5>Intervenientes</h5>
@@ -58,18 +59,20 @@
           </ion-label>
         </ion-item>
       </div>
+      <div *ngIf="loadedEvent.Body.Text">
         <h5>Detalhes</h5>
         <ion-item class="ion-no-margin ion-no-padding">
-          <p [innerHTML]="loadedEvent.Body.Text"></p>
+          <textarea disabled class="width-100" [innerHTML]="loadedEvent.Body.Text" rows="6"></textarea>
         </ion-item>
       </div>
+      </div>
     
-      <div *ngIf="loadedAttachments" class="bottom-content">
+      <div *ngIf="loadedAttachments" class="bottom-content width-100">
         <ion-list>
-          <h3>Documentos Anexados</h3>
+          <h5>Documentos Anexados</h5>
           <ion-item class="ion-no-margin ion-no-padding">
           <ion-label *ngFor="let attach of loadedAttachments"
-          (click)="viewDocument()">
+          (click)="viewDocument(attach.SourceId)">
             <p class="attach-title-item">{{attach.SourceName}}</p>
             <p><span class="span-left">{{attach.Stakeholders}}</span><span class="span-right">{{ attach.CreateDate | date: 'dd-MM-yy' }}</span></p>
           </ion-label>

src/app/pages/agenda/view-event/view-event.page.scss

@@ -151,6 +151,10 @@ ion-menu{
             font-size: 16px;
         }
       }
+      .line{
+        margin-top: 15px;
+        border-top: 1px solid #d8d8d8;
+      }
       .middle-conten{
         .middle-content h3, .middle-content p{
           font-size: 16px;
@@ -158,7 +162,6 @@ ion-menu{
       }
       
       .bottom-content{
-        width: 360px;
         margin: 0 auto;
         
         .bottom-content h3{
@@ -231,3 +234,7 @@ ion-menu{
       margin-bottom: 10px !important;
     }
   }
+  textarea{
+    border:none;
+    --background:#fff !important;
+  }

src/app/pages/agenda/view-event/view-event.page.ts

@@ -8,7 +8,7 @@ import { EventsService } from 'src/app/services/events.service';
 import { Event } from '../../../models/event.model';
 import { EditEventPage } from '../edit-event/edit-event.page';
 import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
-import { EventEditPage } from '../../events/edit-event/edit-event.component';
+import { ProcessesService } from 'src/app/services/processes.service';
 
 @Component({
   selector: 'app-view-event',
@@ -43,6 +43,7 @@ export class ViewEventPage implements OnInit {
     private attachmentsService: AttachmentsService,
     public alertController: AlertController,
     private iab: InAppBrowser,
+    private processes: ProcessesService,
   ) 
   {
     this.profile = this.navParams.get('profile');
@@ -116,7 +117,7 @@ export class ViewEventPage implements OnInit {
     }
 
     const modal = await this.modalController.create({
-      component: EventEditPage,
+      component: EditEventPage,
       componentProps: {
         eventId: this.loadedEvent.EventId,
         profile: this.profile,
@@ -157,10 +158,14 @@ export class ViewEventPage implements OnInit {
     });
   }
 
-  viewDocument(){
+  viewDocument(sourceId){
-    const url: string = this.loadedAttachments.DocumentURL.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
+    this.processes.GetDocumentUrl(sourceId, '8').subscribe(res=>{
+      console.log(res);
+      const url: string = res.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
       const browser = this.iab.create(url,"_blank");
       browser.show();
+      
+    });
   }
 
 }

src/app/pages/events/edit-event/app-edit-event-home.page.html

@@ -3,7 +3,7 @@
     <ion-buttons slot="start">
       <ion-back-button defaultHref="{{ backURL }}"></ion-back-button>
     </ion-buttons>
-    <ion-title class="header-title">Visualizar Evento</ion-title>
+    <ion-title class="header-title">21Visualizar Evento</ion-title>
     <ion-buttons slot="end">
       <button (click)="deleteConfirm()" class="ion-icon-delete">
         <ion-icon name="trash"></ion-icon>

src/app/pages/events/events-routing.module.ts

@@ -23,7 +23,8 @@ const routes: Routes = [
   {
     path: 'attendee-modal',
     loadChildren: () => import('./attendee-modal/attendee-modal.module').then( m => m.AttendeeModalPageModule)
-  },
+  },
+  {
     path: 'event-detail-modal',
     loadChildren: () => import('./event-detail-modal/event-detail-modal.module').then( m => m.EventDetailModalPageModule)
   }

src/app/pages/gabinete-digital/event-list/approve-event-modal/approve-event-modal.page.html

@@ -25,7 +25,7 @@
       </ion-item>
       <ion-item (click)="emendTask(loadedEvent.serialNumber)">
         <ion-icon name="create-outline"></ion-icon>
-        <ion-label>Emendar</ion-label>
+        <ion-label>Emendar1</ion-label>
       </ion-item>
       <ion-item (click)="rejectTask(loadedEvent.serialNumber)">
         <ion-icon name="close-sharp"></ion-icon>

src/app/pages/gabinete-digital/event-list/approve-event/approve-event.page.html

@@ -25,7 +25,7 @@
       </ion-item>
       <ion-item (click)="emendTask(loadedEvent.serialNumber)">
         <ion-icon name="create-outline"></ion-icon>
-        <ion-label>Emendar</ion-label>
+        <ion-label>Emendar1</ion-label>
       </ion-item>
       <ion-item (click)="rejectTask(loadedEvent.serialNumber)">
         <ion-icon name="close-sharp"></ion-icon>
@@ -54,6 +54,7 @@
       </ion-label>
     </div>
   </div>
+  <div class="line"></div>
   <div class="middle-content" *ngIf="loadedEvent">
     <h5>Intervenientes</h5>
     <ion-item>
@@ -92,7 +93,7 @@
       </ion-menu-button>
       </p>
       <p>
-        <ion-button class="button-approve" shape="round" (click)="approveTask(loadedEvent.serialNumber)">Aprovar</ion-button>
+        <ion-button class="button-approve" shape="round" (click)="approveTask(loadedEvent.serialNumber)">Aprovar1</ion-button>
       </p>
     </ion-item>
     <ion-item hidden>

src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.ts

@@ -86,6 +86,7 @@ export class ExpedientTaskModalPage implements OnInit {
     this.taskDate = new Date(this.task.taskStartDate);
 
     this.getAttachments();
+    this.getSubjectType();
   }
 
   close(){

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

@@ -55,8 +55,8 @@
   <ion-menu-button></ion-menu-button>
 </div>
 
-<ion-content class="height-100">
+<ion-content>
-  <div class="main-content d-flex height-100">
+  <div class="main-content d-flex">
     <div class="content d-flex flex-column" *ngIf="task">
       <div class="main-header">
         <div class="title-content">
@@ -79,6 +79,7 @@
           </ion-label>
         </div>
       </div>
+      <div class="line"></div>
       <div class="middle-content">
         <h5 *ngIf="intervenientes">Intervenientes</h5>
         <ion-item class="ion-no-margin ion-no-padding">

src/app/pages/gabinete-digital/gabinete-digital.page.ts

@@ -163,7 +163,7 @@ this.processesbackend.GetActionsList().subscribe(res=>{
     this.closeAllDesktopComponent();
 
     let classs;
-    if( window.innerWidth <= 1024){
+    if( window.innerWidth <= 800){
       classs = 'modal'
     } else  {
       classs = 'gabinete-digital-mobile-modal-to-Desktop'

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

@@ -97,6 +97,7 @@
         *ngIf="desktopComponent.showPublicationDetail"
         class="height-100 d-flex flex-column overflow-hidden background-white flex-grow-1"
         [publicationId]="publicationId"
+        [folderId]="folderId"
         (addNewPublication)="addNewPublication($event)"
         (closeDesktopComponent)="closeDesktopComponent($event)"
         (goBacktoPublicationDetails)="goBacktoPublicationDetails($event)"

src/app/services/events.service.ts

@@ -192,7 +192,7 @@ export class EventsService {
     return this.http.delete(`${puturl}`, options)
   }
   postExpedientEvent(docId:any, body:any, sharedagenda:string, serialNumber:any){
-    const geturl = environment.apiURL + 'calendar/' + ((sharedagenda != '') ? sharedagenda : 'CreateEventExpediente');
+    const geturl = environment.apiURL + 'calendar/' + ((sharedagenda != '') ? sharedagenda : 'CreateEventExpediente')+'/event';
     let params = new HttpParams();
 
     params = params.set("DocId", docId);

src/app/shared/agenda/approve-event/approve-event.component.html

@@ -21,7 +21,7 @@
     <ion-list>
       <ion-item (click)="approveTask(loadedEvent.serialNumber)">
         <ion-icon name="checkmark-sharp"></ion-icon>
-        <ion-label>Aprovar</ion-label>
+        <ion-label>Aprovar3</ion-label>
       </ion-item>
       <ion-item (click)="emendTask(loadedEvent.serialNumber)">
         <ion-icon name="create-outline"></ion-icon>
@@ -65,6 +65,7 @@
           </ion-label>
         </div>
       </div>
+      <div class="line"></div>
       <div class="middle-content">
         <h5>Intervenientes</h5>
         <ion-item class="ion-no-margin ion-no-padding">

src/app/shared/agenda/approve-event/approve-event.component.ts

@@ -71,8 +71,12 @@ export class ApproveEventComponent implements OnInit {
     })
   }
   approveTask(serialNumber:string){
-
+    let body = { "serialNumber": serialNumber, "action": "Aprovar" }
-    this.approveEventDismiss.emit({ 
+    console.log(body);
+    this.processes.PostTaskAction(body);
+    this.alertService.presentAlert('Operação realizada com sucesso!');
+    this.modalController.dismiss(serialNumber);
+    /* this.approveEventDismiss.emit({ 
       "serialNumber": serialNumber,
       "action": "Aprovar", 
       "saveData": {
@@ -80,7 +84,7 @@ export class ApproveEventComponent implements OnInit {
         today: this.today,
         customDate: this.customDate
       }
-    });
+    }); */
   }
 
   emendTask(serialNumber:string){

src/app/shared/agenda/edit-event/edit-event.component.html

@@ -3,7 +3,7 @@
     <div class="main-header">
       <div class="title-content">
         <div class="middle">
-          <ion-label class="title">Editar Evento</ion-label>
+          <ion-label class="title">2Editar Evento</ion-label>
         </div>
       </div>
     </div>
@@ -177,10 +177,8 @@
         <div class="ion-icon-class">
           <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
         </div>
-        <div class="ion-input-class-no-height flex-grow-1">
+        <div class="ion-input-class-no-height width-100">
-          
+          <ion-textarea [(ngModel)]="postEvent.Body.Text"  placeholder="Detalhes" rows="6" cols="20"></ion-textarea>
-          <ion-textarea  [(ngModel)]="postEvent.Body.Text"  placeholder="Detalhes" ></ion-textarea>
-          
         </div>
       </div>
     </div>

src/app/shared/agenda/edit-event/edit-event.component.scss

@@ -57,7 +57,6 @@ ion-content{
         margin-bottom: 15px;
       }
       .ion-item-class-2{
-
         margin: 0px auto;
       }
       .ion-icon-class{
@@ -81,8 +80,11 @@ ion-content{
         float: left;
       }
       .ion-input-class-no-height{
+        height: auto !important;
         border: 1px solid #ebebeb;
         border-radius: 5px;
+        margin-bottom: 15px;
+        overflow: auto;
       }
       .list-people{
 
@@ -166,10 +168,3 @@ ion-content{
       }
 
   }
-
-
-.container-div{
-  ion-textarea{
-    height: 81px;
-  }
-}

src/app/shared/agenda/edit-event/edit-event.component.ts

@@ -37,9 +37,14 @@ export class EditEventComponent implements OnInit {
     public alertController: AlertController,
   ) { 
    
+
   }
 
   ngOnInit() {
+    let innerHtml :string = this.postEvent.Body.Text;
+    this.postEvent.Body.Text = innerHtml;
+    console.log(this.postEvent);
+    
     this.isEventEdited = false;
 
     if(this.postEvent.IsRecurring == false){
@@ -49,13 +54,13 @@ export class EditEventComponent implements OnInit {
       this.isRecurring = "Repete";
     }
   }
+  
   close(){
     console.log('!!!!!!!!!!!!!!!!! close')
     this.closeComponent.emit();
     this.clearContact.emit();
   }
   save(){
-
     this.eventsService.editEvent(this.postEvent, 2, 3).subscribe(async () => {
       const alert = await this.alertController.create({
         cssClass: 'my-custom-class',

src/app/shared/agenda/event-list/event-list.component.html

@@ -49,7 +49,7 @@
            <ion-item
              class=" ion-no-padding width-100"
              *ngFor="let event of eventsPRList"
-             (click)="openApproveModal(event.serialNumber)">
+             (click)="openApproveModal(event.serialNumber, event)">
              <div class="item event-pr-{{event.workflowInstanceDataFields.Agenda}} width-100">
                  <div class="approve-event-time">
                    <p>{{event.workflowInstanceDataFields.StartDate | date: 'hh:mm'}}</p>

src/app/shared/agenda/view-event/view-event.page.html

@@ -32,6 +32,7 @@
         </ion-label>
       </div>
     </div>
+    <div class="line"></div>
     <div class="middle-content">
       <div *ngIf="loadedEvent.Attendees">
         <h5>Intervenientes</h5>
@@ -44,22 +45,24 @@
         </ion-item>
       </div>
       <h5>Detalhes</h5>
-      <ion-item class="ion-no-margin ion-no-padding">
+      <ion-item lines="none" class="ion-no-margin ion-no-padding">
-          <p [innerHTML]="loadedEvent.Body.Text"></p>
+          <ion-textarea [innerHTML]="loadedEvent.Body.Text"></ion-textarea>
       </ion-item>
     </div>
+    <div class="line"></div>
   
     <div *ngIf="loadedAttachments" class="bottom-content">
+      <h5>Documentos Anexados</h5>
       <ion-list>
-        <h3>Documentos Anexados</h3>
+        <ion-item lines="none" class="ion-no-margin ion-no-padding">
-        <ion-item class="ion-no-margin ion-no-padding">
         <ion-label *ngFor="let attach of loadedAttachments"
-        (click)="viewDocument()">
+        (click)="viewDocument(attach.SourceId)">
           <p class="attach-title-item">{{attach.SourceName}}</p>
           <p><span class="span-left">{{attach.Stakeholders}}</span><span class="span-right">{{ attach.CreateDate | date: 'dd-MM-yy' }}</span></p>
         </ion-label>
       </ion-item>
       </ion-list>
     </div>
+    <!-- <div class="line"></div> -->
   </div>    
 </ion-content>

src/app/shared/agenda/view-event/view-event.page.scss

@@ -123,6 +123,10 @@ ion-menu{
             font-size: 16px;
         }
       }
+      .line{
+        margin-top: 15px;
+        border-top: 1px solid #d8d8d8;
+      }
       .middle-conten{
         .middle-content h3, .middle-content p{
           font-size: 16px;

src/app/shared/agenda/view-event/view-event.page.ts

@@ -7,6 +7,7 @@ import { EventsService } from 'src/app/services/events.service';
 import { Event } from 'src/app/models/event.model';
 import { EditEventPage } from 'src/app/pages/agenda/edit-event/edit-event.page';
 import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
+import { ProcessesService } from 'src/app/services/processes.service';
 
 @Component({
   selector: 'app-view-event',
@@ -42,24 +43,26 @@ export class ViewEventPage implements OnInit {
     private attachmentsService: AttachmentsService,
     public alertController: AlertController,
     private iab: InAppBrowser,
+    private processes: ProcessesService,
   ) 
   {
     this.isEventEdited = false;
     this.loadedEvent = new Event();
     this.eventBody = { BodyType : "1", Text : ""};
     this.loadedEvent.Body = this.eventBody;
+    
   }
 
   ngOnInit() {
+   
     /* console.log(this.eventId); */
     this.loadEvent();
-    this.getAttachments();
+    //this.getAttachments();
-    
   }
   
   ngOnChanges(changes: any): void {
+    this.loadedAttachments = null;
     this.loadEvent();
-    this.getAttachments();
   }
 
   close(){
@@ -73,12 +76,11 @@ export class ViewEventPage implements OnInit {
   loadEvent(){
     this.eventsService.getEvent(this.eventId).subscribe(res => {
       this.loadedEvent = res;
-
       console.log(res);
-      
       this.today = new Date(res.StartDate);
       console.log(new Date(this.today));
       this.customDate = this.days[this.today.getDay()]+ ", "  + this.today.getDate() +" de "  + ( this.months[this.today.getMonth()]);
+      this.getAttachments(this.loadedEvent.EventId);
     });
   }
   deleteEvent(){
@@ -95,8 +97,8 @@ export class ViewEventPage implements OnInit {
       });  
   }
 
-  getAttachments(){
+  getAttachments(eventId){
-    this.attachmentsService.getAttachmentsById(this.eventId).subscribe(res=>{
+    this.attachmentsService.getAttachmentsById(eventId).subscribe(res=>{
       this.loadedAttachments = res;
       console.log(res);
     });
@@ -109,10 +111,15 @@ export class ViewEventPage implements OnInit {
       event: this.loadedEvent
     })
   }
-  viewDocument(){
+  
-    const url: string = this.loadedAttachments.DocumentURL.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
+  viewDocument(sourceId){
+    this.processes.GetDocumentUrl(sourceId, '8').subscribe(res=>{
+      console.log(res);
+      const url: string = res.replace("webTRIX.Viewer","webTRIX.Viewer.Branch1");
       const browser = this.iab.create(url,"_blank");
       browser.show();
+      
+    });
   }
 
 }

src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.ts

@@ -67,7 +67,7 @@ S
   }
   async openApproveModal(eventSerialNumber){
     let classs;
-    if( window.innerWidth <= 1024){
+    if( window.innerWidth <= 800){
       classs = 'modal modal-desktop'
     } else  {
       classs = 'modal modal-desktop showAsideOptions'
@@ -81,7 +81,11 @@ S
       cssClass: classs,
     });
     await modal.present();
-    modal.onDidDismiss();
+    modal.onDidDismiss().then((res) => {
+      console.log(res['data']);
+      
+      this.LoadToApproveEvents();
+    });
   }
 
   doRefresh(event) {

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

@@ -29,9 +29,9 @@
     </div>
   </div>
   
-  <div class="container-title py-10">Fotografia Anexada</div>
+  <div class="container-title py-10 hide-desktop">Fotografia Anexada</div>
 
-  <div class="picture d-flex pb-5" *ngIf="publication.FileBase64.length > 10">
+  <div class="picture d-flex pb-5 hide-desktop" *ngIf="publication.FileBase64.length > 10">
     <div  class="post-img">
       <img src="{{publication.FileBase64}}" alt="image" >
     </div>
@@ -45,7 +45,7 @@
     
   </div>
 
-  <div *ngIf="capturedImage != ''" class="ion-item-container-no-border">
+  <div *ngIf="capturedImage != ''" class="ion-item-container-no-border hide-desktop">
     <ion-label class="attached-title">Fotografia Anexada</ion-label>
     <ion-item lines="none">
       <ion-thumbnail slot="start">
@@ -66,7 +66,7 @@
     </ion-thumbnail> -->
   </div>
 
-  <div class="ion-item-container-no-border">
+  <div class="ion-item-container-no-border hide-desktop">
     <ion-label (click)="takePicture()">
       <div class="attach-icon">
         <ion-icon src="assets/images/icons-add-photo.svg"></ion-icon>
@@ -77,7 +77,7 @@
       </ion-label>
   </div>
 
-  <div class="ion-item-container-no-border">
+  <div class="ion-item-container-no-border hide-desktop">
     <ion-label (click)="getPicture()">
       <div class="attach-icon">
         <ion-icon src="assets/images/icons-add-photos.svg"></ion-icon>

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

@@ -153,3 +153,7 @@ font-size: 25px;
   font-size: 15px;
   font-weight: bold;
 }
+.hide-desktop{
+  display: block;
+}
+

src/app/shared/publication/view-publications/publication-detail/publication-detail.page.ts

@@ -12,10 +12,11 @@ import { PublicationsService } from 'src/app/services/publications.service';
 })
 export class PublicationDetailPage implements OnInit {
   showLoader: boolean;
-  folderId: string;
+  /* folderId: string; */
   publication: Publication;
 
   @Input() publicationId: string;
+  @Input() folderId: string;
   @Output() addNewPublication =  new EventEmitter<any>();
   @Output() closeDesktopComponent =  new EventEmitter<any>();
   @Output() goBackToViewPublications = new EventEmitter();
@@ -41,6 +42,8 @@ export class PublicationDetailPage implements OnInit {
     }
 
   ngOnInit() {
+    console.log(this.folderId);
+    
     /* console.log(this.publication.FileBase64); */
     this.getPublicationDetail();
   }

src/global.scss

@@ -97,7 +97,10 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
     width: 100% !important;
     margin-left: 0px !important;
 }
-
+.line{
+        margin-top: 15px;
+border-top: 1px solid #d8d8d8;
+}
 
 
 
@@ -290,6 +293,16 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
         height: 100%;
     }
 }
+
+@media screen and (min-width: 1200px) { 
+    .hide-desktop{
+        display: none !important;
+      }
+      .container-div{
+        border-bottom:none !important;
+      }
+}
+
 .hideAsideOptions{
     @media only screen and (max-width: 800px) {
         .div-icon{