From 94747382175f8db50d6efa5a1e3bb4565d2d05c2 Mon Sep 17 00:00:00 2001
From: hyung-hwan <hyunghwan.chung@gmail.com>
Date: Thu, 5 Feb 2015 07:54:44 +0000
Subject: [PATCH] changed the wiki show view to display page information more
 dynamically

---
 codepot/src/codepot/views/wiki_show.php | 102 +++++++++++++++++-------
 codepot/src/css/wiki.css                |  29 +++++++
 2 files changed, 100 insertions(+), 31 deletions(-)

diff --git a/codepot/src/codepot/views/wiki_show.php b/codepot/src/codepot/views/wiki_show.php
index 083a971a..ed04a3fd 100644
--- a/codepot/src/codepot/views/wiki_show.php
+++ b/codepot/src/codepot/views/wiki_show.php
@@ -15,6 +15,10 @@
 <script type="text/javascript" src="<?=base_url_make('/js/prettify/lang-sql.js')?>"></script>
 <script type="text/javascript" src="<?=base_url_make('/js/prettify/lang-vb.js')?>"></script>
 
+<script type="text/javascript" src="<?=base_url_make('/js/jquery.min.js')?>"></script>
+<script type="text/javascript" src="<?=base_url_make('/js/jquery-ui.min.js')?>"></script>
+<link type="text/css" rel="stylesheet" href="<?=base_url_make('/css/jquery-ui.css')?>" />
+
 <title><?=htmlspecialchars($wiki->name)?></title>
 </head>
 
@@ -23,6 +27,30 @@ $hexname = $this->converter->AsciiToHex ($wiki->name);
 ?>
 
 <script type="text/javascript">
+$(function () {
+	if ($("#wiki_show_mainarea_result_info").is(":visible"))
+		btn_label = "<?=$this->lang->line('Hide details')?>";
+	else
+		btn_label = "<?=$this->lang->line('Show details')?>";
+	
+
+	btn = $("#wiki_show_mainarea_details_button").button({"label": btn_label}).click (function () {
+		
+		if ($("#wiki_show_mainarea_result_info").is(":visible"))
+		{
+			$("#wiki_show_mainarea_result_info").hide("blind",{},200);
+			$("#wiki_show_mainarea_details_button").button(
+				"option", "label", "<?=$this->lang->line('Show details')?>");
+		}
+		else
+		{
+			$("#wiki_show_mainarea_result_info").show("blind",{},200);
+			$("#wiki_show_mainarea_details_button").button(
+				"option", "label", "<?=$this->lang->line('Hide details')?>");
+		}
+	});
+});
+
 function render_wiki()
 {
 	creole_render_wiki (
@@ -69,47 +97,59 @@ $this->load->view (
 
 <!---------------------------------------------------------------------------->
 
-<div class="sidebar" id="wiki_show_sidebar">
-<div class="box">
-<ul>
-<li><?=$this->lang->line('Created on')?> <?= $wiki->createdon ?></li>
-<li><?=$this->lang->line('Created by')?> <?= $wiki->createdby ?></li>
-<li><?=$this->lang->line('Last updated on')?> <?= $wiki->updatedon ?></li>
-<li><?=$this->lang->line('Last updated by')?> <?= $wiki->updatedby ?></li>
-</ul>
-</div>
-
-<?php if (!empty($wiki->attachments)): ?>
-	<div class="box">
-		<div class="boxtitle"><?= $this->lang->line('WIKI_ATTACHMENTS') ?></div>
-		<ul>
-		<?php
-			foreach ($wiki->attachments as $att)
-			{
-				$hexattname = $this->converter->AsciiToHex ($att->name);
-				print '<li>';
-				print anchor (
-					"wiki/attachment/{$project->id}/{$hexname}/{$hexattname}", 
-					htmlspecialchars($att->name)
-				);
-				print '</li>';
-			}
-		?>
-		</ul>
-	</div>
-<?php endif; ?>
-
-</div>
 
 <div class="mainarea" id="wiki_show_mainarea">
+
 <div class="title"><?=htmlspecialchars($wiki->name)?></div>
 
+<div class="infostrip" id="wiki_show_mainarea_infostrip">
+	<a id="wiki_show_mainarea_details_button" href='#'><?=$this->lang->line('Details')?></a>
+</div>
+
+
+
+
+<div id="wiki_show_mainarea_result">
+
+
 <div id="wiki_show_mainarea_wiki">
 <pre id="wiki_show_mainarea_wiki_text" style="visibility: hidden">
 <?php print htmlspecialchars($wiki->text); ?>
 </pre>
 </div> <!-- wiki_show_mainarea_wiki -->
 
+
+<div id="wiki_show_mainarea_result_info"> 
+
+<ul>
+<li><?=$this->lang->line('Created on')?> <?= $wiki->createdon ?></li>
+<li><?=$this->lang->line('Created by')?> <?= $wiki->createdby ?></li>
+<li><?=$this->lang->line('Last updated on')?> <?= $wiki->updatedon ?></li>
+<li><?=$this->lang->line('Last updated by')?> <?= $wiki->updatedby ?></li>
+</ul>
+
+<?php if (!empty($wiki->attachments)): ?>
+	<div class="title"><?= $this->lang->line('WIKI_ATTACHMENTS') ?></div>
+	<ul>
+	<?php
+		foreach ($wiki->attachments as $att)
+		{
+			$hexattname = $this->converter->AsciiToHex ($att->name);
+			print '<li>';
+			print anchor (
+				"wiki/attachment/{$project->id}/{$hexname}/{$hexattname}", 
+				htmlspecialchars($att->name)
+			);
+			print '</li>';
+		}
+	?>
+	</ul>
+<?php endif; ?>
+
+</div> <!-- wiki_show_mainarea_result_info -->
+
+</div> <!-- wiki_show_mainarea_result -->
+
 </div> <!-- wiki_show_mainarea -->
 
 <!---------------------------------------------------------------------------->
diff --git a/codepot/src/css/wiki.css b/codepot/src/css/wiki.css
index 6fa45e51..9d09eb3d 100644
--- a/codepot/src/css/wiki.css
+++ b/codepot/src/css/wiki.css
@@ -1,3 +1,32 @@
+#wiki_show_mainarea_result {
+	position: relative;
+}
+
+#wiki_show_mainarea_result_info {
+	position: absolute;
+	top: 5px;
+	right: 2px;
+	width: 22em;
+	background: #E5ECF9 none repeat scroll 0 0;
+	border: #D4DBE8 1px solid;
+	overflow: auto;
+	padding: 0.2em 0.4em 0.2em 0.4em;
+	font-size: 0.9em;
+}
+
+#wiki_show_mainarea_result_info ul {
+	padding-left: 2em;
+}
+
+#wiki_show_mainarea_result_info .title {
+	background-color: #8888FF;
+	color: #FFFFFF;
+	border: #D4DBE8 1px solid;
+	margin: 0.3em 0 0.3em 0;
+	padding: 0.1em 0.1em 0.1em 0.1em;
+	font-size: inherit;
+	text-transform: uppercase;
+}
 
 /*---------------------------------------------
  * wiki edit