root/editor/editor.js

/*
        Webpacus template editor
*/

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

var css_rnd = 0;

function iwfRequest( url, div ) {
        Logger.info('iwfRequest('+url+','+div+')');
        return;
}

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;
        }

        if (nr == 1) {
                Element.hide('a_left_arr');
        } else {
                Element.show('a_left_arr');
        }

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

        new Ajax.Updater( 'div_record',  url+'record'+args, {
                asynchronous: 1,
                onLoading: function(request) {
                        loading.record = 1;
                        update_status(nr+'...');
                        Logger.info('load_rec.onLoading: '+nr);
                },
                onLoaded: function(request) {
                        loading.record = 0;
                        update_status('# '+nr);
                        Logger.info('load_rec.onLoaded: '+nr);
                }
        } ) ;

}

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

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

function reload_rec() {
        load_rec(rec);
        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(template_name) {

        Logger.info('switch_template to '+template_name);
        new Effect.Opacity('div_template', { from: 1.0, to: 0.7, duration: 0.3 });
        Logger.debug('load template editor');
        load_template(template_name);

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

        Logger.debug('refresh template list');
        iwfRequest( url+'/template_list/?template='+template_filename, 'div_template_list' );
}

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

function load_template( template ) {

        if (loading.template) {
                Logger.info('loading of template '+name+' 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;
                        Logger.info('load_template.onLoading: '+template);
                },
                onLoaded: function(request) {
                        loading.template = 0;
                        Position.clone('div_template', 'div_css');
                        Logger.info('load_template.onLoaded: '+template);
                }
        } ) ;
}

function load_css(css_file) {

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

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

function init_page() {

//      Element.hide('div_css');
//      Element.show('div_template');

//      Position.clone('div_template', 'div_css');

        edit_template();

        // load css editor
        load_css();

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

}

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 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	dpavlin	165
24			if (loading.record) {
25			Logger.info('loading of record '+nr+' skipped, load in progress');
26			return;
27			}
28
29	dpavlin	134	if (nr == 1) {
30			Element.hide('a_left_arr');
31			} else {
32			Element.show('a_left_arr');
33			}
34	dpavlin	165
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	dpavlin	134	}
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	dpavlin	163	var current_edit = '';
73
74	dpavlin	134	function edit_template() {
75	dpavlin	163	$('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	dpavlin	164	var c = $('template_content');
81			if (c) c.focus();
82	dpavlin	134	return false;
83			}
84
85			function edit_css() {
86	dpavlin	163	$('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	dpavlin	164	var c = $('css_content');
92			if (c) c.focus();
93	dpavlin	134	return false;
94			}
95
96			function switch_template(template_name) {
97
98			Logger.info('switch_template to '+template_name);
99	dpavlin	137	new Effect.Opacity('div_template', { from: 1.0, to: 0.7, duration: 0.3 });
100	dpavlin	134	Logger.debug('load template editor');
101			load_template(template_name);
102
103			Logger.debug('refresh record');
104			load_rec(rec);
105
106			Logger.debug('refresh template list');
107			iwfRequest( url+'/template_list/?template='+template_filename, 'div_template_list' );
108			}
109
110			var loading = {
111			template: 0,
112			css: 0,
113	dpavlin	165	record: 0,
114	dpavlin	134	}
115
116			function load_template( template ) {
117
118			if (loading.template) {
119			Logger.info('loading of template '+name+' skipped, load in progress');
120			return;
121			}
122
123	dpavlin	165	var args = '?template_filename='+template_filename;
124
125			new Ajax.Updater( 'div_template', url+'template'+args, {
126	dpavlin	134	asynchronous: 1,
127			onLoading: function(request) {
128			loading.template = 1;
129	dpavlin	163	Logger.info('load_template.onLoading: '+template);
130	dpavlin	134	},
131			onLoaded: function(request) {
132			loading.template = 0;
133	dpavlin	163	Position.clone('div_template', 'div_css');
134			Logger.info('load_template.onLoaded: '+template);
135	dpavlin	134	}
136			} ) ;
137			}
138
139			function load_css(css_file) {
140
141			if (loading.css) {
142			Logger.info('loading of css '+name+' skipped, load in progress');
143			return;
144			}
145
146			new Ajax.Updater( 'div_css', url+'css', {
147			asynchronous: 1,
148			onLoading: function(request) {
149			loading.css = 1;
150	dpavlin	163	Logger.info('load_css.onLoading: '+css_file);
151	dpavlin	134	},
152			onLoaded: function(request) {
153			loading.css = 0;
154	dpavlin	163	Logger.info('load_css.onLoaded: '+css_file);
155	dpavlin	134	}
156			} ) ;
157			};
158
159			function init_page() {
160
161			// Element.hide('div_css');
162			// Element.show('div_template');
163
164	dpavlin	163	// Position.clone('div_template', 'div_css');
165	dpavlin	134
166	dpavlin	164	edit_template();
167
168	dpavlin	134	// load css editor
169			load_css();
170
171			// load template editor and record
172			switch_template(template_filename);
173
174			}
175