From a055c63368ba074e40bfba32c15fa69d45d26ef4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20=C3=85kre=20Solberg?= <andreas.solberg@uninett.no>
Date: Thu, 12 Feb 2009 09:54:29 +0000
Subject: [PATCH] UI Improvements to SLO

git-svn-id: https://simplesamlphp.googlecode.com/svn/trunk@1260 44740490-163a-0410-bde0-09ae8108e29a
---
 templates/frontpage.php               | 168 +++++++++++++-------------
 templates/includes/footer.php         |   4 +-
 templates/logout-iframe.php           |  46 +++----
 www/resources/icons/bullet16_grey.png | Bin 0 -> 279 bytes
 www/resources/icons/checkmark48.png   | Bin 0 -> 1814 bytes
 5 files changed, 106 insertions(+), 112 deletions(-)
 create mode 100644 www/resources/icons/bullet16_grey.png
 create mode 100644 www/resources/icons/checkmark48.png

diff --git a/templates/frontpage.php b/templates/frontpage.php
index 1c3a56348..02b940213 100644
--- a/templates/frontpage.php
+++ b/templates/frontpage.php
@@ -38,69 +38,69 @@ if ($this->data['isadmin']) {
 <div id="welcome">
 
 
-<div class="enablebox mini">
-	<table>
+	<div class="enablebox mini">
+		<table>
+		
+		<?php
+		$icon_enabled  = '<img src="/' . $this->data['baseurlpath'] . 'resources/icons/accept.png" alt="enabled" />';
+		$icon_disabled = '<img src="/' . $this->data['baseurlpath'] . 'resources/icons/delete.png" alt="disabled" />';
+		?>
+		
+			<tr class="<?php echo $this->data['enablematrix']['saml20-sp'] ? 'enabled' : 'disabled'; ?>"><td>SAML 2.0 SP</td>
+				<td><?php echo $this->data['enablematrix']['saml20-sp'] ? $icon_enabled : $icon_disabled; ?></td></tr>
+				
+			<tr class="<?php echo $this->data['enablematrix']['saml20-idp'] ? 'enabled' : 'disabled'; ?>"><td>SAML 2.0 IdP</td>
+				<td><?php echo $this->data['enablematrix']['saml20-idp'] ? $icon_enabled : $icon_disabled; ?></td></tr>
+				
+			<tr class="<?php echo $this->data['enablematrix']['shib13-sp'] ? 'enabled' : 'disabled'; ?>"><td>Shib 1.3 SP</td>
+				<td><?php echo $this->data['enablematrix']['shib13-sp'] ? $icon_enabled : $icon_disabled; ?></td></tr>
+				
+			<tr class="<?php echo $this->data['enablematrix']['shib13-idp'] ? 'enabled' : 'disabled'; ?>"><td>Shib 1.3 IdP</td>
+				<td><?php echo $this->data['enablematrix']['shib13-idp'] ? $icon_enabled : $icon_disabled; ?></td></tr>
+			
+		</table>
+	</div>
 	
-	<?php
-	$icon_enabled  = '<img src="/' . $this->data['baseurlpath'] . 'resources/icons/accept.png" alt="enabled" />';
-	$icon_disabled = '<img src="/' . $this->data['baseurlpath'] . 'resources/icons/delete.png" alt="disabled" />';
-	?>
 	
-		<tr class="<?php echo $this->data['enablematrix']['saml20-sp'] ? 'enabled' : 'disabled'; ?>"><td>SAML 2.0 SP</td>
-			<td><?php echo $this->data['enablematrix']['saml20-sp'] ? $icon_enabled : $icon_disabled; ?></td></tr>
-			
-		<tr class="<?php echo $this->data['enablematrix']['saml20-idp'] ? 'enabled' : 'disabled'; ?>"><td>SAML 2.0 IdP</td>
-			<td><?php echo $this->data['enablematrix']['saml20-idp'] ? $icon_enabled : $icon_disabled; ?></td></tr>
-			
-		<tr class="<?php echo $this->data['enablematrix']['shib13-sp'] ? 'enabled' : 'disabled'; ?>"><td>Shib 1.3 SP</td>
-			<td><?php echo $this->data['enablematrix']['shib13-sp'] ? $icon_enabled : $icon_disabled; ?></td></tr>
-			
-		<tr class="<?php echo $this->data['enablematrix']['shib13-idp'] ? 'enabled' : 'disabled'; ?>"><td>Shib 1.3 IdP</td>
-			<td><?php echo $this->data['enablematrix']['shib13-idp'] ? $icon_enabled : $icon_disabled; ?></td></tr>
+	<p><?php echo $this->t('intro'); ?></p>
+	
+	
+	<h2><?php echo $this->t('useful_links_header'); ?></h2>
+		<ul>
+		<?php
 		
-	</table>
-</div>
-
-
-<p><?php echo $this->t('intro'); ?></p>
-
-
-<h2><?php echo $this->t('useful_links_header'); ?></h2>
-	<ul>
-	<?php
+			foreach ($this->data['links'] AS $link) {
+				echo '<li><a href="' . htmlspecialchars($link['href']) . '">' . $this->t($link['text']) . '</a></li>';
+			}
+		?>
+		</ul>
 	
-		foreach ($this->data['links'] AS $link) {
-			echo '<li><a href="' . htmlspecialchars($link['href']) . '">' . $this->t($link['text']) . '</a></li>';
-		}
-	?>
-	</ul>
-
-
-<h2><?php echo $this->t('doc_header'); ?></h2>
-	<ul>
-	<?php
 	
-		foreach ($this->data['links_doc'] AS $link) {
-			echo '<li><a href="' . htmlspecialchars($link['href']) . '">' . $this->t($link['text']) . '</a></li>';
-		}
-	?>
-	</ul>
-
-<h2><?php echo $this->t('about_header'); ?></h2>
-	<p><?php echo $this->t('about_text'); ?></p>
+	<h2><?php echo $this->t('doc_header'); ?></h2>
+		<ul>
+		<?php
+		
+			foreach ($this->data['links_doc'] AS $link) {
+				echo '<li><a href="' . htmlspecialchars($link['href']) . '">' . $this->t($link['text']) . '</a></li>';
+			}
+		?>
+		</ul>
+	
+	<h2><?php echo $this->t('about_header'); ?></h2>
+		<p><?php echo $this->t('about_text'); ?></p>
 
 </div> <!-- #welcome -->
 
 
 <div id="configuration">
 
-<div>
-	<code style="background: white; border: 1px solid #ccc; padding: 1em; color: #555" ><?php 
-		echo $this->data['directory'] . ' (' . $this->data['version'] . ')'; 
-	?></code>
-</div>
-
-<h2><?php echo $this->t('configuration'); ?></h2>
+	<div>
+		<code style="background: white; border: 1px solid #ccc; padding: 1em; color: #555" ><?php 
+			echo $this->data['directory'] . ' (' . $this->data['version'] . ')'; 
+		?></code>
+	</div>
+	
+	<h2><?php echo $this->t('configuration'); ?></h2>
 	<ul>
 	<?php
 	
@@ -109,42 +109,40 @@ if ($this->data['isadmin']) {
 		}
 	?>
 	</ul>
-
-
-<?php
-	if (array_key_exists('warnings', $this->data) && is_array($this->data['warnings']) && !empty($this->data['warnings'])) {
-
-		echo '<h2>' . $this->t('warnings') . '</h2>';
-
-		foreach($this->data['warnings'] AS $warning) {
-			echo '<div class="caution">' . $this->t($warning) . '</div>';
+	
+	
+	<?php
+		if (array_key_exists('warnings', $this->data) && is_array($this->data['warnings']) && !empty($this->data['warnings'])) {
+	
+			echo '<h2>' . $this->t('warnings') . '</h2>';
+	
+			foreach($this->data['warnings'] AS $warning) {
+				echo '<div class="caution">' . $this->t($warning) . '</div>';
+			}
 		}
+	?>
+	<?php 
+	if ($this->data['isadmin']) {
+	
+		echo '<h2>'. $this->t('checkphp') . '</h2>';
+		echo '<div class="enablebox"><table>';
+		
+		
+		$icon_enabled  = '<img src="/' . $this->data['baseurlpath'] . 'resources/icons/accept.png" alt="enabled" />';
+		$icon_disabled = '<img src="/' . $this->data['baseurlpath'] . 'resources/icons/delete.png" alt="disabled" />';
+		
+		
+		foreach ($this->data['funcmatrix'] AS $func) {
+			echo '<tr class="' . ($func['enabled'] ? 'enabled' : 'disabled') . '"><td>' . ($func['enabled'] ? $icon_enabled : $icon_disabled) . '</td>
+			<td>' . $this->t($func['required']) . '</td><td>' . $func['descr'] . '</td></tr>';
+		}
+		echo('</table></div>');
 	}
-?>
-<?php 
-if ($this->data['isadmin']) {
-
-	echo '<h2>'. $this->t('checkphp') . '</h2>';
-	echo '<div class="enablebox"><table>';
 	
+	?>
 	
-	$icon_enabled  = '<img src="/' . $this->data['baseurlpath'] . 'resources/icons/accept.png" alt="enabled" />';
-	$icon_disabled = '<img src="/' . $this->data['baseurlpath'] . 'resources/icons/delete.png" alt="disabled" />';
 	
 	
-	foreach ($this->data['funcmatrix'] AS $func) {
-		echo '<tr class="' . ($func['enabled'] ? 'enabled' : 'disabled') . '"><td>' . ($func['enabled'] ? $icon_enabled : $icon_disabled) . '</td>
-		<td>' . $this->t($func['required']) . '</td><td>' . $func['descr'] . '</td></tr>';
-	}
-
-}
-
-?>
-</table>
-</div>
-
-
-
 </div> <!-- #configuration -->
 
 <div id="metadata">
@@ -169,7 +167,7 @@ function mtype($set) {
 echo '<dl>';
 if (is_array($this->data['metaentries']['hosted']) && count($this->data['metaentries']['hosted']) > 0)
 foreach ($this->data['metaentries']['hosted'] AS $hm) {
-	echo '<dt>' . $this->t(mtype($hm['metadata-set'])) . '</tt></dt>';
+	echo '<dt>' . $this->t(mtype($hm['metadata-set'])) . '</dt>';
 	echo '<dd>';
 	echo '<p>Entity ID: ' . $hm['entityid'];
 	if ($hm['entityid'] !== $hm['metadata-index']) 
@@ -224,10 +222,6 @@ foreach($this->data['metaentries']['remote'] AS $setkey => $set) {
 
 
 
-		
-
-
-
 
 </div> <!-- #metadata -->
 
diff --git a/templates/includes/footer.php b/templates/includes/footer.php
index 34025c320..b851679ec 100644
--- a/templates/includes/footer.php
+++ b/templates/includes/footer.php
@@ -8,9 +8,9 @@
 		
 		<br style="clear: right" />
 	
-	</div>
+	</div><!-- #content -->
 
-</div>
+</div><!-- #wrap -->
 
 </body>
 </html>
\ No newline at end of file
diff --git a/templates/logout-iframe.php b/templates/logout-iframe.php
index 9fa46c6e2..07717ed25 100644
--- a/templates/logout-iframe.php
+++ b/templates/logout-iframe.php
@@ -16,7 +16,7 @@
 
 	$this->data['head'] .= '
 <script type="text/javascript" language="JavaScript">
-
+<!--
 
 
 $(document).ready(function() {
@@ -36,7 +36,7 @@ $(document).ready(function() {
       sendResponse();
     });
     
-    ' . ($nologoutSPs ? '$("div#incapablesps").show();' : '$("div#incapablesps").hide();') . '
+    ' . ($nologoutSPs ? '$("#incapablesps").show();' : '$("#incapablesps").hide();') . '
 
 });
 
@@ -49,7 +49,7 @@ function startslo() {
 	$("#confirmation").hide();
 	$("#hiddeniframecontainer").html("' . str_replace('"', '\"', $iframehtml) . '");
 	$("table#slostatustable tr.onhold").removeClass("onhold").addClass("inprogress");
-	$("div.completedButWarnings").show(); 
+/*	$("div.completedButWarnings").show();  */
 	setTimeout("toolong()", 16000);
 }
 
@@ -70,6 +70,7 @@ function slocompleted() {
 function sendResponse() {
 	window.location = "' .  $this->data['logoutresponse'] . '";
 }
+// -->
 </script>';
 	
 	$this->includeAtTemplateBase('includes/header.php');
@@ -107,7 +108,7 @@ function sendResponse() {
 
 	<?php
 	
-		echo('<div><img style="float: left; margin-right: 12px" src="/' . $this->data['baseurlpath'] . 'resources/icons/gn/success-l.png" alt="Successful logout" />');
+		echo('<div><img style="float: left; margin-right: 12px" src="/' . $this->data['baseurlpath'] . 'resources/icons/checkmark48.png" alt="Successful logout" />');
 		echo('<p style="padding-top: 16px; ">' . $this->t('{logout:loggedoutfrom}', array('%SP%' => '<strong>' .$requestername.'</strong>')) . '</p>');
 		echo('<p style="height: 0px; clear: left;"></p>');
 		echo('</div>');
@@ -150,14 +151,14 @@ function sendResponse() {
 			echo '	<td class="statustext">';
 			echo '		<span class="completed">' . $this->t('{logout:completed}') . '</span>' . "\n";
 #			echo '		<span class="onhold">' . $this->t('{logout:hold}') . '</span>' . "\n";
-			echo '		<span class="onhold"></span>' . "\n";
+#			echo '		<span class="onhold"></span>' . "\n";
 			echo '		<span class="inprogress">' . $this->t('{logout:progress}') . '</span>' . "\n";
 			echo '		<span class="failed">' . $this->t('{logout:failed}') . '</span>' . "\n";
 			echo '	</td>';
 
 			echo '	<td class="icons">';
 			echo '		<img class="completed"  src="/' . $this->data['baseurlpath'] . 'resources/icons/silk/accept.png" alt="Completed" />' . "\n";
-			echo '		<img class="onhold"     src="/' . $this->data['baseurlpath'] . 'resources/icons/service.png" alt="SP SLO on hold" />' . "\n";
+			echo '		<img class="onhold"     src="/' . $this->data['baseurlpath'] . 'resources/icons/bullet16_grey.png" alt="SP SLO on hold" />' . "\n";
 			echo '		<img class="inprogress" src="/' . $this->data['baseurlpath'] . 'resources/progress.gif" alt="Progress bar" />' . "\n";
 			echo '		<img class="failed"     src="/' . $this->data['baseurlpath'] . 'resources/icons/silk/exclamation.png" alt="Failed" />' . "\n";
 			echo '	</td>' . "\n";
@@ -171,7 +172,7 @@ function sendResponse() {
 // 			echo '<div class="inprogress" id="e' . sha1($spentityid) . '">
 // 				<img style="float: left; margin: 3px" src="/' . $this->data['baseurlpath'] . 'resources/progress.gif" alt="Progress bar" />Wait... is logging out from <strong>' . $spname . '</strong></div>'  . "\n";
 		}
-		echo '</table>';
+		echo '</table></div>';
 
 		$completed = ' class="allcompleted"';
 		if (count($this->data['sparray']) > 0) {
@@ -181,14 +182,26 @@ function sendResponse() {
 
 	?>
 
-	<p id="confirmation" style="margin-top: 1em" ><?php echo $this->t('{logout:logout_all_question}'); ?> <br />
+	<div id="confirmation" style="margin-top: 1em" ><?php echo $this->t('{logout:logout_all_question}'); ?> <br />
 		<input type="button" id="ok" name="ok" value="<?php echo $this->t('{logout:logout_all}'); ?>" />
 		<input type="button" id="cancel" name="cancel" value="<?php echo $this->t('{logout:logout_only}', array('%SP%' => $requestername)); ?>" />
-	</p>
+		
+
+		<p id="incapablesps" >
+			<?php echo($this->t('{logout:incapablesps}')); ?>
+		</p>
+		
+		
+	</div>
+	
+
+	
+	
 	
 	<div id="interrupt" style="margin-top: 1em; border: 1px solid #ccc; padding: 1em; background: #eaeaea" >
 		<p style="margin: 0px; padding; 0px">
 			<img src="/<?php echo($this->data['baseurlpath']); ?>resources/icons/timeout.png" 
+				alt="Timeout"
 				style="float: left; margin: 0px 5px 0px 0px"
 				/>
 			<?php echo $this->t('{logout:respond_info}'); ?> <br />
@@ -196,24 +209,11 @@ function sendResponse() {
 		</p>
 	</div>
 	
-	<div id="incapablesps" style="margin-top: 1em; border: 1px solid #ccc; padding: 1em; background: #eaeaea" >
-		<p style="margin: 0px; padding; 0px">
-			<img src="/<?php echo($this->data['baseurlpath']); ?>resources/icons/caution.png" 
-				style="float: left; margin: 0px 5px 0px 0px"
-				/>
-			One or more of the services you are logged into <i>do not support logout</i>. To ensure that all your sessions are closed, you are encouraged to <i>close your webbrowser</i>.
-		</p>
-
-		<div class="completedButWarnings">
-			<input type="button" id="returnanyway" name="ok" value="<?php echo $this->t('{logout:return}'); ?>" />
-		</div>
-
-	</div>
 
 	<div id="hiddeniframecontainer" style="margin: 0px; padding: 0px;"></div>
 
 
-</div>
+</div> <!-- requirejavascript -->
 
 <!--
 <script type="text/javascript" language="JavaScript">
diff --git a/www/resources/icons/bullet16_grey.png b/www/resources/icons/bullet16_grey.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb4cca70ea35408753772756959499fcb5f4e8e4
GIT binary patch
literal 279
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61SBU+%rFB|jKx9jP7LeL$-D$|I14-?iy0WW
zg+Z8+Vb&Z8pdfpRr>`sfO(q@=BgM3zavVS*$r9Iy66gHf+|;}h2Ir#G#FEq$h4Rdj
z3<Y;j-+=H&K5?L;7Ec$)5RLO^C+!tHpuo{;IQ?9k?wS{ot(=jq_fF~FI54G1id*0J
z#g6ZGefzIew@=>jz@V?O`qbUKXU^z6_i;JX({XXaBc8RUp>w@DJT#v!RV|Od%dlY8
zyMIhGZmxT;!MotvF6KpF64$zHF?P*lIJ1X&kqLu~$i%C<N*_fse=Xg7`0wMNa>s7k
V2>YCRPzQ7mgQu&X%Q~loCIDQqX1V|X

literal 0
HcmV?d00001

diff --git a/www/resources/icons/checkmark48.png b/www/resources/icons/checkmark48.png
new file mode 100644
index 0000000000000000000000000000000000000000..363b1dcaac0d2644e38cfd36ab9554fb4e0ea5e0
GIT binary patch
literal 1814
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
Ef`eUl_y7O^

literal 0
HcmV?d00001

-- 
GitLab