From 207441df6a60cff7e7f046f49c20d0427d7e4424 Mon Sep 17 00:00:00 2001
From: Dobrica Pavlinusic <dpavlin@rot13.org>
Date: Wed, 16 Nov 2005 15:33:12 +0000
Subject: [PATCH]  r8900@llin:  dpavlin | 2005-11-16 16:33:30 +0100  added CSS
 editor

git-svn-id: svn+ssh://mjesec/home/dpavlin/svn/webpac2/trunk@67 07558da8-63fa-0310-ba24-9fe276d99e06
---
 web/browse.cgi | 185 ++++++++++++++++++++++++++++++++++++++++---------
 web/user.css   |   9 +++
 2 files changed, 161 insertions(+), 33 deletions(-)
 create mode 100644 web/user.css

diff --git a/web/browse.cgi b/web/browse.cgi
index a5c0cee..f55749a 100755
--- a/web/browse.cgi
+++ b/web/browse.cgi
@@ -18,7 +18,8 @@ my $abs_path = abs_path($0);
 $abs_path =~ s#/[^/]*$#/../#;
 
 my $db_path = $abs_path . '/db/';
-my $template = 'html_ffzg.tt';
+my $template_file = 'html_ffzg.tt';
+my $css_file = 'user.css';
 
 my $iconv_utf8 = new Text::Iconv('ISO-8859-2', 'UTF-8');
 my $iconv_loc = new Text::Iconv('UTF-8', 'ISO-8859-2');
@@ -41,6 +42,37 @@ my $rec = $q->param('rec') || 1;
 
 print $q->header( -charset    => 'utf-8' );
 
