peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-20 13:26:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

added button edit and delete in presidential action detail view in desktop

Browse Source
This commit is contained in:
tiago.kayaya
2021-12-15 15:07:26 +01:00
parent 5bc5799c58
commit 4d6c2e6775
6 changed files with 87 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/publication/view-publications/view-publications.page.html
+27 -14
View File
@@ -1,24 +1,37 @@
<ion-header class="ion-no-border">
<div class="main-header">
<div class="title-content d-flex flex-end">
<div class="title-content">
<!-- <div class="back-icon" (click)="goBack()">
<ion-icon slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
</div> -->
<div *ngIf="item" class="div-title flex-grow-1">
<ion-label class="title">{{item.Description}}</ion-label>
<div *ngIf="item" class="div-title width-100 flex-grow-1">
<div class="title">
<ion-label>{{item.Description}}</ion-label>
</div>
<div class="actions-icon">
<!-- <ion-icon (click)="AddPublication('1',item.ProcessId)" slot="end" src='assets/images/icons-add-photo.svg'></ion-icon> -->
<button class="btn-no-color cursor-pointer" (click)="AddPublication('2',item.ProcessId)">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src='assets/images/icons-add.svg'></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src='assets/images/theme/gov/icons-add.svg'></ion-icon>
</button>
<button class="btn-no-color" (click)="openEditPublication(item.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 class="btn-no-color cursor-pointer" (click)="doRefresh($event)">
<ion-icon class="title-icon font-awesome" name="reload-circle"></ion-icon>
</button >
<button class="btn-no-color" (click)="deletePublication(item.ProcessId)">
<ion-icon class="delete" src='assets/images/theme/gov/icons-delete.svg'></ion-icon>
</button>
</div>
</div>
<div class="div-body width-100">
<p class="item-content-detail">{{item.Detail}}</p>
<p class="item-content-date">{{ item.DateBegin | date: 'dd-MM-yy | HH:mm'}}</p>
</div>
<div class="actions-icon ">
<!-- <ion-icon (click)="AddPublication('1',item.ProcessId)" slot="end" src='assets/images/icons-add-photo.svg'></ion-icon> -->
<button class="btn-no-color cursor-pointer" (click)="AddPublication('2',item.ProcessId)">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " src='assets/images/icons-add.svg'></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src='assets/images/theme/gov/icons-add.svg'></ion-icon>
</button>
<button class="btn-no-color cursor-pointer" (click)="doRefresh($event)">
<ion-icon class="title-icon font-awesome" name="reload-circle"></ion-icon>
</button >
</div>
</div>
</div>
</ion-header>
@@ -57,5 +70,5 @@
<p>{{error}}</p>
</div>
</ion-list>
</div>
</div>
</ion-content>
src/app/shared/publication/view-publications/view-publications.page.scss
+11 -4
View File
@@ -61,7 +61,6 @@
overflow:hidden;
padding: 25px 20px 0px 20px;
color:#000;
}
.main-container{
width: 100%;
@@ -86,22 +85,30 @@
.back-icon{
float: left;
font-size: 35px;
}
.div-title{
/* padding: 0!important; */
float: left;
margin: 2.5px 0 0 5px;
margin: 2.5px 0 0 0;
overflow: auto;
}
.div-body{
overflow: auto;
}
.title{
width: fit-content;
font-size: 25px;
float: left;
}
.actions-icon{
display: flex;
width: fit-content;
align-items: top;
justify-content: flex-end;
padding: 0 !important;
float: right;
}
.actions-icon ion-icon{
margin-left: 5px;
src/app/shared/publication/view-publications/view-publications.page.ts
+38 -1
View File
@@ -11,6 +11,8 @@ import { PublicationEventFolderStorage } from 'src/app/store/publication-event-f
import { PublicationTravelFolderStore } from 'src/app/store/publication-travel-folder.service';
import { PublicationPipe } from 'src/app/pipes/publication.pipe';
import { ThemeService } from 'src/app/services/theme.service'
import { ToastService } from 'src/app/services/toast.service';
import { EditActionPage } from 'src/app/pages/publications/edit-action/edit-action.page';
@Component({
selector: 'app-view-publications',
@@ -28,6 +30,7 @@ export class ViewPublicationsPage implements OnInit {
@Input() folderId: string;
@Output() addNewPublication = new EventEmitter<any>();
@Output() editPublication = new EventEmitter<any>();
@Output() openPublicationDetails= new EventEmitter<any>();
@Output() goBackToViewPublications = new EventEmitter();
@Output() closeDesktopComponent = new EventEmitter<any>();
@@ -45,7 +48,8 @@ export class ViewPublicationsPage implements OnInit {
private loadingController: LoadingService,
private modalController: ModalController,
private publications: PublicationsService,
public ThemeService: ThemeService
public ThemeService: ThemeService,
private toastService: ToastService,
) {
this.item = new PublicationFolder();
}
@@ -149,6 +153,39 @@ export class ViewPublicationsPage implements OnInit {
}
async openEditPublication(folderId?:any){
if( window.innerWidth < 701) {
const modal = await this.modalController.create({
component: EditActionPage,
componentProps: {
folderId: folderId,
},
cssClass: 'new-action modal modal-desktop',
backdropDismiss: true
});
await modal.present();
modal.onDidDismiss().then(() => {
//Do nothing
});
}
else{
this.editPublication.emit(folderId);
}
}
async deletePublication(folderId?:any){
const loader = this.toastService.loading();
try {
await this.publications.DeletePresidentialAction(folderId).toPromise();
this.toastService._successMessage()
} catch (e) {
this.toastService._badRequest()
}
finally {
loader.remove()
}
}
async viewPublicationDetail(publicationId:string) {