Last commit: Fri Feb 11 01:41:54 2022 +0100	dankert	Fix: Reading dirty marker.


      import $ from "../jquery-global.js";
      import View from './view.js';
      import Notice from "./notice.js";
      import Workbench from "./workbench.js";
      import WorkbenchNavigator from "./navigator.js";
      
      /**
       * The encapsulated view.
       */
     export default class Dialog {
     
     	/**
     	 * A dialog is a special area in the workbench for displaying and inputting data.
     	 * A dialog contains a view.
     	 */
     	constructor() {
     
     		this.view;
     
     		/**
     		 * the DOM element which contains the dialog.
     		 * @type {*|jQuery|HTMLElement}
     		 */
     		this.element = $('.or-dialog-content .or-view');
     	}
     
     	/**
     	 * Set Dirty-marker.
     	 * @param dirty true, if unsaved changes exist
     	 */
     	set isDirty( dirty ) {
     		if   ( dirty )
     			this.element.addClass('view--is-dirty');
     		else
     			this.element.removeClass('view--is-dirty');
     	}
     
     	/**
     	 * Get Dirty-marker.
     	 * @return true, if unsaved changes exist
     	 */
     	get isDirty() {
     		return this.element.hasClass('view--is-dirty');
     	}
     
     	/**
     	 * Creating a new dialog.
     	 *
     	 * @param name
     	 * @param action Action
     	 * @param method
     	 * @param id Id
     	 * @param params
     	 *
     	 * @return Promise of underlying view
     	 */
     	start( name,action,method,id,params )
     	{
     		// Attribute aus dem aktuellen Editor holen, falls die Daten beim Aufrufer nicht angegeben sind.
     		if (!action)
     			action =  Workbench.state.action;
     
     		if  (!id)
     			id =  Workbench.state.id;
     
     		let dialog = this;
     
     		let view = new View( action,method,id,params );
     
     		Notice.removeAllNotices();
     
     		$('.or-dialog-content .or-view').html(''); // Clear old content
     
     		$('.or-dialog-content .or-act-dialog-name').html( name );
     		this.show();
     
     		view.onCloseHandler.add( function() {
     			dialog.back();
     		} );
     
     		view.onChangeHandler.add( function() {
     			// data has changed
     			console.debug("Changes detected");
     			dialog.isDirty = true;
     		});
     
     		view.onSaveHandler.add( function() {
     			// data was saved
     			dialog.isDirty = false;
     		});
     
     		this.view = view;
     
     		Workbench.getInstance().startSpinner();
     
     		let viewPromise = this.view.start( this.element );
     
     		viewPromise.then(
     			() => Workbench.getInstance().stopSpinner()
    		);
    
    		return viewPromise;
    	}
    
    
    
    	show() {
    
    		//WorkbenchNavigator.navigateToNew( {'action':Workbench.state.action+'','id':Workbench.state.id } );
    		WorkbenchNavigator.navigateToNew( Workbench.state );
    
    		$('.or-dialog').removeClass('dialog--is-closed').addClass('dialog--is-open');
    
    		if   ( this.isDirty ) {
    			this.element.addClass('view--is-dirty');
    		}
    	}
    
    	back() {
    		console.debug("Back from dialog");
    		history.back();
    	}
    
    	hide() {
    		$('.or-dialog').removeClass('dialog--is-open').addClass('dialog--is-closed'); // Dialog schließen
    	}
    
    
    	/**
    	 * Closing the dialog.
    	 */
    	close() {
    
    		let dialog = this;
    
    		if   ( this.isDirty ) {
    			// ask the user if we should close this dialog
    			//let confirmed = window.confirm( Workbench.language.UNSAVED_CHANGES_CONFIRM );
    
    			//if   ( ! confirmed )
    			//	return; // do not close the dialog
    
    			let notice = new Notice();
    			notice.msg = Workbench.language.REOPEN_CLOSED_DIALOG;
    			notice.setStatus( 'warning' );
    			notice.timeout = 120;
    			notice.onClick.add( function() {
    				Workbench.dialog = dialog;
    				dialog.show();
    				notice.close();
    			});
    			notice.show();
    		}
    
    		// Remove dirty-flag from view
    		$('.or-dialog-content .or-view.or-view--is-dirty').removeClass('view--is-dirty');
    		this.hide();
    		//$(document).unbind('keyup',this.escapeKeyClosingHandler); // Cleanup ESC-Key-Listener
    	}
    }


Download modules/cms/ui/themes/default/script/openrat/dialog.js

History
Fri, 11 Feb 2022 01:41:54 +0100	dankert	Fix: Reading dirty marker.
Fri, 11 Feb 2022 01:28:51 +0100	dankert	Fixed some UI problems: The dialogs are now closed after submitting the data; Workbench is reloaded after login/logout.
Fri, 17 Dec 2021 04:29:47 +0100	dankert	New: Opening a dialog creates a new entry in history api. So, using the back button will close the dialog.
Tue, 30 Nov 2021 00:25:32 +0100	Jan Dankert	Cleanup the notices.
Wed, 14 Apr 2021 00:26:41 +0200	Jan Dankert	Fix: 'unbind()' is unsupported in OQuery (and deprecated in JQuery).
Thu, 1 Apr 2021 23:16:03 +0200	Jan Dankert	Fix: Close dialog on escape key.
Thu, 1 Apr 2021 01:01:54 +0200	Jan Dankert	New: Some fixes for OQuery, our new selfmade light JQuery replacement. Now the UI is back again.
Wed, 31 Mar 2021 01:52:57 +0200	Jan Dankert	New: Replace JQuery with OQuery, a selfmade light JQuery replacement.
Sat, 27 Mar 2021 05:14:11 +0100	Jan Dankert	Refactoring: Converting all script files to ES6 modules (work in progress); removed jquery-ui (drag and drop will be replaced by HTML5, sortable by a small lib)
Wed, 17 Mar 2021 22:27:33 +0100	Jan Dankert	Refactoring: Using ES6-Modules (experimental)
Tue, 16 Mar 2021 23:52:22 +0100	Jan Dankert	Refactoring: Use ES6 classes.
Mon, 15 Mar 2021 23:29:48 +0100	Jan Dankert	Refactoring: Use ES6 classes.
Tue, 23 Feb 2021 01:00:33 +0100	Jan Dankert	New: Undo for closed dialogs with unsaved changes.
Wed, 17 Feb 2021 02:34:51 +0100	Jan Dankert	Refactoring: Extract Dialog into a separate js class