regex.ui.form.collapsePanel

qx.Class.define("regex.ui.form.collapsePanel", {

  extend : qx.ui.container.Composite,

  construct : function(form) {

    this.base(arguments, new qx.ui.layout.HBox(2));

    var vbox = new qx.ui.container.Composite(new qx.ui.layout.VBox(2));

    var button0 = new qx.ui.form.Button(null, "icon/16/actions/media-playback-start.png").set({
      allowStretchX : false,
      visibility : "excluded"
    });

    var button1 = new qx.ui.form.Button(null, "icon/16/actions/media-playback-stop.png").set({
      allowStretchX : false
    });

    vbox.add(button1);
    vbox.add(form, { flex : 1 });

    this.add(button0);
    this.add(vbox);

    button0.addListener("execute", function(){
      button0.setVisibility("excluded");
      button1.setVisibility("visible");
      form.setVisibility("visible");
    });

    button1.addListener("execute", function(){
      button0.setVisibility("visible");
      button1.setVisibility("excluded");
      form.setVisibility("excluded");
    });

  }

});