1 |
/* |
2 |
Webpacus template editor |
3 |
*/ |
4 |
|
5 |
var rec = null; |
6 |
var url = null; |
7 |
var template_filename = null; |
8 |
|
9 |
var css_rnd = 0; |
10 |
|
11 |
function iwfRequest( url, div ) { |
12 |
Logger.info('iwfRequest('+url+','+div+')'); |
13 |
return; |
14 |
} |
15 |
|
16 |
function update_status(text) { |
17 |
var el = $('div_record_nr'); |
18 |
if (el) el.innerHTML = text; |
19 |
} |
20 |
|
21 |
function load_rec(nr) { |
22 |
Logger.debug('load_rec '+nr); |
23 |
|
24 |
if (loading.record) { |
25 |
Logger.info('loading of record '+nr+' skipped, load in progress'); |
26 |
return; |
27 |
} |
28 |
|
29 |
if (nr == 1) { |
30 |
Element.addClassName('a_left_arr', 'nav_disable'); |
31 |
} else { |
32 |
Element.removeClassName('a_left_arr', 'nav_disable'); |
33 |
} |
34 |
|
35 |
var args = '?mfn='+nr+'&template_filename='+template_filename; |
36 |
|
37 |
new Ajax.Updater( 'div_record', url+'record'+args, { |
38 |
asynchronous: 1, |
39 |
onLoading: function(request) { |
40 |
loading.record = 1; |
41 |
update_status(nr+'...'); |
42 |
Logger.info('load_rec.onLoading: '+nr); |
43 |
}, |
44 |
onLoaded: function(request) { |
45 |
loading.record = 0; |
46 |
update_status('# '+nr); |
47 |
Logger.info('load_rec.onLoaded: '+nr); |
48 |
} |
49 |
} ) ; |
50 |
|
51 |
} |
52 |
|
53 |
function inc_rec() { |
54 |
rec++; |
55 |
load_rec(rec); |
56 |
return false; |
57 |
} |
58 |
|
59 |
function dec_rec() { |
60 |
if (rec > 1) { |
61 |
rec--; |
62 |
load_rec(rec); |
63 |
} |
64 |
return false; |
65 |
} |
66 |
|
67 |
function reload_rec() { |
68 |
load_rec(rec); |
69 |
return false; |
70 |
} |
71 |
|
72 |
var current_edit = ''; |
73 |
|
74 |
function edit_template() { |
75 |
$('div_css').style.visibility = "hidden"; |
76 |
Element.removeClassName('a_css', 'tab_selected'); |
77 |
Element.addClassName('a_template', 'tab_selected'); |
78 |
$('div_template').style.visibility = "visible"; |
79 |
Logger.debug("switched to template editor"); |
80 |
var c = $('template_content'); |
81 |
if (c) c.focus(); |
82 |
return false; |
83 |
} |
84 |
|
85 |
function edit_css() { |
86 |
$('div_template').style.visibility = "hidden"; |
87 |
Element.removeClassName('a_template', 'tab_selected'); |
88 |
Element.addClassName('a_css', 'tab_selected'); |
89 |
$('div_css').style.visibility = "visible"; |
90 |
Logger.debug("switched to CSS editor"); |
91 |
var c = $('css_content'); |
92 |
if (c) c.focus(); |
93 |
return false; |
94 |
} |
95 |
|
96 |
function switch_template(template_name) { |
97 |
|
98 |
Logger.info('switch_template to '+template_name); |
99 |
new Effect.Opacity('div_template', { from: 1.0, to: 0.7, duration: 0.3 }); |
100 |
Logger.debug('load template editor'); |
101 |
load_template(template_name); |
102 |
|
103 |
Logger.debug('refresh record'); |
104 |
load_rec(rec); |
105 |
} |
106 |
|
107 |
var loading = { |
108 |
template: 0, |
109 |
css: 0, |
110 |
record: 0, |
111 |
template_list: 0, |
112 |
} |
113 |
|
114 |
function load_template( template_filename ) { |
115 |
|
116 |
if (loading.template) { |
117 |
Logger.info('loading of template '+template_filename+' skipped, load in progress'); |
118 |
return; |
119 |
} |
120 |
|
121 |
var args = '?template_filename='+template_filename; |
122 |
|
123 |
new Ajax.Updater( 'div_template', url+'template'+args, { |
124 |
asynchronous: 1, |
125 |
onLoading: function(request) { |
126 |
loading.template = 1; |
127 |
Logger.info('load_template.onLoading: '+template_filename); |
128 |
}, |
129 |
onLoaded: function(request) { |
130 |
loading.template = 0; |
131 |
Position.clone('div_template', 'div_css'); |
132 |
Logger.info('load_template.onLoaded: '+template_filename); |
133 |
} |
134 |
} ) ; |
135 |
} |
136 |
|
137 |
function load_css(css_filename) { |
138 |
|
139 |
if (loading.css) { |
140 |
Logger.info('loading of css '+css_filename+' skipped, load in progress'); |
141 |
return; |
142 |
} |
143 |
|
144 |
new Ajax.Updater( 'div_css', url+'css', { |
145 |
asynchronous: 1, |
146 |
onLoading: function(request) { |
147 |
loading.css = 1; |
148 |
Logger.info('load_css.onLoading: '+css_filename); |
149 |
}, |
150 |
onLoaded: function(request) { |
151 |
loading.css = 0; |
152 |
Logger.info('load_css.onLoaded: '+css_filename); |
153 |
} |
154 |
} ) ; |
155 |
}; |
156 |
|
157 |
function init_page() { |
158 |
|
159 |
// Element.hide('div_css'); |
160 |
// Element.show('div_template'); |
161 |
|
162 |
// Position.clone('div_template', 'div_css'); |
163 |
|
164 |
edit_template(); |
165 |
|
166 |
// load css editor |
167 |
load_css(); |
168 |
|
169 |
// load template editor and record |
170 |
switch_template(template_filename); |
171 |
|
172 |
} |
173 |
|