--- Webpacus/root/editor/editor.js	2005/11/24 22:29:39	137
+++ Webpacus/root/editor/editor.js	2005/11/27 03:16:11	174
@@ -8,11 +8,6 @@
 
 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;
@@ -20,108 +15,196 @@
 
 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.hide('a_left_arr');
+		Element.addClassName('a_left_arr', 'nav_disable');
 	} else {
-		Element.show('a_left_arr');
+		Element.removeClassName('a_left_arr', 'nav_disable');
 	}
-	update_status(nr+'...');
-	iwfRequest( url+'/xml/?template='+template_filename+'&rec='+nr, 'div_record' );
-	new Effect.Opacity('div_record', { from: 1.0, to: 0.7, duration: 0.3 });
+
+	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() {
-	Effect.Fade('div_css');
-	Effect.Appear('div_template');
+	$('div_css').style.visibility = "hidden";
+	$('div_css').style.zIndex = 1;
+	Element.removeClassName('a_css', 'tab_selected');
+	Element.addClassName('a_template', 'tab_selected');
+	$('div_template').style.visibility = "visible";
+	$('div_template').style.zIndex = 2;
+	Logger.debug("switched to template editor");
+	var c = $('template_content');
+	if (c) c.focus();
+	Logger.debug('zIndex template:'+$('div_template').style.zIndex+' css:'+$('div_css').style.zIndex);
 	return false;
 }
 
 function edit_css() {
-	Effect.Fade('div_template', 30, 1);
-	Effect.Appear('div_css', 30, 1);
+	$('div_template').style.visibility = "hidden";
+	$('div_template').style.zIndex = 1;
+	Element.removeClassName('a_template', 'tab_selected');
+	Element.addClassName('a_css', 'tab_selected');
+	$('div_css').style.visibility = "visible";
+	$('div_css').style.zIndex = 2;
+	Logger.debug("switched to CSS editor");
+	var c = $('css_content');
+	if (c) c.focus();
+	Logger.debug('zIndex template:'+$('div_template').style.zIndex+' css:'+$('div_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' );
+	hide_working();
+
+	return false;
 }
 
 var loading = {
 	template: 0,
 	css: 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;
 	}
 
-	new Ajax.Updater( 'div_template',  url+'template', {
+	show_working();
+
+	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');
+			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;
 	}
 
+	show_working();
+
 	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;
+			hide_working();
+			Logger.info('load_css.onLoaded: '+css_filename);
 		}
 	} ) ;
 };
 
+function reload_css() {
+
+	css_rnd++;
+	Logger.info('loading user.css?'+css_rnd);
+	$('user_css_link').href = 'css/user.css?'+css_rnd;
+
+	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() {
 
-//	Element.hide('div_css');
-//	Element.show('div_template');
+	show_working();
 
-	Position.clone('div_template', 'div_css');
+	edit_template();
 
 	// load css editor
 	load_css();
@@ -129,5 +212,7 @@
 	// load template editor and record
 	switch_template(template_filename);
 
+	hide_working();
+
 }