X-Git-Url: http://git.argeo.org/?a=blobdiff_plain;f=org.argeo.slc.webapp%2Fsrc%2Fmain%2Fwebapp%2Fargeo-ria-lib%2Fslc%2Fclass%2Forg%2Fargeo%2Fslc%2Fria%2Fexecution%2FSpecEditor.js;fp=org.argeo.slc.webapp%2Fsrc%2Fmain%2Fwebapp%2Fargeo-ria-lib%2Fslc%2Fclass%2Forg%2Fargeo%2Fslc%2Fria%2Fexecution%2FSpecEditor.js;h=f302c3da54735ca8fd1c9ee8e948587acb24a5ef;hb=51d1c842e4e92cc65708b8bb88152d7344d43d04;hp=0000000000000000000000000000000000000000;hpb=aee7ea3ae6f38c9b03564230c71f6c265b9b5f26;p=gpl%2Fargeo-slc.git

diff --git a/org.argeo.slc.webapp/src/main/webapp/argeo-ria-lib/slc/class/org/argeo/slc/ria/execution/SpecEditor.js b/org.argeo.slc.webapp/src/main/webapp/argeo-ria-lib/slc/class/org/argeo/slc/ria/execution/SpecEditor.js
new file mode 100644
index 000000000..f302c3da5
--- /dev/null
+++ b/org.argeo.slc.webapp/src/main/webapp/argeo-ria-lib/slc/class/org/argeo/slc/ria/execution/SpecEditor.js
@@ -0,0 +1,90 @@
+/**
+ * Generic modal popup window.
+ * It is layed out with a dock layout. When adding components to it, they are added as "center".
+ * @author Charles du Jeu
+ */
+qx.Class.define("org.argeo.slc.ria.execution.SpecEditor",
+{
+	extend : qx.ui.window.Window,
+  
+	events : {
+		/**
+		 * Triggered when the user clicks the "ok" button. 
+		 */
+		"ok" : "qx.event.type.Event"
+	},
+	/**
+	 * 
+	 * @param caption {String} Title of the window
+	 * @param icon {String} Icon of the window
+	 * @param text {String} Default content of the window.
+	 */
+	construct : function(executionFlow){
+	  	this.base(arguments, "Spec Editor");
+		this.set({
+			showMaximize : false,
+			showMinimize : false,
+			width: parseInt(qx.bom.Viewport.getWidth()*80/100),
+			height: parseInt(qx.bom.Viewport.getHeight()*80/100)
+		});
+		this.setLayout(new qx.ui.layout.Dock());
+		this.setModal(true);
+		this.center();
+		if(executionFlow){
+			this.addContent(new qx.ui.basic.Label("Editing specs for flow : "+executionFlow.getName()));
+		}else{
+			this.addCloseButton();
+		}
+	},
+	
+	members : {
+		/**
+		 * Display a component (panel) in the center of the popup
+		 * @param panel {qx.ui.core.Widget} A gui component (will be set at width 100%).
+		 */
+		addContent: function(panel){
+			this.add(panel, {edge:'center', width:'100%'});
+			this.addCloseButton();
+		},
+		/**
+		 * Automatically attach to the application root, then show.
+		 */
+		attachAndShow:function(){
+			org.argeo.ria.components.ViewsManager.getInstance().getApplicationRoot().add(this);			
+			this.show();
+		},
+		/**
+		 * Adds a close button bottom-center aligned to the popup
+		 */
+		addCloseButton : function(){
+			this.closeButton = new qx.ui.form.Button("Close");
+			this.closeButton.addListener("execute", this._closeAndDestroy, this);
+			this.add(this.closeButton, {edge:'south'});			
+		},
+		/**
+		 * Adds two buttons bottom-center aligned (Ok and Cancel). 
+		 * Ok button has no listener by default, Cancel will close and destroy the popup.
+		 */
+		addOkCancel : function(){
+			var buttonPane = new qx.ui.container.Composite(new qx.ui.layout.HBox(5, 'right'));
+			buttonPane.setAlignX("center");
+			this.add(buttonPane, {edge:"south"});
+			this.okButton = new qx.ui.form.Button("Ok");
+			this.okButton.addListener("execute", function(e){
+				this.fireEvent("ok");
+				this._closeAndDestroy();
+			}, this);
+			this.cancelButton = new qx.ui.form.Button("Cancel");
+			this.cancelButton.addListener("execute", this._closeAndDestroy, this);
+			buttonPane.add(this.okButton);
+			buttonPane.add(this.cancelButton);
+		},
+		/**
+		 * Close this modal window and destroy it.
+		 */
+		_closeAndDestroy : function(){
+			this.hide();
+			this.destroy();			
+		}
+	}
+});
\ No newline at end of file