MaDgIK
/
connect-admin
13
0
Fork 0
Code Issues Pull Requests Projects Releases 9 Wiki Activity

customization: add alert for unsaved changes

This commit is contained in:
argirok 2022-07-04 14:29:47 +03:00
parent dc2aa3b764
commit ecbfed13fe
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/pages/customization/customization.component.html
View File

@ -305,3 +305,4 @@
</button> </button>
</ng-template> </ng-template>
<modal-alert #leaveModal [overflowBody]="false" (alertOutput)="confirmClose()" ></modal-alert>

13
src/app/pages/customization/customization.component.ts
View File

@ -15,6 +15,7 @@ import {Subscription} from 'rxjs';
import {FullScreenModalComponent} from "../../openaireLibrary/utils/modal/full-screen-modal/full-screen-modal.component"; import {FullScreenModalComponent} from "../../openaireLibrary/utils/modal/full-screen-modal/full-screen-modal.component";
import {UserManagementService} from "../../openaireLibrary/services/user-management.service"; import {UserManagementService} from "../../openaireLibrary/services/user-management.service";
import {MenuItem} from "../../openaireLibrary/sharedComponents/menu"; import {MenuItem} from "../../openaireLibrary/sharedComponents/menu";
import {AlertModal} from "../../openaireLibrary/utils/modal/alert";
declare var UIkit; declare var UIkit;
@ -77,6 +78,7 @@ export class CustomizationComponent implements OnInit {
sidebarItems = [{name:"Identity", id : "identity", icon: "desktop_windows" }, sidebarItems = [{name:"Identity", id : "identity", icon: "desktop_windows" },
{name:"Backgrounds", id : "backgrounds", icon: "wallpaper" }, {name:"Backgrounds", id : "backgrounds", icon: "wallpaper" },
{name:"Buttons", id : "buttons", icon: "smart_button" }] {name:"Buttons", id : "buttons", icon: "smart_button" }]
@ViewChild('leaveModal') closeModal: AlertModal;
constructor(private element: ElementRef, constructor(private element: ElementRef,
private route: ActivatedRoute, private route: ActivatedRoute,
@ -290,7 +292,16 @@ sidebarItems = [{name:"Identity", id : "identity", icon: "desktop_windows" },
if(!this.hasChanges(this.publishedCustomizationOptions, this.draftCustomizationOptions)) { if(!this.hasChanges(this.publishedCustomizationOptions, this.draftCustomizationOptions)) {
this._router.navigate(["../info/profile"], {relativeTo: this.route}); this._router.navigate(["../info/profile"], {relativeTo: this.route});
}else{ }else{
alert("TODO " + "Changes that you made may not be saved."+" Με buttons από κάτω cancel (αριστερά) και leave (δεξιά)"); this.closeModal.alertTitle = "Discard changes";
this.closeModal.message = "Unsaved changes will be lost.";
this.closeModal.okButtonText = "Leave";
this.closeModal.cancelButtonText = "Cancel";
this.closeModal.okButtonLeft = false;
this.closeModal.open();
} }
} }
confirmClose(){
this._router.navigate(["../info/profile"], {relativeTo: this.route});
}
} }