root/editor/editor.js

/*
        Webpacus template editor
*/

var rec = null;
var url = null;
var template_filename = null;

var css_rnd = 0;

function update_status(text) {
        var el = $('div_record_nr');
        if (el) el.innerHTML = text;
}

function load_rec(nr) {
        Logger.debug('load_rec '+nr);

        if (loading.record) {
                Logger.info('loading of record '+nr+' skipped, load in progress');
                return;
        }

        show_working();
        $('record_nr').disabled = 'true';

        if (nr == 1) {
                Element.addClassName('a_left_arr', 'nav_disable');
        } else {
                Element.removeClassName('a_left_arr', 'nav_disable');
        }

        var args = '?mfn='+nr+'&template_filename='+template_filename;

        new Ajax.Updater( 'div_record',  url+'record'+args, {
                asynchronous: 1,
                onLoading: function(request) {
                        loading.record = 1;
                        Logger.info('load_rec.onLoading: '+nr);
                },
                onLoaded: function(request) {
                        loading.record = 0;
                        hide_working();
                        $('record_nr').value = nr;
                        $('record_nr').disabled = '';
                        rec = nr;
                        Logger.info('load_rec.onLoaded: '+nr);
                }
        } ) ;

}

function inc_rec() {
        show_working();
        rec++;
        load_rec(rec);
        hide_working();
        return false;
}

function dec_rec() {
        if (rec > 1) {
                show_working();
                rec--;
                load_rec(rec);
                hide_working();
        }
        return false;
}

function reload_rec() {
        show_working();
        load_rec(rec);
        hide_working();
        return false;
}

var current_edit = '';

function edit_template() {
        $('div_css').style.visibility = "hidden";
        Element.removeClassName('a_css', 'tab_selected');
        Element.addClassName('a_template', 'tab_selected');
        $('div_template').style.visibility = "visible";
        Logger.debug("switched to template editor");
        var c = $('template_content');
        if (c) c.focus();
        return false;
}

function edit_css() {
        $('div_template').style.visibility = "hidden";
        Element.removeClassName('a_template', 'tab_selected');
        Element.addClassName('a_css', 'tab_selected');
        $('div_css').style.visibility = "visible";
        Logger.debug("switched to CSS editor");
        var c = $('css_content');
        if (c) c.focus();
        return false;
}

function switch_template(new_template_filename) {

        Logger.info('switch_template to '+new_template_filename);
        show_working();

        Logger.debug('load template editor');
        template_filename = new_template_filename;
        load_template(new_template_filename);

        Logger.debug('refresh record');
        load_rec(rec);

        hide_working();

        return false;
}

var loading = {
        template: 0,
        css: 0,
        record: 0
};

function load_template( template_filename ) {

        if (loading.template) {
                Logger.info('loading of template '+template_filename+' skipped, load in progress');
                return;
        }

        var args = '?template_filename='+template_filename;

        new Ajax.Updater( 'div_template',  url+'template'+args, {
                asynchronous: 1,
                onLoading: function(request) {
                        loading.template = 1;
                        show_working();
                        Logger.info('load_template.onLoading: '+template_filename);
                },
                onLoaded: function(request) {
                        loading.template = 0;
                        Position.clone('div_template', 'div_css');
                        hide_working();
                        Logger.info('load_template.onLoaded: '+template_filename);
                }
        } ) ;
}

function load_css(css_filename) {

        if (loading.css) {
                Logger.info('loading of css '+css_filename+' skipped, load in progress');
                return;
        }

        new Ajax.Updater( 'div_css',  url+'css', {
                asynchronous: 1,
                onLoading: function(request) {
                        loading.css = 1;
                        show_working();
                        Logger.info('load_css.onLoading: '+css_filename);
                },
                onLoaded: function(request) {
                        loading.css = 0;
                        hide_working();
                        Logger.info('load_css.onLoaded: '+css_filename);
                }
        } ) ;
};

function reload_css() {
        Logger.error('reload_css is not yet implemented!');
        return false;
}

var working_count = 0;

function show_working() {
        working_count++;
        if (working_count > 1) Element.show('working');
        Logger.debug('show_working, count = '+working_count);
}

function hide_working() {
        working_count--;
        if (working_count < 1) Element.hide('working');
        Logger.debug('hide_working, count = '+working_count);
}

function init_page() {

        show_working();

        edit_template();

        // load css editor
        load_css();

        // load template editor and record
        switch_template(template_filename);

        hide_working();

}

