--- Webpacus/root/editor/editor.js	2005/11/26 20:21:54	165
+++ Webpacus/root/editor/editor.js	2005/12/03 22:25:49	207
@@ -6,170 +6,232 @@
 var url = null;
 var template_filename = null;
 
+var pending_js = null;
+
 var css_rnd = 0;
 
-function iwfRequest( url, div ) {
-	Logger.info('iwfRequest('+url+','+div+')');
-	return;
+function _ts(text) {
+	var el = $('div_template_status');
+	if (el) el.innerHTML = text;
 }
 
-function update_status(text) {
-	var el = $('div_record_nr');
+function _cs(text) {
+	var el = $('div_css_status');
 	if (el) el.innerHTML = text;
 }
 
-function load_rec(nr) {
-	Logger.debug('load_rec '+nr);
+function load_rec(nr, tmp_template_filename) {
+
+	if (! nr) {
+		Logger.error('load_rec called without nr');
+		return false;
+	}
+
+	if (! tmp_template_filename) tmp_template_filename = template_filename;
+	Logger.info('load_rec '+nr+' in '+tmp_template_filename);
 
 	if (loading.record) {
 		Logger.info('loading of record '+nr+' skipped, load in progress');
-		return;
+		return false;
 	}
 
+	show_working();
+	$('record_nr').disabled = 'true';
+
 	if (nr == 1) {
-		Element.hide('a_left_arr');
+		Element.addClassName('a_left_arr', 'nav_disable');
 	} else {
-		Element.show('a_left_arr');
+		Element.removeClassName('a_left_arr', 'nav_disable');
 	}
 
-	var args = '?mfn='+nr+'&template_filename='+template_filename;
+	var args = '?mfn='+nr+'&template_filename='+tmp_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);
+			hide_working();
+			$('record_nr').value = nr;
+			$('record_nr').disabled = '';
+			rec = nr;
 			Logger.info('load_rec.onLoaded: '+nr);
 		}
 	} ) ;
 
+	return false;
 }
 
 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.hide('row_css');
+
 	Element.removeClassName('a_css', 'tab_selected');
 	Element.addClassName('a_template', 'tab_selected');
-	$('div_template').style.visibility = "visible";
+
+	Element.show('row_template');
+
 	Logger.debug("switched to template editor");
 	var c = $('template_content');
 	if (c) c.focus();
+	Logger.debug('zIndex template:'+$('row_template').style.zIndex+' css:'+$('row_css').style.zIndex);
 	return false;
 }
 
 function edit_css() {
-	$('div_template').style.visibility = "hidden";
+
+	Element.hide('row_template');
+
 	Element.removeClassName('a_template', 'tab_selected');
 	Element.addClassName('a_css', 'tab_selected');
-	$('div_css').style.visibility = "visible";
+
+	Element.show('row_css');
+
 	Logger.debug("switched to CSS editor");
 	var c = $('css_content');
 	if (c) c.focus();
+	Logger.debug('zIndex template:'+$('row_template').style.zIndex+' css:'+$('row_css').style.zIndex);
 	return false;
 }
 
-function switch_template(template_name) {
+function switch_template(new_template_filename) {
+
+	Logger.info('switch_template to '+new_template_filename);
+	show_working();
 
-	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);
+	template_filename = new_template_filename;
+	load_template(new_template_filename);
 
 	Logger.debug('refresh record');
 	load_rec(rec);
 
-	Logger.debug('refresh template list');
-	iwfRequest( url+'/template_list/?template='+template_filename, 'div_template_list' );
+	edKill('template_content');
+
+	hide_working();
+
+	return false;
 }
 
 var loading = {
 	template: 0,
 	css: 0,
-	record: 0,
-}
+	record: 0
+};
 
-function load_template( template ) {
+function load_template( template_filename ) {
 
 	if (loading.template) {
-		Logger.info('loading of template '+name+' skipped, load in progress');
+		Logger.info('loading of template '+template_filename+' skipped, load in progress');
 		return;
 	}
 
+	show_working();
+
 	var args = '?template_filename='+template_filename;
 
-	new Ajax.Updater( 'div_template',  url+'template'+args, {
+	new Ajax.Updater( 'row_template',  url+'template'+args, {
 		asynchronous: 1,
 		onLoading: function(request) {
 			loading.template = 1;
-			Logger.info('load_template.onLoading: '+template);
+			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);
+			hide_working();
+			Logger.info('load_template.onLoaded: '+template_filename);
 		}
 	} ) ;
 }
 
-function load_css(css_file) {
+function load_css( css_filename ) {
 
 	if (loading.css) {
-		Logger.info('loading of css '+name+' skipped, load in progress');
+		Logger.info('loading of css '+css_filename+' skipped, load in progress');
 		return;
 	}
 
-	new Ajax.Updater( 'div_css',  url+'css', {
+	var css_url = url + 'css?css_filename='+css_filename;
+
+	Logger.info('load_css '+css_url);
+
+	show_working();
+
+	new Ajax.Updater( 'row_css', css_url, {
 		asynchronous: 1,
 		onLoading: function(request) {
 			loading.css = 1;
-			Logger.info('load_css.onLoading: '+css_file);
+			Logger.info('load_css.onLoading: '+css_filename);
 		},
 		onLoaded: function(request) {
 			loading.css = 0;
-			Logger.info('load_css.onLoaded: '+css_file);
+			hide_working();
+			Logger.info('load_css.onLoaded: '+css_filename);
+			reload_css( css_filename );
 		}
 	} ) ;
 };
 
-function init_page() {
+function reload_css( css_filename ) {
 
-//	Element.hide('div_css');
-//	Element.show('div_template');
+	if (! css_filename) css_filename = 'user.css';
 
-//	Position.clone('div_template', 'div_css');
+	css_rnd++;
+	var css_url = '/css/' + css_filename + '?' + css_rnd;
+	Logger.info('reload_css from '+css_url);
+	$('user_css_link').href = css_url;
 
-	edit_template();
+	return false;
+}
 
-	// load css editor
-	load_css();
+var working_count = 0;
 
-	// load template editor and record
-	switch_template(template_filename);
+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();
 
+	hide_working();
 }