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

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

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