source: MDService2/branches/MDService_simple3/WebContent/scripts/mdservice_ui_settings.js @ 1918

Last change on this file since 1918 was 1918, checked in by gaba, 12 years ago

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