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

var loading = {
        template: 0,
        css: 0,
        record: 0,
        template_list: 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;
                        Logger.info('load_template.onLoading: '+template_filename);
                },
                onLoaded: function(request) {
                        loading.template = 0;
                        Position.clone('div_template', 'div_css');
                        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;
                        Logger.info('load_css.onLoading: '+css_filename);
                },
                onLoaded: function(request) {
                        loading.css = 0;
                        Logger.info('load_css.onLoaded: '+css_filename);
                }
        } ) ;
};

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	dpavlin	166	Element.addClassName('a_left_arr', 'nav_disable');
31	dpavlin	134	} else {
32	dpavlin	166	Element.removeClassName('a_left_arr', 'nav_disable');
33	dpavlin	134	}
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
107			var loading = {
108			template: 0,
109			css: 0,
110	dpavlin	165	record: 0,
111	dpavlin	167	template_list: 0,
112	dpavlin	134	}
113
114	dpavlin	167	function load_template( template_filename ) {
115	dpavlin	134
116			if (loading.template) {
117	dpavlin	167	Logger.info('loading of template '+template_filename+' skipped, load in progress');
118	dpavlin	134	return;
119			}
120
121	dpavlin	165	var args = '?template_filename='+template_filename;
122
123			new Ajax.Updater( 'div_template', url+'template'+args, {
124	dpavlin	134	asynchronous: 1,
125			onLoading: function(request) {
126			loading.template = 1;
127	dpavlin	167	Logger.info('load_template.onLoading: '+template_filename);
128	dpavlin	134	},
129			onLoaded: function(request) {
130			loading.template = 0;
131	dpavlin	163	Position.clone('div_template', 'div_css');
132	dpavlin	167	Logger.info('load_template.onLoaded: '+template_filename);
133	dpavlin	134	}
134			} ) ;
135			}
136
137	dpavlin	167	function load_css(css_filename) {
138	dpavlin	134
139			if (loading.css) {
140	dpavlin	167	Logger.info('loading of css '+css_filename+' skipped, load in progress');
141	dpavlin	134	return;
142			}
143
144			new Ajax.Updater( 'div_css', url+'css', {
145			asynchronous: 1,
146			onLoading: function(request) {
147			loading.css = 1;
148	dpavlin	167	Logger.info('load_css.onLoading: '+css_filename);
149	dpavlin	134	},
150			onLoaded: function(request) {
151			loading.css = 0;
152	dpavlin	167	Logger.info('load_css.onLoaded: '+css_filename);
153	dpavlin	134	}
154			} ) ;
155			};
156
157			function init_page() {
158
159			// Element.hide('div_css');
160			// Element.show('div_template');
161
162	dpavlin	163	// Position.clone('div_template', 'div_css');
163	dpavlin	134
164	dpavlin	164	edit_template();
165
166	dpavlin	134	// load css editor
167			load_css();
168
169			// load template editor and record
170			switch_template(template_filename);
171
172			}
173