added toggle method to slimtree
[Evergreen.git] / Open-ILS / web / opac / skin / default / xml / sidebar.xml
1 <?xml version='1.0'?>
2
3 <!-- Navigation bar -->
4
5 <div id="sidebar_div" class="sidebar_div" xmlns:xi="http://www.w3.org/2001/XInclude">
6
7         <div class='sidebar_chunk'>
8
9                 <div title="&navigate.home.title;" 
10                         id='home_link_div' class="side_bar_item ">
11                         <a id='home_link' href='index.xml'>&navigate.home;</a>
12                 </div>
13         
14                 <div title="&navigate.advanced.title;"
15                         id='advanced_link_div' class="side_bar_item ">
16                         <a id='advanced_link' href='advanced.xml'>&navigate.advanced;</a>
17                 </div>
18
19                 <div title="&navigate.myopac.title;"
20                         id='myopac_link_div' class="side_bar_item ">
21                         <a  id='myopac_link' href='myopac/myopac.xml'>&navigate.myopac;</a>
22                 </div>
23
24                 <div title="&navigate.login.title;"
25                         id='login_link_div' class="side_bar_item ">
26                         <a id='login_link' href='javascript:void(0);'>&navigate.login;</a>
27                 </div>
28
29                 <div title="&navigate.logout.title;"
30                         id='logout_link_div' class="side_bar_item hide_me ">
31                         <a id='logout_link' href='javascript:void(0);'>&navigate.logout;</a>
32                 </div>
33
34
35                 <!-- Informational sidebar components -->
36
37                 <div id='logged_in_as_div' title="&navigate.loggedinas.title;" class="side_bar_item hide_me">
38                         <span>&navigate.loggedinas;<b id='username_dest'> </b></span>
39                 </div>
40
41                 <div id='sidebar_results_wrapper' class='hide_me'  style='border: 1px solid #A7EA9D;'>
42                         <div title="&navigate.titleGroupResults;" 
43                                 id='mresult_link_div' class="side_bar_item hide_me">
44                                 <a id='sidebar_title_group_results'>&navigate.titleGroupResults;</a>
45                         </div>
46                 
47                         <div title="&navigate.titleResults;"
48                                 id='result_link_div' class="side_bar_item hide_me">
49                                 <a id='sidebar_title_results'>&navigate.titleResults;</a>
50                         </div>
51         
52                         <div title="Record Details"
53                                 id='rdetail_link_div' class="side_bar_item hide_me">
54                                 <span>My Title Details</span>
55                         </div>
56                 </div>
57         </div>
58
59         <br/>
60         <div id='subject_tree_sidebar' class='sidebar_chunk hide_me'> 
61                 <div id='subject_sidebar_tree_div'> </div>
62                 <script language='javascript'>
63                         var subjectSidebarTree = new SlimTree(
64                                 document.getElementById('subject_sidebar_tree_div'),
65                                 'subjectSidebarTree', '../../../images/slimtree/related.jpg');
66                         subjectSidebarTree.addNode( 'subjectSidebarTreeRoot', -1, 
67                                 "&sidebar.relevantSubjects.headerLabel;", 
68                                 'javascript:subjectSidebarTree.toggle(' +
69                                         '"subjectSidebarTreeRoot");');
70                 </script>
71         </div>
72
73         <div id='author_tree_sidebar' class='sidebar_chunk hide_me'> 
74                 <hr/>
75                 <div id='author_sidebar_tree_div'> </div>
76                 <script language='javascript'>
77                         var authorSidebarTree = new SlimTree(
78                                 document.getElementById('author_sidebar_tree_div'),
79                                 'authorSidebarTree','../../../images/slimtree/people.jpg');
80                         authorSidebarTree.addNode( 'authorSidebarTreeRoot', -1, 
81                                 "&sidebar.relevantAuthors.headerLabel;", 
82                                 'javascript:authorSidebarTree.toggle(' +
83                                         '"authorSidebarTreeRoot");');
84                 </script>
85         </div>
86
87         <div id='series_tree_sidebar' class='sidebar_chunk hide_me'> 
88                 <hr/>
89                 <div id='series_sidebar_tree_div'> </div>
90                 <script language='javascript'>
91                         var seriesSidebarTree = new SlimTree(
92                                 document.getElementById('series_sidebar_tree_div'),
93                                 'seriesSidebarTree',
94                                 '../../../images/slimtree/houses.jpg');
95                         seriesSidebarTree.addNode( 'seriesSidebarTreeRoot', -1, 
96                                 "&sidebar.relevantSeries.headerLabel;", 
97                                 'javascript:seriesSidebarTree.toggle(' +
98                                         '"seriesSidebarTreeRoot");');
99                 </script>
100         </div>
101
102
103
104
105
106         <!-- ============================================================================= -->
107         <!-- Our javascript -->
108         <script language='javascript' src='../js/sidebar.js'> </script>
109
110         <script language='javascript'>
111                 config.ids.sidebar = {};
112                 config.css.sidebar = {};
113                 config.names.sidebar = {};
114                 config.css.sidebar.item = {};
115                 config.ids.sidebar.home                         = 'home_link_div';
116                 config.ids.sidebar.advanced             = 'advanced_link_div';
117                 config.ids.sidebar.myopac                       = 'myopac_link_div';
118                 config.ids.sidebar.prefs                        = 'prefs_link_div';
119                 config.ids.sidebar.mresult                      = 'mresult_link_div';
120                 config.ids.sidebar.rresult                      = 'result_link_div';
121                 config.ids.sidebar.rdetail                      = "rdetail_link_div"; 
122                 config.ids.sidebar.login                        = 'login_link';
123                 config.ids.sidebar.logout                       = 'logout_link';
124                 config.ids.sidebar.logoutbox            = 'logout_link_div';
125                 config.ids.sidebar.loginbox             = 'login_link_div';
126                 config.ids.sidebar.logged_in_as = 'logged_in_as_div';
127                 config.ids.sidebar.username_dest        = 'username_dest';
128                 config.ids.sidebar.subject                      = 'subject_sidebar';
129                 config.ids.sidebar.subject_item = 'subject_item';
130                 config.ids.sidebar.author                       = 'author_sidebar';
131                 config.ids.sidebar.author_item  = 'author_item';
132                 config.ids.sidebar.series                       = 'series_sidebar';
133                 config.ids.sidebar.series_item  = 'series_item';
134                 
135                 config.ids.sidebar.home_link            = 'home_link'
136                 config.ids.sidebar.advanced_link        = 'advanced_link'
137                 config.ids.sidebar.myopac_link  = 'myopac_link'
138                 
139                 config.names.sidebar.subject_item       = 'subject_item';
140                 config.names.sidebar.author_item                = 'author_item';
141                 config.names.sidebar.series_item                = 'series_item';
142
143                 config.css.encircled                            = 'encircled';
144         </script>
145
146 </div>
147