]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/javascript/widgets/SideBar.js
some useful javascript widget code
[Evergreen.git] / Open-ILS / src / javascript / widgets / SideBar.js
1
2 function SidebarBoxItem(domItem) {
3         this.node = createAppElement("div");
4         var br = createAppElement("br");
5         add_css_class(this.node, "sibebar_item");
6         this.node.appendChild(domItem);
7         this.node.appendChild(br);
8 }
9
10 SidebarBoxItem.prototype.getNode = function() {
11         return this.node;
12 }
13
14 /* --------------------------------------------------------- */
15
16 function SidebarBox(title) {
17         this.node = createAppElement("div");
18         this.contentNode = createAppElement("div");
19         this.titleNode = createAppElement("div");
20
21         add_css_class(this.node, "sidebar_box");
22         add_css_class(this.contentNode, "sidebar_content_box");
23         add_css_class(this.titleNode, "sidebar_title_box");
24
25         /* push the title in */
26         this.titleNode.appendChild(createAppTextNode(title));
27         this.titleNode.appendChild(createAppElement("br"));
28
29         this.node.appendChild(this.titleNode);
30         this.node.appendChild(this.contentNode);
31 }
32
33 SidebarBox.prototype.addItem = function(domItem) {
34         this.contentNode.appendChild(new SidebarBoxItem(domItem).getNode());
35 }
36
37 SidebarBox.prototype.getNode = function() {
38         return this.node;
39 }
40
41
42 /* --------------------------------------------------------- */
43
44 function Sidebar() {
45         this.node = createAppElement("div");
46         add_css_class(this.node, "sidebar");
47 }
48
49 Sidebar.prototype.addItem = function(sidebarBox) {
50         this.node.appendChild(sidebarBox.getNode());    
51 }
52
53 Sidebar.prototype.getNode = function() {
54         return this.node;
55 }