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

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

index autocomplete

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