source: MDService2/trunk/MDService2/WebContent/scripts/mdservice_ui_settings.js @ 1472

Last change on this file since 1472 was 1472, checked in by gaba, 13 years ago

pazpar search - first version

File size: 9.4 KB
Line 
1
2/**
3 * @fileOverview This file includes avv variables and possibilities of app settings concerned more areas:
4 * data loading  - actions - possible to set details of data loading (uri)
5 * pane structure
6 *      - layout_settings[pane_name], layoutBaseSettings - sets the properties of particular panes (ui-layout plugin settings )
7 *      - layout_initialisation - structure of particular pane placement
8 * app functionality - blocks_settings - the properties of particular ui blocks (type of detail-window display, commands-TODO)
9 * @author
10 * @version
11 */
12
13//VARIABLES
14//var jsonw, json_admin;
15var workspace;
16var json_admin;
17var url_params;
18var local_collections = false;
19
20var  element_autocomplete = new Array();
21var  elements_hashtable =  {};
22
23var outerLayout, middleLayout, innerLayout;
24var block_positions = ["center","north","south","east","west"];
25
26
27// LOAD DATA SEETTINGS
28var actions = {
29                        base: {
30                        base_uri: "/MDService2/"
31                },
32                collections: {
33                        base_uri: "/MDService2/collections/",                   
34                        current:'olac'},
35                elements: {
36                                base_uri: "/MDService2/element/",                       
37                                current:''},
38                terms: {
39                        base_uri: "/MDService2/terms/",                 
40                        current:'all',
41                        maxdepth: 8},
42                terms_autocomplete: {
43                                base_uri: "/MDService2/terms/", 
44                                current:''},
45                components: {
46                                base_uri: "/MDService2/comp/",                         
47                                current:''},
48                                /* current:'cmdi-corpus-aac2'}, */             
49                compprofiles: {
50                                base_uri: "/MDService2/compprofile/",                           
51                                        current:''},
52                                        /* current:'cmdi-corpus-aac2'}, */             
53                               
54                recordset: {
55                                base_uri: "/MDService2/recordset/"
56                                },
57
58                isocat: {
59                                base_uri: "/MDService2/datcats/",
60                                current:5
61                                },
62                sru: {
63                                base_uri: "/MDService2/sru/"
64                         },
65                pazpar: {
66                                        base_uri: "/MDService2/pazpar2/"
67                                 }
68
69        };
70
71
72
73// LAYOUT SETTING
74var layoutBaseSettings = { 
75               
76                //      center__paneSelector:   ".base-center"
77                //,     west__paneSelector:             ".base-west"
78                //,     east__paneSelector:             ".base-east"
79                //,     north__paneSelector:    ".base-north"
80                    size:                                       "auto"
81                  ,     west__size:                             140 
82                  ,     east__size:                             280 
83                //,     north__size:                    200
84                  ,     spacing_open:                   4//8 // ALL panes
85                //,     spacing_closed:                 12//12 // ALL panes
86                //,     north__spacing_open:    0
87                //,     south__spacing_closed:  0
88                //,     north__maxSize:                 200
89                //,     south__maxSize:                 200
90                  , contentSelector:            ".content"
91};
92
93var layoutSettings_querysearch_advanced = { 
94                north__size:                    200
95        ,       north__spacing_open:    2
96};
97var layoutSettings_columns_collections = { 
98                west__size:                     300
99        ,       west__spacing_open:     2
100};
101var layoutSettings_coll_block = { 
102                north__size:                    60
103        ,       north__spacing_open:    2
104};
105
106/* layout sample
107var layoutSettings_Outer = {
108                name: "outerLayout" // NO FUNCTIONAL USE, but could be used by custom code to 'identify' a layout
109                // options.defaults apply to ALL PANES - but overridden by pane-specific settings
110        ,       defaults: {
111                        size:                                   "auto"
112                ,       minSize:                                50
113                ,       paneClass:                              "pane"          // default = 'ui-layout-pane'
114                ,       resizerClass:                   "resizer"       // default = 'ui-layout-resizer'
115                ,       togglerClass:                   "toggler"       // default = 'ui-layout-toggler'
116                ,       buttonClass:                    "button"        // default = 'ui-layout-button'
117                ,       contentSelector:                ".content"      // inner div to auto-size so only it scrolls, not the entire pane!
118                ,       contentIgnoreSelector:  "span"          // 'paneSelector' for content to 'ignore' when measuring room for content
119                ,       togglerLength_open:             35                      // WIDTH of toggler on north/south edges - HEIGHT on east/west edges
120                ,       togglerLength_closed:   35                      // "100%" OR -1 = full height
121                ,       hideTogglerOnSlide:             true            // hide the toggler when pane is 'slid open'
122                ,       togglerTip_open:                "Close This Pane"
123                ,       togglerTip_closed:              "Open This Pane"
124                ,       resizerTip:                             "Resize This Pane"
125                //      effect defaults - overridden on some panes
126                ,       fxName:                                 "slide"         // none, slide, drop, scale
127                ,       fxSpeed_open:                   750
128                ,       fxSpeed_close:                  1500
129                ,       fxSettings_open:                { easing: "easeInQuint" }
130                ,       fxSettings_close:               { easing: "easeOutQuint" }
131        }
132        ,       north: {
133                        spacing_open:                   1                       // cosmetic spacing
134                ,       togglerLength_open:             0                       // HIDE the toggler button
135                ,       togglerLength_closed:   -1                      // "100%" OR -1 = full width of pane
136                ,       resizable:                              false
137                ,       slidable:                               false
138                //      override default effect
139                ,       fxName:                                 "none"
140                }
141        ,       south: {
142                        maxSize:                                200
143                ,       spacing_closed:                 0                       // HIDE resizer & toggler when 'closed'
144                ,       slidable:                               false           // REFERENCE - cannot slide if spacing_closed = 0
145                ,       initClosed:                             true
146                //      CALLBACK TESTING...
147                ,       onhide_start:                   function () { return confirm("START South pane hide \n\n onhide_start callback \n\n Allow pane to hide?"); }
148                ,       onhide_end:                             function () { alert("END South pane hide \n\n onhide_end callback"); }
149                ,       onshow_start:                   function () { return confirm("START South pane show \n\n onshow_start callback \n\n Allow pane to show?"); }
150                ,       onshow_end:                             function () { alert("END South pane show \n\n onshow_end callback"); }
151                ,       onopen_start:                   function () { return confirm("START South pane open \n\n onopen_start callback \n\n Allow pane to open?"); }
152                ,       onopen_end:                             function () { alert("END South pane open \n\n onopen_end callback"); }
153                ,       onclose_start:                  function () { return confirm("START South pane close \n\n onclose_start callback \n\n Allow pane to close?"); }
154                ,       onclose_end:                    function () { alert("END South pane close \n\n onclose_end callback"); }
155                //,     onresize_start:                 function () { return confirm("START South pane resize \n\n onresize_start callback \n\n Allow pane to be resized?)"); }
156                ,       onresize_end:                   function () { alert("END South pane resize \n\n onresize_end callback \n\n NOTE: onresize_start event was skipped."); }
157                }
158        ,       west: {
159                        size:                                   250
160                ,       spacing_closed:                 21                      // wider space when closed
161                ,       togglerLength_closed:   21                      // make toggler 'square' - 21x21
162                ,       togglerAlign_closed:    "top"           // align to top of resizer
163                ,       togglerLength_open:             0                       // NONE - using custom togglers INSIDE west-pane
164                ,       togglerTip_open:                "Close West Pane"
165                ,       togglerTip_closed:              "Open West Pane"
166                ,       resizerTip_open:                "Resize West Pane"
167                ,       slideTrigger_open:              "click"         // default
168                ,       initClosed:                             true
169                //      add 'bounce' option to default 'slide' effect
170                ,       fxSettings_open:                { easing: "easeOutBounce" }
171                }
172        ,       east: {
173                        size:                                   250
174                ,       spacing_closed:                 21                      // wider space when closed
175                ,       togglerLength_closed:   21                      // make toggler 'square' - 21x21
176                ,       togglerAlign_closed:    "top"           // align to top of resizer
177                ,       togglerLength_open:             0                       // NONE - using custom togglers INSIDE east-pane
178                ,       togglerTip_open:                "Close East Pane"
179                ,       togglerTip_closed:              "Open East Pane"
180                ,       resizerTip_open:                "Resize East Pane"
181                ,       slideTrigger_open:              "mouseover"
182                ,       initClosed:                             true
183                //      override default effect, speed, and settings
184                ,       fxName:                                 "drop"
185                ,       fxSpeed:                                "normal"
186                ,       fxSettings:                             { easing: "" } // nullify default easing
187                }
188        ,       center: {
189                        paneSelector:                   "#mainContent"                  // sample: use an ID to select pane instead of a class
190                ,       onresize:                               "innerLayout.resizeAll" // resize INNER LAYOUT when center pane resizes
191                ,       minWidth:                               200
192                ,       minHeight:                              200
193                }
194};
195*/
196
197//BLOCKS LAYOUT
198var layout_initialisation = {
199        base: {
200                layout: "",
201                parent: 'body',
202                model_settings: layoutBaseSettings,
203                settings: "",
204                center: ['base_center_p'],
205                west: ['base_west_p'],
206                east: ['#detailblock'],
207                north: ['#titlelogin']
208                 },
209        base_center_p: {
210                         layout: "",
211                        parent: "",
212                        model_settings: layoutBaseSettings,
213                        settings: "",
214                        center: ["#querylistblock"],
215                        north: ["#querysearch"]
216                },
217        base_west_p: {
218                        layout: "",
219                        parent: "",
220                        model_settings: layoutBaseSettings,
221                        settings: "",
222                        center: ["#user-space"],
223                        north: ["#public-space"]
224                },
225                //querysearch_advanced: {
226                //      parent: "",
227                //      model_settings: layoutBaseSettings,
228                //      settings: layoutSettings_querysearch_advanced,
229                //      center: ["columns_collections"],
230                //      north: ["#sc-list"]
231                //},
232                columns_collections: {
233                        layout: "",
234                        parent: "",
235                        model_settings: layoutBaseSettings,
236                        settings: "",//layoutSettings_columns_collections,
237                        west: ["columns_block"],
238                        center: ["collections_block"]
239                },
240                columns_block: {
241                        layout: "",
242                        parent: "",
243                        model_settings: layoutSettings_coll_block,
244                        settings: "",
245                        center: ["#terms-block"],
246                        north: ["#columns-selection"]
247                },
248                collections_block: {
249                        layout: "",
250                        parent: "",
251                        model_settings: layoutSettings_coll_block,
252                        settings: "",
253                        center: ["#collections-block"],
254                        north: ["#collections-selection"]
255                }
256               
257};
258// type = [floating, pane, inline]
259var blocks_settings = {
260        querysearch:{
261                id: "#querysearch",
262                //sublayouts: ['querysearch_advanced'],
263                commands: {
264                        block:['cmd_advanced']
265                }
266        },
267        querylist:{
268                id: "#querylistblock",
269                //sublayouts: [],
270                commands: {
271                        block:['cmd_close']
272                }
273        },
274        collections:{
275                id: "#collections",
276                detail: {
277                        parent: "",
278                        type: "floating"
279                }
280        },
281        terms:{
282                id: "#terms",
283                detail: {
284                        parent: "",
285                        type: "pane"
286                }
287        },
288        index:{
289                id: "",
290                detail: {
291                        parent: "",
292                        type: "pane"
293                }
294        },
295        values:{
296                id: "#values",
297                detail: {
298                        parent: "",
299                        type: "floating"
300                }
301        },
302        query:{
303                id: "#query",
304                detail: {
305                        parent: "",
306                        type: "pane"
307                }
308        },
309        record:{
310                id: "#records",
311                detail: {
312                        parent: "",
313                        type: "pane"
314                }
315        },
316        info:{
317                id: "#info",
318                detail: {
319                        parent: "",
320                        type: "pane"
321                }
322        }
323};
Note: See TracBrowser for help on using the repository browser.