1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
/* ************************************************************************
qooxdoo - the new era of web development
http://qooxdoo.org
Copyright:
2004-2007 1&1 Internet AG, Germany, http://www.1and1.org
License:
LGPL: http://www.gnu.org/licenses/lgpl.html
EPL: http://www.eclipse.org/org/documents/epl-v10.php
See the LICENSE file in the project's top-level directory for details.
Authors:
* Sebastian Werner (wpbasti)
* Andreas Ecker (ecker)
************************************************************************ */
/* ************************************************************************
#module(ui_buttonview)
************************************************************************ */
/*!
One of the widgets which could be used to structurize the interface.
qx.ui.pageview.buttonview.ButtonView creates the typical apple-like tabview-replacements which could also
be found in more modern versions of the settings dialog in Mozilla Firefox.
*/
qx.OO.defineClass("qx.ui.pageview.buttonview.ButtonView", qx.ui.pageview.AbstractPageView,
function()
{
qx.ui.pageview.AbstractPageView.call(this, qx.ui.pageview.buttonview.Bar, qx.ui.pageview.buttonview.Pane);
this.setOrientation("vertical");
});
/*
---------------------------------------------------------------------------
PROPERTIES
---------------------------------------------------------------------------
*/
qx.OO.addProperty({ name : "barPosition", type : "string", defaultValue : "top", possibleValues : [ "top", "right", "bottom", "left" ] });
qx.OO.changeProperty({ name : "appearance", type : "string", defaultValue : "bar-view" });
/*
---------------------------------------------------------------------------
MODIFIER
---------------------------------------------------------------------------
*/
qx.Proto._modifyBarPosition = function(propValue, propOldValue, propData)
{
var vBar = this._bar;
// move bar around and change orientation
switch(propValue)
{
case "top":
vBar.moveSelfToBegin();
this.setOrientation("vertical");
break;
case "bottom":
vBar.moveSelfToEnd();
this.setOrientation("vertical");
break;
case "left":
vBar.moveSelfToBegin();
this.setOrientation("horizontal");
break;
case "right":
vBar.moveSelfToEnd();
this.setOrientation("horizontal");
break;
}
// force re-apply of states for bar and pane
this._addChildrenToStateQueue();
// force re-apply of states for all tabs
vBar._addChildrenToStateQueue();
return true;
}
|