123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391 |
- smalltalk.addPackage('Helios-Layout', {});
- smalltalk.addClass('HLContainer', smalltalk.Widget, ['splitter'], 'Helios-Layout');
- smalltalk.addMethod(
- "_renderOn_",
- smalltalk.method({
- selector: "renderOn:",
- fn: function (html){
- var self=this;
- var $1,$2;
- $1=smalltalk.send(html,"_div",[]);
- smalltalk.send($1,"_id_",["container"]);
- $2=smalltalk.send($1,"_with_",[smalltalk.send(self,"_splitter",[])]);
- smalltalk.send(smalltalk.send(window,"_jQuery_",[window]),"_bind_do_",["resize",(function(){
- return smalltalk.send(smalltalk.send(self,"_splitter",[]),"_resize",[]);
- })]);
- return self}
- }),
- smalltalk.HLContainer);
- smalltalk.addMethod(
- "_splitter",
- smalltalk.method({
- selector: "splitter",
- fn: function (){
- var self=this;
- return self["@splitter"];
- }
- }),
- smalltalk.HLContainer);
- smalltalk.addMethod(
- "_splitter_",
- smalltalk.method({
- selector: "splitter:",
- fn: function (aSplitter){
- var self=this;
- self["@splitter"]=aSplitter;
- return self}
- }),
- smalltalk.HLContainer);
- smalltalk.addMethod(
- "_with_",
- smalltalk.method({
- selector: "with:",
- fn: function (aSplitter){
- var self=this;
- var $2,$3,$1;
- $2=smalltalk.send(self,"_new",[]);
- smalltalk.send($2,"_splitter_",[aSplitter]);
- $3=smalltalk.send($2,"_yourself",[]);
- $1=$3;
- return $1;
- }
- }),
- smalltalk.HLContainer.klass);
- smalltalk.addClass('HLSplitter', smalltalk.Widget, ['firstWidget', 'secondWidget', 'firstPane', 'secondPane', 'splitter'], 'Helios-Layout');
- smalltalk.addMethod(
- "_cssClass",
- smalltalk.method({
- selector: "cssClass",
- fn: function (){
- var self=this;
- return "splitter";
- }
- }),
- smalltalk.HLSplitter);
- smalltalk.addMethod(
- "_firstWidget",
- smalltalk.method({
- selector: "firstWidget",
- fn: function (){
- var self=this;
- return self["@firstWidget"];
- }
- }),
- smalltalk.HLSplitter);
- smalltalk.addMethod(
- "_firstWidget_",
- smalltalk.method({
- selector: "firstWidget:",
- fn: function (aWidget){
- var self=this;
- self["@firstWidget"]=aWidget;
- return self}
- }),
- smalltalk.HLSplitter);
- smalltalk.addMethod(
- "_isHeliosSplitter",
- smalltalk.method({
- selector: "isHeliosSplitter",
- fn: function (){
- var self=this;
- return true;
- }
- }),
- smalltalk.HLSplitter);
- smalltalk.addMethod(
- "_panesCssClass",
- smalltalk.method({
- selector: "panesCssClass",
- fn: function (){
- var self=this;
- return "panes";
- }
- }),
- smalltalk.HLSplitter);
- smalltalk.addMethod(
- "_renderOn_",
- smalltalk.method({
- selector: "renderOn:",
- fn: function (html){
- var self=this;
- var $1,$3,$4,$5,$6,$2,$7;
- $1=smalltalk.send(html,"_div",[]);
- smalltalk.send($1,"_class_",[smalltalk.send(self,"_panesCssClass",[])]);
- $2=smalltalk.send($1,"_with_",[(function(){
- $3=smalltalk.send(html,"_div",[]);
- smalltalk.send($3,"_class_",["pane"]);
- $4=smalltalk.send($3,"_with_",[smalltalk.send(self,"_firstWidget",[])]);
- self["@firstPane"]=$4;
- self["@firstPane"];
- self["@splitter"]=smalltalk.send(smalltalk.send(html,"_div",[]),"_class_",[smalltalk.send(self,"_cssClass",[])]);
- self["@splitter"];
- $5=smalltalk.send(html,"_div",[]);
- smalltalk.send($5,"_class_",["pane"]);
- $6=smalltalk.send($5,"_with_",[smalltalk.send(self,"_secondWidget",[])]);
- self["@secondPane"]=$6;
- return self["@secondPane"];
- })]);
- smalltalk.send(self,"_setupSplitter",[]);
- $7=smalltalk.send(self,"_resize",[]);
- return self}
- }),
- smalltalk.HLSplitter);
- smalltalk.addMethod(
- "_resize",
- smalltalk.method({
- selector: "resize",
- fn: function (){
- var self=this;
- var $1,$2;
- $1=smalltalk.send(smalltalk.send(self,"_firstWidget",[]),"_isHeliosSplitter",[]);
- if(smalltalk.assert($1)){
- smalltalk.send(smalltalk.send(self,"_firstWidget",[]),"_resize",[]);
- };
- $2=smalltalk.send(smalltalk.send(self,"_secondWidget",[]),"_isHeliosSplitter",[]);
- if(smalltalk.assert($2)){
- smalltalk.send(smalltalk.send(self,"_secondWidget",[]),"_resize",[]);
- };
- return self}
- }),
- smalltalk.HLSplitter);
- smalltalk.addMethod(
- "_secondWidget",
- smalltalk.method({
- selector: "secondWidget",
- fn: function (){
- var self=this;
- return self["@secondWidget"];
- }
- }),
- smalltalk.HLSplitter);
- smalltalk.addMethod(
- "_secondWidget_",
- smalltalk.method({
- selector: "secondWidget:",
- fn: function (aWidget){
- var self=this;
- self["@secondWidget"]=aWidget;
- return self}
- }),
- smalltalk.HLSplitter);
- smalltalk.addMethod(
- "_setupSplitter",
- smalltalk.method({
- selector: "setupSplitter",
- fn: function (){
- var self=this;
- return self}
- }),
- smalltalk.HLSplitter);
- smalltalk.addMethod(
- "_with_with_",
- smalltalk.method({
- selector: "with:with:",
- fn: function (aWidget,anotherWidget){
- var self=this;
- var $2,$3,$1;
- $2=smalltalk.send(self,"_new",[]);
- smalltalk.send($2,"_firstWidget_",[aWidget]);
- smalltalk.send($2,"_secondWidget_",[anotherWidget]);
- $3=smalltalk.send($2,"_yourself",[]);
- $1=$3;
- return $1;
- }
- }),
- smalltalk.HLSplitter.klass);
- smalltalk.addClass('HLHorizontalSplitter', smalltalk.HLSplitter, [], 'Helios-Layout');
- smalltalk.addMethod(
- "_cssClass",
- smalltalk.method({
- selector: "cssClass",
- fn: function (){
- var self=this;
- var $1;
- $1=smalltalk.send(smalltalk.send(self,"_cssClass",[],smalltalk.HLSplitter),"__comma",[" horizontal"]);
- return $1;
- }
- }),
- smalltalk.HLHorizontalSplitter);
- smalltalk.addMethod(
- "_panesCssClass",
- smalltalk.method({
- selector: "panesCssClass",
- fn: function (){
- var self=this;
- var $1;
- $1=smalltalk.send(smalltalk.send(self,"_panesCssClass",[],smalltalk.HLSplitter),"__comma",[" horizontal"]);
- return $1;
- }
- }),
- smalltalk.HLHorizontalSplitter);
- smalltalk.addMethod(
- "_resize",
- smalltalk.method({
- selector: "resize",
- fn: function (){
- var self=this;
- smalltalk.send(self,"_resize_",[smalltalk.send(smalltalk.send(smalltalk.send(self["@splitter"],"_asJQuery",[]),"_offset",[]),"_top",[])]);
- return self}
- }),
- smalltalk.HLHorizontalSplitter);
- smalltalk.addMethod(
- "_resize_",
- smalltalk.method({
- selector: "resize:",
- fn: function (anInteger){
- var self=this;
- var container;
- var position;
- container=smalltalk.send(smalltalk.send(self["@firstPane"],"_asJQuery",[]),"_parent",[]);
- position=smalltalk.send(anInteger,"__minus",[smalltalk.send(smalltalk.send(container,"_offset",[]),"_top",[])]);
- smalltalk.send(smalltalk.send(self["@firstPane"],"_asJQuery",[]),"_height_",[smalltalk.send(smalltalk.send(position,"_min_",[smalltalk.send(smalltalk.send(container,"_height",[]),"__minus",[(100)])]),"_max_",[(100)])]);
- smalltalk.send(smalltalk.send(self["@secondPane"],"_asJQuery",[]),"_height_",[smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(container,"_height",[]),"__minus",[position]),"_min_",[smalltalk.send(smalltalk.send(container,"_height",[]),"__minus",[(100)])]),"_max_",[(100)]),"__minus",[(6)])]);
- smalltalk.send(self,"_resize",[],smalltalk.HLSplitter);
- return self}
- }),
- smalltalk.HLHorizontalSplitter);
- smalltalk.addMethod(
- "_setupSplitter",
- smalltalk.method({
- selector: "setupSplitter",
- fn: function (){
- var self=this;
- smalltalk.send(smalltalk.send(self["@splitter"],"_asJQuery",[]),"_draggable_",[smalltalk.HashedCollection._fromPairs_([smalltalk.send("axis","__minus_gt",["y"]),smalltalk.send("containment","__minus_gt",[smalltalk.send(smalltalk.send(self["@splitter"],"_asJQuery",[]),"_parent",[])]),smalltalk.send("helper","__minus_gt",["clone"]),smalltalk.send("start","__minus_gt",[(function(e,ui){
- return smalltalk.send(self,"_startResizing_",[smalltalk.send(ui,"_helper",[])]);
- })]),smalltalk.send("drag","__minus_gt",[(function(e,ui){
- return smalltalk.send(self,"_resize_",[smalltalk.send(smalltalk.send(ui,"_offset",[]),"_top",[])]);
- })])])]);
- return self}
- }),
- smalltalk.HLHorizontalSplitter);
- smalltalk.addMethod(
- "_startResizing_",
- smalltalk.method({
- selector: "startResizing:",
- fn: function (aSplitter){
- var self=this;
- smalltalk.send(aSplitter,"_width_",[smalltalk.send(smalltalk.send(self["@splitter"],"_asJQuery",[]),"_width",[])]);
- return self}
- }),
- smalltalk.HLHorizontalSplitter);
- smalltalk.addClass('HLVerticalSplitter', smalltalk.HLSplitter, [], 'Helios-Layout');
- smalltalk.addMethod(
- "_cssClass",
- smalltalk.method({
- selector: "cssClass",
- fn: function (){
- var self=this;
- var $1;
- $1=smalltalk.send(smalltalk.send(self,"_cssClass",[],smalltalk.HLSplitter),"__comma",[" vertical"]);
- return $1;
- }
- }),
- smalltalk.HLVerticalSplitter);
- smalltalk.addMethod(
- "_panesCssClass",
- smalltalk.method({
- selector: "panesCssClass",
- fn: function (){
- var self=this;
- var $1;
- $1=smalltalk.send(smalltalk.send(self,"_panesCssClass",[],smalltalk.HLSplitter),"__comma",[" vertical"]);
- return $1;
- }
- }),
- smalltalk.HLVerticalSplitter);
- smalltalk.addMethod(
- "_resize",
- smalltalk.method({
- selector: "resize",
- fn: function (){
- var self=this;
- smalltalk.send(self,"_resize_",[smalltalk.send(smalltalk.send(smalltalk.send(self["@splitter"],"_asJQuery",[]),"_offset",[]),"_left",[])]);
- return self}
- }),
- smalltalk.HLVerticalSplitter);
- smalltalk.addMethod(
- "_resize_",
- smalltalk.method({
- selector: "resize:",
- fn: function (anInteger){
- var self=this;
- var container;
- var position;
- container=smalltalk.send(smalltalk.send(self["@firstPane"],"_asJQuery",[]),"_parent",[]);
- position=smalltalk.send(anInteger,"__minus",[smalltalk.send(smalltalk.send(container,"_offset",[]),"_left",[])]);
- smalltalk.send(smalltalk.send(self["@firstPane"],"_asJQuery",[]),"_width_",[smalltalk.send(smalltalk.send(position,"_min_",[smalltalk.send(smalltalk.send(container,"_width",[]),"__minus",[(100)])]),"_max_",[(100)])]);
- smalltalk.send(smalltalk.send(self["@secondPane"],"_asJQuery",[]),"_width_",[smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(smalltalk.send(container,"_width",[]),"__minus",[position]),"_min_",[smalltalk.send(smalltalk.send(container,"_width",[]),"__minus",[(100)])]),"_max_",[(100)]),"__minus",[(6)])]);
- smalltalk.send(self,"_resize",[],smalltalk.HLSplitter);
- return self}
- }),
- smalltalk.HLVerticalSplitter);
- smalltalk.addMethod(
- "_setupSplitter",
- smalltalk.method({
- selector: "setupSplitter",
- fn: function (){
- var self=this;
- smalltalk.send(smalltalk.send(self["@splitter"],"_asJQuery",[]),"_draggable_",[smalltalk.HashedCollection._fromPairs_([smalltalk.send("axis","__minus_gt",["x"]),smalltalk.send("containment","__minus_gt",[smalltalk.send(smalltalk.send(self["@splitter"],"_asJQuery",[]),"_parent",[])]),smalltalk.send("helper","__minus_gt",["clone"]),smalltalk.send("start","__minus_gt",[(function(e,ui){
- return smalltalk.send(self,"_startResizing_",[smalltalk.send(ui,"_helper",[])]);
- })]),smalltalk.send("drag","__minus_gt",[(function(e,ui){
- return smalltalk.send(self,"_resize_",[smalltalk.send(smalltalk.send(ui,"_offset",[]),"_left",[])]);
- })])])]);
- return self}
- }),
- smalltalk.HLVerticalSplitter);
- smalltalk.addMethod(
- "_startResizing_",
- smalltalk.method({
- selector: "startResizing:",
- fn: function (aSplitter){
- var self=this;
- smalltalk.send(aSplitter,"_height_",[smalltalk.send(smalltalk.send(self["@splitter"],"_asJQuery",[]),"_height",[])]);
- return self}
- }),
- smalltalk.HLVerticalSplitter);
- smalltalk.addMethod(
- "_isHeliosSplitter",
- smalltalk.method({
- selector: "isHeliosSplitter",
- fn: function (){
- var self=this;
- return false;
- }
- }),
- smalltalk.Object);
|