1	dpavlin	134	/*
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 update_status(text) {
12			var el = $('div_record_nr');
13			if (el) el.innerHTML = text;
14			}
15
16			function load_rec(nr) {
17			Logger.debug('load_rec '+nr);
18	dpavlin	165
19			if (loading.record) {
20			Logger.info('loading of record '+nr+' skipped, load in progress');
21			return;
22			}
23
24	dpavlin	170	show_working();
25			$('record_nr').disabled = 'true';
26
27	dpavlin	134	if (nr == 1) {
28	dpavlin	166	Element.addClassName('a_left_arr', 'nav_disable');
29	dpavlin	134	} else {
30	dpavlin	166	Element.removeClassName('a_left_arr', 'nav_disable');
31	dpavlin	134	}
32	dpavlin	165
33			var args = '?mfn='+nr+'&template_filename='+template_filename;
34
35			new Ajax.Updater( 'div_record', url+'record'+args, {
36			asynchronous: 1,
37			onLoading: function(request) {
38			loading.record = 1;
39			Logger.info('load_rec.onLoading: '+nr);
40			},
41			onLoaded: function(request) {
42			loading.record = 0;
43	dpavlin	170	hide_working();
44			$('record_nr').value = nr;
45			$('record_nr').disabled = '';
46			rec = nr;
47	dpavlin	165	Logger.info('load_rec.onLoaded: '+nr);
48			}
49			} ) ;
50
51	dpavlin	134	}
52
53			function inc_rec() {
54	dpavlin	170	show_working();
55	dpavlin	134	rec++;
56			load_rec(rec);
57	dpavlin	170	hide_working();
58	dpavlin	134	return false;
59			}
60
61			function dec_rec() {
62			if (rec > 1) {
63	dpavlin	170	show_working();
64	dpavlin	134	rec--;
65			load_rec(rec);
66	dpavlin	170	hide_working();
67	dpavlin	134	}
68			return false;
69			}
70
71			function reload_rec() {
72	dpavlin	170	show_working();
73	dpavlin	134	load_rec(rec);
74	dpavlin	170	hide_working();
75	dpavlin	134	return false;
76			}
77
78	dpavlin	163	var current_edit = '';
79
80	dpavlin	134	function edit_template() {
81	dpavlin	163	$('div_css').style.visibility = "hidden";
82			Element.removeClassName('a_css', 'tab_selected');
83			Element.addClassName('a_template', 'tab_selected');
84			$('div_template').style.visibility = "visible";
85			Logger.debug("switched to template editor");
86	dpavlin	164	var c = $('template_content');
87			if (c) c.focus();
88	dpavlin	134	return false;
89			}
90
91			function edit_css() {
92	dpavlin	163	$('div_template').style.visibility = "hidden";
93			Element.removeClassName('a_template', 'tab_selected');
94			Element.addClassName('a_css', 'tab_selected');
95			$('div_css').style.visibility = "visible";
96			Logger.debug("switched to CSS editor");
97	dpavlin	164	var c = $('css_content');
98			if (c) c.focus();
99	dpavlin	134	return false;
100			}
101
102	dpavlin	168	function switch_template(new_template_filename) {
103	dpavlin	134
104	dpavlin	168	Logger.info('switch_template to '+new_template_filename);
105	dpavlin	170	show_working();
106	dpavlin	168
107	dpavlin	134	Logger.debug('load template editor');
108	dpavlin	168	template_filename = new_template_filename;
109			load_template(new_template_filename);
110	dpavlin	134
111			Logger.debug('refresh record');
112			load_rec(rec);
113	dpavlin	168
114	dpavlin	170	hide_working();
115
116	dpavlin	168	return false;
117	dpavlin	134	}
118
119			var loading = {
120			template: 0,
121			css: 0,
122	dpavlin	169	record: 0
123			};
124	dpavlin	134
125	dpavlin	167	function load_template( template_filename ) {
126	dpavlin	134
127			if (loading.template) {
128	dpavlin	167	Logger.info('loading of template '+template_filename+' skipped, load in progress');
129	dpavlin	134	return;
130			}
131
132	dpavlin	165	var args = '?template_filename='+template_filename;
133
134			new Ajax.Updater( 'div_template', url+'template'+args, {
135	dpavlin	134	asynchronous: 1,
136			onLoading: function(request) {
137			loading.template = 1;
138	dpavlin	170	show_working();
139	dpavlin	167	Logger.info('load_template.onLoading: '+template_filename);
140	dpavlin	134	},
141			onLoaded: function(request) {
142			loading.template = 0;
143	dpavlin	163	Position.clone('div_template', 'div_css');
144	dpavlin	170	hide_working();
145	dpavlin	167	Logger.info('load_template.onLoaded: '+template_filename);
146	dpavlin	134	}
147			} ) ;
148			}
149
150	dpavlin	167	function load_css(css_filename) {
151	dpavlin	134
152			if (loading.css) {
153	dpavlin	167	Logger.info('loading of css '+css_filename+' skipped, load in progress');
154	dpavlin	134	return;
155			}
156
157			new Ajax.Updater( 'div_css', url+'css', {
158			asynchronous: 1,
159			onLoading: function(request) {
160			loading.css = 1;
161	dpavlin	170	show_working();
162	dpavlin	167	Logger.info('load_css.onLoading: '+css_filename);
163	dpavlin	134	},
164			onLoaded: function(request) {
165			loading.css = 0;
166	dpavlin	170	hide_working();
167	dpavlin	167	Logger.info('load_css.onLoaded: '+css_filename);
168	dpavlin	134	}
169			} ) ;
170			};
171
172	dpavlin	170	function reload_css() {
173			Logger.error('reload_css is not yet implemented!');
174			return false;
175			}
176
177			var working_count = 0;
178
179			function show_working() {
180			working_count++;
181			if (working_count > 1) Element.show('working');
182			Logger.debug('show_working, count = '+working_count);
183			}
184
185			function hide_working() {
186			working_count--;
187			if (working_count < 1) Element.hide('working');
188			Logger.debug('hide_working, count = '+working_count);
189			}
190
191	dpavlin	134	function init_page() {
192
193	dpavlin	170	show_working();
194	dpavlin	134
195	dpavlin	164	edit_template();
196
197	dpavlin	134	// load css editor
198			load_css();
199
200			// load template editor and record
201			switch_template(template_filename);
202
203	dpavlin	170	hide_working();
204
205	dpavlin	134	}
206