org.argeo.slc.webapp/src/main/webapp/source/class/org/argeo/ria/components/ViewPane.js

   1 /**
   2  * A standard view container, referenced in the application by its unique id.
   3  * It is managed by the ViewsManager singleton that works as the "View" part of an MVC model.
   4  * @see org.argeo.ria.components.ViewsManager
   5  * @author Charles
   6  */
   7 qx.Class.define("org.argeo.ria.components.ViewPane",
   8 {
   9   extend : qx.ui.container.Composite,
  10   implement : [org.argeo.ria.components.ILoadStatusable],
  11
  12   /**
  13    * @param viewId {String} Unique id of this viewPane
  14    * @param viewTitle {String} Readable Title of this viewPane
  15    * @param splitPaneData {Map} Additionnal data to be used by splitpanes implementations.
  16    */
  17   construct : function(viewId, viewTitle, splitPaneData){
  18         this.base(arguments);
  19         this.setViewId(viewId);
  20         this._defaultViewTitle = viewTitle;
  21         this.setViewTitle(viewTitle);
  22         var viewSelection = new org.argeo.ria.components.ViewSelection(viewId);
  23         this.setViewSelection(viewSelection);
  24         if(splitPaneData){
  25                 this.setSplitPaneData(splitPaneData);
  26         }
  27         this.createGui();
  28   },
  29
  30   properties :
  31   {
  32         /**
  33          * Unique id of the pane
  34          */
  35         viewId : {init:""},
  36         /**
  37          * Human-readable title for this view
  38          */
  39         viewTitle : {init:"", event:"changeViewTitle"},
  40         /**
  41          * Selection model for this view
  42          */
  43         viewSelection : { nullable:false, check:"org.argeo.ria.components.ViewSelection" },
  44         /**
  45          * Has its own scrollable content
  46          */
  47         ownScrollable : {init: false, check:"Boolean"},
  48         /**
  49          *  Data concerning the split pane
  50          */
  51         splitPaneData : {init  : null, check:"Map"},
  52         /**
  53          * Map of commands definition
  54          * @see org.argeo.ria.event.Command
  55          */
  56         commands : {init : null, nullable:true, check:"Map"}
  57   },
  58
  59   /*
  60   *****************************************************************************
  61      MEMBERS
  62   *****************************************************************************
  63   */
  64
  65   members :
  66   {
  67         /**
  68          * Creates a standard GUI for the viewPane, including a container for an IView.
  69          */
  70         createGui : function(){
  71                 this.setLayout(new qx.ui.layout.VBox());
  72                 this.header = new qx.ui.container.Composite();
  73                 this.header.setLayout(new qx.ui.layout.Dock());
  74                 this.header.set({appearance:"app-header"});
  75                 this.headerLabel = new qx.ui.basic.Label(this.getViewTitle());
  76                 this.header.add(this.headerLabel, {edge:"west"});
  77                 this.addListener("changeViewTitle", function(e){
  78                         this.headerLabel.setContent(e.getData());
  79                 }, this);
  80                 this.add(this.header);
  81                 this.setDecorator(new qx.ui.decoration.Single(1,"solid","#000"));
  82                 /*
  83                 // Open close button of splitPane, not very useful at the moment.
  84                 if(this.getSplitPaneData()){
  85                         var data = this.getSplitPaneData();
  86                         var imgName = (data.orientation=="horizontal"?"go-left":"go-bottom");
  87                         var image = new qx.ui.basic.Image("resource/slc/"+imgName+".png");
  88                         image.addListener("click", function(e){
  89                                 var image = e.getTarget();
  90                                 var data = this.getSplitPaneData();
  91                                 var functionDim = (data.orientation=="horizontal"?"Width":"Height");
  92                                 var objectToResize = data.object || this;
  93                                 var crtDim = objectToResize["get"+functionDim]();
  94                                 var minimize = (data.orientation=="horizontal"?"go-right":"go-top");
  95                                 var maximize = (data.orientation=="horizontal"?"go-left":"go-bottom");
  96                                 if(crtDim > data.min){
  97                                         objectToResize["set"+functionDim](data.min);
  98                                         image.setSource("resource/slc/"+minimize+".png");
  99                                         this.origDimension = crtDim;
 100                                 }else{
 101                                         if(this.origDimension){
 102                                                 objectToResize["set"+functionDim](this.origDimension);
 103                                                 image.setSource("resource/slc/"+maximize+".png");
 104                                         }
 105                                 }
 106                         }, this);
 107                         this.header.add(image,{edge:"east"});
 108                 }
 109                 */
 110         },
 111
 112         /**
 113          * Sets the content of this pane.
 114          * @param content {org.argeo.ria.components.IView} An IView implementation
 115          */
 116         setContent : function(content){
 117                 var addScrollable = (content.addScroll?content.addScroll():false);
 118                 if(addScrollable){
 119                         this.setOwnScrollable(true);
 120                         this.scrollable = new qx.ui.container.Scroll(content);
 121                         this.add(this.scrollable, {flex: 1});
 122                 }else{
 123                         this.content = content;
 124                         this.add(this.content, {flex:1});
 125                 }
 126         },
 127
 128         /**
 129          * Implementation of the ILoadStatusable interface.
 130          * @see org.argeo.ria.components.ILoadStatusable
 131          * @param load {Boolean} The loading status
 132          */
 133         setOnLoad : function(load){
 134                 if(!this.loadImage){
 135                         this.loadImage = new qx.ui.basic.Image('resource/slc/ajax-loader.gif');
 136                 }
 137                 if(load){
 138                         this.header.add(this.loadImage, {edge:"east"});
 139                 }else{
 140                         this.header.remove(this.loadImage);
 141                 }
 142         },
 143
 144         /**
 145          * Removes and destroy the IView content of this viewPane.
 146          */
 147         empty: function(){
 148                 if(this.getOwnScrollable() && this.scrollable){
 149                         this.remove(this.scrollable);
 150                 }else if(this.content){
 151                         this.remove(this.content);
 152                 }
 153                 if(this.getCommands()){
 154                         org.argeo.ria.event.CommandsManager.getInstance().removeCommands(this.getCommands());
 155                         this.setCommands(null);
 156                 }
 157                 this.setViewTitle(this._defaultViewTitle);
 158         }
 159
 160   }
 161 });