+##---- some handy subs
+
+sub update_file($$) {
+	my ($path, $content) = @_;
+
+	$content = $iconv_loc->convert( $content ) || die "no content?";
+
+	sub _conv_js {
+		my $t = shift || return;
+		return $iconv_loc->convert(chr(hex($t)));
+	}
+	$content =~ s/%u([a-fA-F0-9]{4})/_conv_js($1)/gex;
+	$content =~ s/[\n\r]+$//s;
+
+	write_file($path . '.new', $content) || die "can't save ${path}.new $!";
+	rename $path . '.new', $path || die "can't rename to $path: $!";
+}
+
+sub get_file_in_html($) {
+	my ($path) = @_;
+
+	die "no path?" unless ($path);
+
+	my $content = read_file($path) || die "can't read $path: $!";
+	$content = $q->escapeHTML($iconv_utf8->convert($content));
+
+	return $content;
+}
+
+##----
+
 if ($q->path_info =~ m#xml#) {
 
 	my @ds = $db->load_ds($rec);
@@ -49,7 +81,7 @@ if ($q->path_info =~ m#xml#) {
 		print qq{<response>
 <action type='html' target='div_record' errorCode='' errorMessage='' >
 		}, $iconv_utf8->convert( $out->apply(
-			template => $template,
+			template => $template_file,
 			data => \@ds,
 		) ), qq{
 
@@ -84,31 +116,21 @@ if ($q->path_info =~ m#xml#) {
 
 } elsif ($q->path_info =~ m#template#) {
 
-		my @actions;
+		my $template_path = $out->{'include_path'} . '/' . $template_file;
 
 		if ($q->param('save_template')) {
 
-			my $tmpl = $iconv_loc->convert( $q->param('tt_template') ) || die "no template?";
-			sub _conv_js {
-				my $t = shift || return;
-				return $iconv_loc->convert(chr(hex($t)));
-			}
-			$tmpl =~ s/%u([a-fA-F0-9]{4})/_conv_js($1)/gex;
-			$tmpl =~ s/[\n\r]+$//s;
-
-			my $tmpl_file = $out->{'include_path'} . '/' . $template;
-			write_file($tmpl_file . '.new', $tmpl) || die "can't save $tmpl_file: $!";
-			rename $tmpl_file . '.new', $tmpl_file || die "can't rename to $tmpl_file: $!";
+			update_file($template_path, $q->param('tt_template'));
 
 			print qq{<response>
-<action type='html' target='div_status' errorCode='' errorMessage='' >
-<tt>$template</tt> saved
+<action type='html' target='div_template_status' errorCode='' errorMessage='' >
+<tt>$template_file</tt> saved
 </action>
 <action type='js'>
 <!--
-iwfShow('div_status', 1);
+iwfShow('div_template_status', 1);
 reload_rec();
-iwfHideGentlyDelay('div_status', 2, 2000, 1);
+iwfHideGentlyDelay('div_template_status', 2, 2000, 1);
 -->
 </action>
 </response>
@@ -117,14 +139,12 @@ iwfHideGentlyDelay('div_status', 2, 2000, 1);
 
 		}
 
-		my $tmpl = read_file($out->{'include_path'} . '/' . $template) || die "can't read template $template: $!";
-		$tmpl = $q->escapeHTML($iconv_utf8->convert($tmpl));
+		my $tmpl = get_file_in_html($template_path);
 
 		print qq{<response>
 <action type='html' target='div_template' errorCode='' errorMessage='' >
-<pre>}, Dumper($q->Vars), qq{</pre>
 
-<form name="frmEditor" action="$self" method="post" iwfTarget="div_status" >
+<form name="frmEditor" action="$self" method="post" iwfTarget="div_template_status" >
 
 <textarea name="tt_template" cols="80" rows="10" style="display: block;">
 $tmpl
@@ -135,7 +155,7 @@ $tmpl
 <!--
 <input type="checkbox" name="checkin_template" id="checkin_checkbox" label="checkin" /> checkin
 -->
-&nbsp;&nbsp;<span id="div_status" style="color: #808080;">idle</span>
+&nbsp;&nbsp;<span id="div_template_status" style="color: #808080;">idle</span>
 
 <input type='hidden' value='hidden post value' name='hidValue' />
 
@@ -143,7 +163,61 @@ $tmpl
 </action>
 <action type='js'>
 <!--
-iwfHideGentlyDelay('div_status', 2, 2000, 1);
+iwfHideGentlyDelay('div_template_status', 2, 2000, 1);
+-->
+</action>
+</response>
+		};
+
+		exit;
+
+} elsif ($q->path_info =~ m#css#) {
+
+		my $css_path = $abs_path . '/web/' . $css_file;
+
+
+		if ($q->param('save_css')) {
+			update_file($css_path, $q->param('user_css'));
+
+			print qq{<response>
+<action type='html' target='div_css_status' errorCode='' errorMessage='' >
+<tt>$css_file</tt> saved
+</action>
+<action type='js'>
+<!--
+iwfShow('div_css_status', 1);
+// switch css
+css_rnd++;
+iwfLog('loading user.css?'+css_rnd);
+iwfGetById('user_css_link').href = 'user.css?'+css_rnd;
+iwfHideGentlyDelay('div_css_status', 2, 2000, 1);
+-->
+</action>
+</response>
+			};
+			exit;
+
+		}
+
+		my $user_css = get_file_in_html($css_path);
+
+		print qq{<response>
+<action type='html' target='div_css' errorCode='' errorMessage='' >
+
+<form name="frmCSSEditor" action="$self" method="post" iwfTarget="div_css_status" >
+
+<textarea name="user_css" cols="80" rows="10" style="display: block; width: 100%;">
+$user_css
+</textarea>
+
+<br/>
+<input type="button" name="save_css" value="Save" onclick="javascript:iwfRequest(this);" />
+&nbsp;&nbsp;<span id="div_css_status" style="color: #808080;">idle</span>
+</form>
+</action>
+<action type='js'>
+<!--
+iwfLog('loaded CSS template');
 -->
 </action>
 </response>
@@ -152,19 +226,25 @@ iwfHideGentlyDelay('div_status', 2, 2000, 1);
 		exit;
 
 } else {
-	print qq{
+	print <<"_END_OF_HEAD_";
 <html>
 <head>
 <title>WebPAC simple browse interface</title>
+
+<link id="user_css_link" href="user.css" type="text/css" rel="stylesheet"> 
+
 <script type='text/javascript' src='iwf/iwfcore.js'></script>
 <script type='text/javascript' src='iwf/iwfgui.js'></script>
 <script type='text/javascript' src='iwf/iwfxml.js'></script>
 <script type='text/javascript' src='iwf/iwfajax.js'></script>
+<script type='text/javascript' src='iwf/iwconfig.js'></script>
 <script type='text/javascript'>
 
 var rec = $rec ;
 var url = '$self';
 
+var css_rnd = 0;
+
 function update_status(text) {
 	var el = iwfGetById('div_record_nr');
 	if (el) el.innerHTML = text;
@@ -200,42 +280,81 @@ function reload_rec() {
 	return false;
 }
 
+function edit_template() {
+	iwfHideGently('div_css', 30, 1);
+	iwfShowGently('div_template', 30, 1);
+	return false;
+}
+
+function edit_css() {
+	iwfHideGently('div_template', 30, 1);
+	iwfShowGently('div_css', 30, 1);
+	return false;
+}
+
 function init_page() {
+	iwfLog('div_css = ' + iwfX('div_css') + ':' + iwfY('div_css'));
+	iwfLog('div_template = ' + iwfX('div_template') + ':' + iwfY('div_template'));
+
+	iwfX('div_css', iwfX('div_template'));
+	iwfY('div_css', iwfY('div_template'));
+
+	iwfLog('div_css = ' + iwfX('div_css') + ':' + iwfY('div_css'));
+
 	load_rec(rec);
-	// load template
+
+	// load template editor
 	iwfRequest( url+'/template/', 'div_template' );
+	// load css editor
+	iwfRequest( url+'/css/', 'div_css' );
 }
 
 </script>
+
 </head>
 <body onload="init_page();">
 
-db_path = <tt>$db_path</tt><br/>
-template = <tt>$template</tt><br/>
-
-<div id="iwfLog" style="display: none;">
+<div id="iwfLog">
 </div>
 
+db_path = <tt>$db_path</tt><br/>
+template = <tt>$template_file</tt><br/>
+css = <tt>$css_file</tt>
+
 <div style="background: #e0e0e0; padding: 0.5em; display: block;">
 	<a id="a_left_arr" href="$self?rec=}, $rec - 1, qq{" onClick="return dec_rec();">&#8678;</a>
 	<span id="div_record_nr"> none </span>
 
 	<a id="a_right_arr" href="$self?rec=}, $rec + 1, qq{" onClick="return inc_rec();">&#8680;</a>
 	<a id="a_reload" href="$self?rec=}, $rec, qq{" onClick="return reload_rec();">&#8634;</a>
-	<a href="#" onClick="iwfRefreshLog(); return false;">&#9636;</a>
+	<a href="#" onClick="iwfShowLog(); return false;">&#9636;</a>
 
 </div>
 
+<div>
+
+<div style="display: block;">
+Editor
+<a id="a_template" href="#" onClick="return edit_template();">template</a>
+<a id="a_css" href="#" onClick="return edit_css();">css</a>
+
 <div id="div_template">
 <span style="color: #808080;"> no template loaded yet. </span>
 </div>
 
+<div id="div_css" style="position: absolute; display: none;">
+<span style="color: #808080;"> no CSS loaded yet. </span>
+</div>
+
+</div>
+
 <div id="div_record" style="display: block;">
 <span style="color: #808080;"> no record loaded yet. </span>
 </div>
 
 
 </body>
-</html>};
+</html>
+_END_OF_HEAD_
 
-};
+}
diff --git a/web/user.css b/web/user.css
new file mode 100644
index 0000000..ce57485
--- /dev/null
+++ b/web/user.css
@@ -0,0 +1,9 @@
+/* user CSS file */
+
+.line {
+	background-color: #ccccff;
+}
+
+.line2 {
+	background-color: #ffcccc;
+}
\ No newline at end of file
-- 
2.20.1