Files
doneit-web/src/app/shared/publication/view-publications/view-publications.page.html
T
2026-03-18 14:37:45 +01:00

83 lines
4.0 KiB
HTML

<ion-header class="ion-no-border">
<div class="main-header">
<div class="title-content">
<div *ngIf="publicationFolderService.FolderDetails[folderId]" class="div-title d-flex width-100 flex-grow-1 justify-content-between">
<div class="title">
<ion-label>{{publicationFolderService.FolderDetails[folderId].Detail}}</ion-label>
</div>
<div class="actions-icon align-baseline">
<button *ngIf="p.userPermission([p.permissionList.Actions.editPost])" class="btn-no-color" (click)="openEditPublication(publicationFolderService.FolderDetails[folderId].ProcessId)">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="edit" slot="end" src="assets/images/icons-edit.svg" ></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="edit" slot="end" src="assets/images/theme/gov/icons-edit.svg" ></ion-icon>
</button>
<button *ngIf="p.userPermission([p.permissionList.Actions.deletePost])" class="btn-no-color" (click)="deletePublication(publicationFolderService.FolderDetails[folderId].ProcessId)">
<ion-icon class="delete" src='assets/images/theme/gov/icons-delete.svg'></ion-icon>
</button>
<button class="btn-no-color cursor-pointer" (click)="doRefresh($event)">
<ion-icon class=" font-45-em" src="assets/images/theme/gov/icon-reload.svg"></ion-icon>
</button >
</div>
</div>
<div class="div-body width-100" *ngIf="publicationFolderService.FolderDetails[folderId]?.DateBegin != null">
<p class="item-content-date">{{ publicationFolderService.FolderDetails[folderId].DateBegin | date: 'dd-MM-yyyy HH:mm'}}</p>
</div>
</div>
</div>
</ion-header>
<ion-content>
<ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
<ion-progress-bar type="indeterminate" *ngIf="showLoader || publicationFolderService.showLoader"></ion-progress-bar>
<ion-refresher-content>
</ion-refresher-content>
</ion-refresher>
<div class="main-container px-20" *ngIf="publicationFolderService.FolderDetails[folderId]" >
<p class="item-content-detail">{{publicationFolderService.FolderDetails[folderId].Description}}</p>
<ion-card *ngFor="let publication of publicationFolderService.publications[folderId] let i = index">
<ion-card-content>
<div style="width: 100%; height: 395px;overflow:hidden">
<app-swiper
[publicationList]=publication
[navigation]="true"
[pagination]="false"
[documentId]=publication.documentId
[datePublication]=publication.datePublication
[processId]=folderId
></app-swiper>
</div>
<div (click)="viewPublicationDetail(publication.documentId, publication.processId)" class="cursor-pointer">
<div class="post-content" >
<div class="post-title-time">
<div class="post-title">
<ion-label>{{publication.title}}</ion-label>
</div>
<div class="post-data">
<p>
{{publication.datePublication | date: 'dd-MM-yyyy HH:mm'}} <span *ngIf="isUploadingPublicationById(publication.documentId) || isFechingFilesPublicationById(publication.documentId)" class="loader"></span>
</p>
</div>
</div>
<div class="post-description">
<app-show-more
[text]=publication.Message
></app-show-more>
</div>
</div>
</div>
</ion-card-content>
</ion-card>
</div>
<!-- fab placed to the bottom end -->
<ion-fab *ngIf="p.userPermission([p.permissionList.Actions.create]) && publicationFolderService.FolderDetails[folderId]" vertical="bottom" horizontal="end">
<ion-fab-button title="Nova Publicação" (click)="AddPublication('2',publicationFolderService.FolderDetails[folderId].ProcessId)">
<ion-icon name="add"></ion-icon>
</ion-fab-button>
</ion-fab>
</ion-content>