Helios-Layout.deploy.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391
  1. smalltalk.addPackage('Helios-Layout', {});
  2. smalltalk.addClass('HLContainer', smalltalk.Widget, ['splitter'], 'Helios-Layout');
  3. smalltalk.addMethod(
  4. "_renderOn_",
  5. smalltalk.method({
  6. selector: "renderOn:",
  7. fn: function (html){
  8. var self=this;
  9. var $1,$2;
  10. $1=smalltalk.send(html,"_div",[]);
  11. smalltalk.send($1,"_id_",["container"]);
  12. $2=smalltalk.send($1,"_with_",[smalltalk.send(self,"_splitter",[])]);
  13. smalltalk.send(smalltalk.send(window,"_jQuery_",[window]),"_bind_do_",["resize",(function(){
  14. return smalltalk.send(smalltalk.send(self,"_splitter",[]),"_resize",[]);
  15. })]);
  16. return self}
  17. }),
  18. smalltalk.HLContainer);
  19. smalltalk.addMethod(
  20. "_splitter",
  21. smalltalk.method({
  22. selector: "splitter",
  23. fn: function (){
  24. var self=this;
  25. return self["@splitter"];
  26. }
  27. }),
  28. smalltalk.HLContainer);
  29. smalltalk.addMethod(
  30. "_splitter_",
  31. smalltalk.method({
  32. selector: "splitter:",
  33. fn: function (aSplitter){
  34. var self=this;
  35. self["@splitter"]=aSplitter;
  36. return self}
  37. }),
  38. smalltalk.HLContainer);
  39. smalltalk.addMethod(
  40. "_with_",
  41. smalltalk.method({
  42. selector: "with:",
  43. fn: function (aSplitter){
  44. var self=this;
  45. var $2,$3,$1;
  46. $2=smalltalk.send(self,"_new",[]);
  47. smalltalk.send($2,"_splitter_",[aSplitter]);
  48. $3=smalltalk.send($2,"_yourself",[]);
  49. $1=$3;
  50. return $1;
  51. }
  52. }),
  53. smalltalk.HLContainer.klass);
  54. smalltalk.addClass('HLSplitter', smalltalk.Widget, ['firstWidget', 'secondWidget', 'firstPane', 'secondPane', 'splitter'], 'Helios-Layout');
  55. smalltalk.addMethod(
  56. "_cssClass",
  57. smalltalk.method({
  58. selector: "cssClass",
  59. fn: function (){
  60. var self=this;
  61. return "splitter";
  62. }
  63. }),
  64. smalltalk.HLSplitter);
  65. smalltalk.addMethod(
  66. "_firstWidget",
  67. smalltalk.method({
  68. selector: "firstWidget",
  69. fn: function (){
  70. var self=this;
  71. return self["@firstWidget"];
  72. }
  73. }),
  74. smalltalk.HLSplitter);
  75. smalltalk.addMethod(
  76. "_firstWidget_",
  77. smalltalk.method({
  78. selector: "firstWidget:",
  79. fn: function (aWidget){
  80. var self=this;
  81. self["@firstWidget"]=aWidget;
  82. return self}
  83. }),
  84. smalltalk.HLSplitter);
  85. smalltalk.addMethod(
  86. "_isHeliosSplitter",
  87. smalltalk.method({
  88. selector: "isHeliosSplitter",
  89. fn: function (){
  90. var self=this;
  91. return true;
  92. }
  93. }),
  94. smalltalk.HLSplitter);
  95. smalltalk.addMethod(
  96. "_panesCssClass",
  97. smalltalk.method({
  98. selector: "panesCssClass",
  99. fn: function (){
  100. var self=this;
  101. return "panes";
  102. }
  103. }),
  104. smalltalk.HLSplitter);
  105. smalltalk.addMethod(
  106. "_renderOn_",
  107. smalltalk.method({
  108. selector: "renderOn:",
  109. fn: function (html){
  110. var self=this;
  111. var $1,$3,$4,$5,$6,$2,$7;
  112. $1=smalltalk.send(html,"_div",[]);
  113. smalltalk.send($1,"_class_",[smalltalk.send(self,"_panesCssClass",[])]);
  114. $2=smalltalk.send($1,"_with_",[(function(){
  115. $3=smalltalk.send(html,"_div",[]);
  116. smalltalk.send($3,"_class_",["pane"]);
  117. $4=smalltalk.send($3,"_with_",[smalltalk.send(self,"_firstWidget",[])]);
  118. self["@firstPane"]=$4;
  119. self["@firstPane"];
  120. self["@splitter"]=smalltalk.send(smalltalk.send(html,"_div",[]),"_class_",[smalltalk.send(self,"_cssClass",[])]);
  121. self["@splitter"];
  122. $5=smalltalk.send(html,"_div",[]);
  123. smalltalk.send($5,"_class_",["pane"]);
  124. $6=smalltalk.send($5,"_with_",[smalltalk.send(self,"_secondWidget",[])]);
  125. self["@secondPane"]=$6;
  126. return self["@secondPane"];
  127. })]);
  128. smalltalk.send(self,"_setupSplitter",[]);
  129. $7=smalltalk.send(self,"_resize",[]);
  130. return self}
  131. }),
  132. smalltalk.HLSplitter);
  133. smalltalk.addMethod(
  134. "_resize",
  135. smalltalk.method({
  136. selector: "resize",
  137. fn: function (){
  138. var self=this;
  139. var $1,$2;
  140. $1=smalltalk.send(smalltalk.send(self,"_firstWidget",[]),"_isHeliosSplitter",[]);
  141. if(smalltalk.assert($1)){
  142. smalltalk.send(smalltalk.send(self,"_firstWidget",[]),"_resize",[]);
  143. };
  144. $2=smalltalk.send(smalltalk.send(self,"_secondWidget",[]),"_isHeliosSplitter",[]);
  145. if(smalltalk.assert($2)){
  146. smalltalk.send(smalltalk.send(self,"_secondWidget",[]),"_resize",[]);
  147. };
  148. return self}
  149. }),
  150. smalltalk.HLSplitter);
  151. smalltalk.addMethod(
  152. "_secondWidget",
  153. smalltalk.method({
  154. selector: "secondWidget",
  155. fn: function (){
  156. var self=this;
  157. return self["@secondWidget"];
  158. }
  159. }),
  160. smalltalk.HLSplitter);
  161. smalltalk.addMethod(
  162. "_secondWidget_",
  163. smalltalk.method({
  164. selector: "secondWidget:",
  165. fn: function (aWidget){
  166. var self=this;
  167. self["@secondWidget"]=aWidget;
  168. return self}
  169. }),
  170. smalltalk.HLSplitter);
  171. smalltalk.addMethod(
  172. "_setupSplitter",
  173. smalltalk.method({
  174. selector: "setupSplitter",
  175. fn: function (){
  176. var self=this;
  177. return self}
  178. }),
  179. smalltalk.HLSplitter);
  180. smalltalk.addMethod(
  181. "_with_with_",
  182. smalltalk.method({
  183. selector: "with:with:",
  184. fn: function (aWidget,anotherWidget){
  185. var self=this;
  186. var $2,$3,$1;
  187. $2=smalltalk.send(self,"_new",[]);
  188. smalltalk.send($2,"_firstWidget_",[aWidget]);
  189. smalltalk.send($2,"_secondWidget_",[anotherWidget]);
  190. $3=smalltalk.send($2,"_yourself",[]);
  191. $1=$3;
  192. return $1;
  193. }
  194. }),
  195. smalltalk.HLSplitter.klass);
  196. smalltalk.addClass('HLHorizontalSplitter', smalltalk.HLSplitter, [], 'Helios-Layout');
  197. smalltalk.addMethod(
  198. "_cssClass",
  199. smalltalk.method({
  200. selector: "cssClass",
  201. fn: function (){
  202. var self=this;
  203. var $1;
  204. $1=smalltalk.send(smalltalk.send(self,"_cssClass",[],smalltalk.HLSplitter),"__comma",[" horizontal"]);
  205. return $1;
  206. }
  207. }),
  208. smalltalk.HLHorizontalSplitter);
  209. smalltalk.addMethod(
  210. "_panesCssClass",
  211. smalltalk.method({
  212. selector: "panesCssClass",
  213. fn: function (){
  214. var self=this;
  215. var $1;
  216. $1=smalltalk.send(smalltalk.send(self,"_panesCssClass",[],smalltalk.HLSplitter),"__comma",[" horizontal"]);
  217. return $1;
  218. }
  219. }),
  220. smalltalk.HLHorizontalSplitter);
  221. smalltalk.addMethod(
  222. "_resize",
  223. smalltalk.method({
  224. selector: "resize",
  225. fn: function (){
  226. var self=this;
  227. smalltalk.send(self,"_resize_",[smalltalk.send(smalltalk.send(smalltalk.send(self["@splitter"],"_asJQuery",[]),"_offset",[]),"_top",[])]);
  228. return self}
  229. }),
  230. smalltalk.HLHorizontalSplitter);
  231. smalltalk.addMethod(
  232. "_resize_",
  233. smalltalk.method({
  234. selector: "resize:",
  235. fn: function (anInteger){
  236. var self=this;
  237. var container;
  238. var position;
  239. container=smalltalk.send(smalltalk.send(self["@firstPane"],"_asJQuery",[]),"_parent",[]);
  240. position=smalltalk.send(anInteger,"__minus",[smalltalk.send(smalltalk.send(container,"_offset",[]),"_top",[])]);
  241. smalltalk.send(smalltalk.send(self["@firstPane"],"_asJQuery",[]),"_height_",[smalltalk.send(smalltalk.send(position,"_min_",[smalltalk.send(smalltalk.send(container,"_height",[]),"__minus",[(100)])]),"_max_",[(100)])]);
  242. 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)])]);
  243. smalltalk.send(self,"_resize",[],smalltalk.HLSplitter);
  244. return self}
  245. }),
  246. smalltalk.HLHorizontalSplitter);
  247. smalltalk.addMethod(
  248. "_setupSplitter",
  249. smalltalk.method({
  250. selector: "setupSplitter",
  251. fn: function (){
  252. var self=this;
  253. 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){
  254. return smalltalk.send(self,"_startResizing_",[smalltalk.send(ui,"_helper",[])]);
  255. })]),smalltalk.send("drag","__minus_gt",[(function(e,ui){
  256. return smalltalk.send(self,"_resize_",[smalltalk.send(smalltalk.send(ui,"_offset",[]),"_top",[])]);
  257. })])])]);
  258. return self}
  259. }),
  260. smalltalk.HLHorizontalSplitter);
  261. smalltalk.addMethod(
  262. "_startResizing_",
  263. smalltalk.method({
  264. selector: "startResizing:",
  265. fn: function (aSplitter){
  266. var self=this;
  267. smalltalk.send(aSplitter,"_width_",[smalltalk.send(smalltalk.send(self["@splitter"],"_asJQuery",[]),"_width",[])]);
  268. return self}
  269. }),
  270. smalltalk.HLHorizontalSplitter);
  271. smalltalk.addClass('HLVerticalSplitter', smalltalk.HLSplitter, [], 'Helios-Layout');
  272. smalltalk.addMethod(
  273. "_cssClass",
  274. smalltalk.method({
  275. selector: "cssClass",
  276. fn: function (){
  277. var self=this;
  278. var $1;
  279. $1=smalltalk.send(smalltalk.send(self,"_cssClass",[],smalltalk.HLSplitter),"__comma",[" vertical"]);
  280. return $1;
  281. }
  282. }),
  283. smalltalk.HLVerticalSplitter);
  284. smalltalk.addMethod(
  285. "_panesCssClass",
  286. smalltalk.method({
  287. selector: "panesCssClass",
  288. fn: function (){
  289. var self=this;
  290. var $1;
  291. $1=smalltalk.send(smalltalk.send(self,"_panesCssClass",[],smalltalk.HLSplitter),"__comma",[" vertical"]);
  292. return $1;
  293. }
  294. }),
  295. smalltalk.HLVerticalSplitter);
  296. smalltalk.addMethod(
  297. "_resize",
  298. smalltalk.method({
  299. selector: "resize",
  300. fn: function (){
  301. var self=this;
  302. smalltalk.send(self,"_resize_",[smalltalk.send(smalltalk.send(smalltalk.send(self["@splitter"],"_asJQuery",[]),"_offset",[]),"_left",[])]);
  303. return self}
  304. }),
  305. smalltalk.HLVerticalSplitter);
  306. smalltalk.addMethod(
  307. "_resize_",
  308. smalltalk.method({
  309. selector: "resize:",
  310. fn: function (anInteger){
  311. var self=this;
  312. var container;
  313. var position;
  314. container=smalltalk.send(smalltalk.send(self["@firstPane"],"_asJQuery",[]),"_parent",[]);
  315. position=smalltalk.send(anInteger,"__minus",[smalltalk.send(smalltalk.send(container,"_offset",[]),"_left",[])]);
  316. smalltalk.send(smalltalk.send(self["@firstPane"],"_asJQuery",[]),"_width_",[smalltalk.send(smalltalk.send(position,"_min_",[smalltalk.send(smalltalk.send(container,"_width",[]),"__minus",[(100)])]),"_max_",[(100)])]);
  317. 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)])]);
  318. smalltalk.send(self,"_resize",[],smalltalk.HLSplitter);
  319. return self}
  320. }),
  321. smalltalk.HLVerticalSplitter);
  322. smalltalk.addMethod(
  323. "_setupSplitter",
  324. smalltalk.method({
  325. selector: "setupSplitter",
  326. fn: function (){
  327. var self=this;
  328. 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){
  329. return smalltalk.send(self,"_startResizing_",[smalltalk.send(ui,"_helper",[])]);
  330. })]),smalltalk.send("drag","__minus_gt",[(function(e,ui){
  331. return smalltalk.send(self,"_resize_",[smalltalk.send(smalltalk.send(ui,"_offset",[]),"_left",[])]);
  332. })])])]);
  333. return self}
  334. }),
  335. smalltalk.HLVerticalSplitter);
  336. smalltalk.addMethod(
  337. "_startResizing_",
  338. smalltalk.method({
  339. selector: "startResizing:",
  340. fn: function (aSplitter){
  341. var self=this;
  342. smalltalk.send(aSplitter,"_height_",[smalltalk.send(smalltalk.send(self["@splitter"],"_asJQuery",[]),"_height",[])]);
  343. return self}
  344. }),
  345. smalltalk.HLVerticalSplitter);
  346. smalltalk.addMethod(
  347. "_isHeliosSplitter",
  348. smalltalk.method({
  349. selector: "isHeliosSplitter",
  350. fn: function (){
  351. var self=this;
  352. return false;
  353. }
  354. }),
  355. smalltalk.Object);