From 005861b47bcd55bab09062c27dbfea7464c8ea68 Mon Sep 17 00:00:00 2001
From: Andreas Steffen <andreas.steffen@strongswan.org>
Date: Tue, 18 Dec 2007 15:41:37 +0000
Subject: [PATCH] make config view in strongSwan manager look similar to ikesa
 view

---
 src/manager/Makefile.am                       |   1 +
 src/manager/templates/config/list.cs          | 102 +++++++++++++-----
 src/manager/templates/ikesa/list.cs           |  10 +-
 .../templates/static/pipe-thin-green.png      | Bin 0 -> 372 bytes
 .../templates/static/pipe-thin-left-green.png | Bin 0 -> 449 bytes
 .../static/pipe-thin-right-green.png          | Bin 0 -> 460 bytes
 6 files changed, 83 insertions(+), 30 deletions(-)
 create mode 100644 src/manager/templates/static/pipe-thin-green.png
 create mode 100644 src/manager/templates/static/pipe-thin-left-green.png
 create mode 100644 src/manager/templates/static/pipe-thin-right-green.png

diff --git a/src/manager/Makefile.am b/src/manager/Makefile.am
index 9409a9cf9..b0a1180f0 100644
--- a/src/manager/Makefile.am
+++ b/src/manager/Makefile.am
@@ -49,6 +49,7 @@ ipsec_templates_staticdir = ${ipsec_templatesdir}/static
 ipsec_templates_static_DATA = templates/static/style.css templates/static/script.js templates/static/jquery.js \
 templates/static/pipe.png templates/static/pipe-good.png templates/static/pipe-bad.png \
 templates/static/pipe-thin.png templates/static/pipe-thin-left.png templates/static/pipe-thin-right.png \
+templates/static/pipe-thin-green.png templates/static/pipe-thin-left-green.png templates/static/pipe-thin-right-green.png \
 templates/static/gateway-left.png templates/static/client-left.png templates/static/strongswan.png \
 templates/static/router.png templates/static/gateway-right.png templates/static/client-right.png \
 templates/static/close.png templates/static/initiate.png
diff --git a/src/manager/templates/config/list.cs b/src/manager/templates/config/list.cs
index 731c9c63c..e71830d4d 100644
--- a/src/manager/templates/config/list.cs
+++ b/src/manager/templates/config/list.cs
@@ -16,36 +16,88 @@
     </div>
     <div class="expander">
       <hr/>
-      <p><?cs var:peercfg.ikecfg.local ?> - <?cs var:peercfg.ikecfg.remote ?></p>
-      <?cs each:childcfg = peercfg.childcfgs ?>
-        <div class="expand">
-          <h1><?cs name:childcfg ?>:</h1>
-          <div class="controls">
+      <table class="drawing">
+        <tr>
+          <td class="left" colspan="3">
+            <?cs var:peercfg.local ?>
+          </td>
+          <td>
+          </td>
+          <td class="right" colspan="3">
+            <?cs var:peercfg.remote ?>
+          </td>
+        </tr>
+        <tr class="images">
+          <td>
+            <?cs if:peercfg.remote != "%any" ?>
+            <img title="Local host can be the initiator" src="<?cs var:base ?>/static/client-left.png"></img>
+            <?cs else ?>
+            <img title="Local host must be the responder" src="<?cs var:base ?>/static/gateway-left.png"></img>
+            <?cs /if ?>
+          </td>
+          <td style="background-image:url(<?cs var:base ?>/static/pipe.png)">
+            <font color="#e5bf5e">0123456789abdcef</font><br/><br/><br/>
+            <?cs var:peercfg.ikecfg.local ?>
+          </td>
+          <td>
+            <img src="<?cs var:base ?>/static/pipe.png"></img>
+          </td>
+          <td>
+            <img title="IKE connection is down" src="<?cs var:base ?>/static/pipe.png"></img>
+          </td>
+          <td>
+            <img src="<?cs var:base ?>/static/pipe.png"></img>
+          </td>
+          <td class="right" style="background-image:url(<?cs var:base ?>/static/pipe.png)">
+            <font color="#e5bf5e">0123456789abcdef</font><br/><br/><br/>
+            <?cs var:peercfg.ikecfg.remote ?>
+          </td>
+          <td>
+            <?cs if:peercfg.remote == "%any" ?>
+            <img title="Remote host must be the initiator" src="<?cs var:base ?>/static/client-right.png"></img>
+            <?cs else ?>
+            <img title="Remote host can be the responder" src="<?cs var:base ?>/static/gateway-right.png"></img>
+            <?cs /if ?>
+          </td>
+        </tr>
+        <?cs each:childcfg = peercfg.childcfgs ?>
+        <tr>
+          <td colspan="6" class="expand">
+            <h1><?cs name:childcfg ?>:</h1>
+          </td>
+          <td class="controls">
             <?cs if:peercfg.remote != "%any" ?>
               <a title="initiate SA" href="<?cs var:base ?>/control/initiatechild/<?cs name:childcfg ?>">
                 <img src="<?cs var:base ?>/static/initiate.png"/>
               </a>
             <?cs /if ?>
-          </div>
-          <div class="expander">
-            <table>
-              <tr class="images">
-                <td>
-                  <?cs each:net = childcfg.local.networks ?>
-      	            <p><?cs var:net ?></p>
-                  <?cs /each ?>
-      	        </td>
-      	        <td>&lt;-&gt;</td>
-      	        <td class="right">
-                  <?cs each:net = childcfg.remote.networks ?>
-      	            <p><?cs var:net ?></p>
-                  <?cs /each ?>
-      	        </td>
-              </tr>
-            </table>
-           </div>
-         </div>
-      <?cs /each ?>
+          </td>
+        </tr>
+        <tr>
+          <td colspan="7"><hr/></td>
+        </tr>
+        <tr class="images">
+          <td colspan="2">
+            <?cs each:net = childcfg.local.networks ?>
+      	      <p><?cs var:net ?></p>
+            <?cs /each ?>
+      	  </td>
+          <td style="background-image:url(<?cs var:base ?>/static/pipe-thin-left.png)">
+            <br/><br/><br/>
+          </td>
+          <td style="background-image:url(<?cs var:base ?>/static/pipe-thin.png)">
+          </td>
+          <td class="right" style="background-image:url(<?cs var:base ?>/static/pipe-thin-right.png)">
+            <br/><br/><br/>
+          </td>
+          <td class="right" colspan="2">
+            <?cs each:net = childcfg.remote.networks ?>
+              <p><?cs var:net ?></p>
+            <?cs /each ?>
+          </td>
+        </tr>
+        <?cs /each ?>
+      </table>
     </div>
   </div>
 <?cs /each ?>
diff --git a/src/manager/templates/ikesa/list.cs b/src/manager/templates/ikesa/list.cs
index 15fe4070e..f9a8e5c68 100644
--- a/src/manager/templates/ikesa/list.cs
+++ b/src/manager/templates/ikesa/list.cs
@@ -2,7 +2,7 @@
 <?cs each:ikesa = ikesas ?>
   <div class="expand" id="ikesa-<?cs name:ikesa ?>">
   <h1>
-  	IKE #<?cs name:ikesa ?> [<?cs var:ikesa.peerconfig ?>]:
+  	<?cs var:ikesa.peerconfig ?> [IKE #<?cs name:ikesa ?>]:
   	<span><?cs var:ikesa.local.identification ?></span> &lt;-&gt; 
   	<span><?cs var:ikesa.remote.identification ?></span>
   </h1>
@@ -72,7 +72,7 @@
       <?cs each:childsa = ikesa.childsas ?>
       <tr>
       	<td colspan="6" class="expand">
-      	  <h1>IPsec #<?cs name:childsa ?> [<?cs var:childsa.childconfig ?>]:</h1>
+      	  <h1><?cs var:childsa.childconfig ?> [IPsec #<?cs name:childsa ?>]:</h1>
         </td>
       	<td class="controls">
   		  <a title="close CHILD_SA" href="<?cs var:base ?>/control/terminatechild/<?cs name:childsa ?>">  
@@ -89,12 +89,12 @@
       	    <p><?cs var:net ?></p>
           <?cs /each ?>
       	</td>
-      	<td style="background-image:url(<?cs var:base ?>/static/pipe-thin-left.png)">
+      	<td style="background-image:url(<?cs var:base ?>/static/pipe-thin-left-green.png)">
           <?cs var:childsa.local.spi ?> &lt;-<br/><br/><br/>
       	</td>
-      	<td style="background-image:url(<?cs var:base ?>/static/pipe-thin.png)">
+      	<td style="background-image:url(<?cs var:base ?>/static/pipe-thin-green.png)">
       	</td>
-      	<td class="right" style="background-image:url(<?cs var:base ?>/static/pipe-thin-right.png)">
+      	<td class="right" style="background-image:url(<?cs var:base ?>/static/pipe-thin-right-green.png)">
           -&gt; <?cs var:childsa.remote.spi ?><br/><br/><br/>
       	</td>
       	<td class="right" colspan="2">
diff --git a/src/manager/templates/static/pipe-thin-green.png b/src/manager/templates/static/pipe-thin-green.png
new file mode 100644
index 0000000000000000000000000000000000000000..df3026ec54e0c83f423cc79506c0e4b98da085b9
GIT binary patch
literal 372
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j1|$m}O$`B3jKx9jP7LeL$-D$|*pj^6T^Rm@
z;DWu&Cj&(|3p^r=85p>QL70(Y)*K0-AbW|YuPgg?9!>!vy~D!4E&zqTc)B=-RNQ)d
zV<YFG1d-N@_Op&16KrbjT^oJl_RcuBLP^Izs+<}gSFQ=JE7&La?xE@WNI5fCOI;rZ
z7l#H84gp3+B?Si-lG*#Wo?Z3!tN_cVd*$lJERAn=treZ*u+Dj_laPn(`!EkC$z>P0
zJQY5_O>9+};9nc1$hpL4eYfN!y_7onvlB`bm(DpmVRF0})OMDR1_nW*+4XnCHE&CJ
UX+7T*1N1+Gr>mdKI;Vst0Cd}GyZ`_I

literal 0
HcmV?d00001

diff --git a/src/manager/templates/static/pipe-thin-left-green.png b/src/manager/templates/static/pipe-thin-left-green.png
new file mode 100644
index 0000000000000000000000000000000000000000..b76432a94e653f471cdb0973f80cb60d7e6b4b94
GIT binary patch
literal 449
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j1|$m}O$`B3jKx9jP7LeL$-D$|*pj^6T^Rm@
z;DWu&Cj&(|3p^r=85p>QL70(Y)*K0-AbW|YuPgg?9!>!v;n~&O4gyVa^mK6yskrs_
z#!g@6K#A6i)@K;_1iBd%-7oO+PPizyG=NoB;AX;}v)?>kCa}G%QN6SHKkNEc^XD)6
zS(3!0z{KR@(7?eVz{sdXGW%EbWR<In>Wq)hagfuG*MGPE@|DuILLbeeM!`*Yblz{W
zus;9ko8r<bA)%==H66dT*REQ1>eqAYr9ELYrJj7)>V0`m+SW+*PW9}p2|2sJgvZ|c
zHX~8SxNlub(1cB|FMq9VJ8LNEb%}ZAH>Yp0ZMm~IS*avXD%)^oiFlEO-Ra|}q&DxI
vuyD_eBtM0dyEUIp+^<8j2SA?xSGd2q$@}F0Jij<#_%e99`njxgN@xNA%{7*!

literal 0
HcmV?d00001

diff --git a/src/manager/templates/static/pipe-thin-right-green.png b/src/manager/templates/static/pipe-thin-right-green.png
new file mode 100644
index 0000000000000000000000000000000000000000..f193af9ccaf726da3cc48b9a4942a6ce2446f708
GIT binary patch
literal 460
zcmeAS@N?(olHy`uVBq!ia0vp^DIm<j1|$m}O$`B3jKx9jP7LeL$-D$|*pj^6T^Rm@
z;DWu&Cj&(|3p^r=85p>QL70(Y)*K0-AbW|YuPgg?9!>#a(|}y2TA(RDo-U3d6}R5r
z*ywvWK&0*B>l3`p0hb&ODovR(<;-Cf$yVMQ4O$)(g_P7M3jdDfVs~-;-&3+r@SpPS
z_d7G?^PN9uCNe27F}XN2aBv7PGAfbG{uL`7{`L}&@k<LE^XvNjnVnXtX+29_(vJPB
zmECD&^7il9xv5&EQs)ATm@03VPF(H0<@McTMpLy?dnQTFl)TA***xWTZPc=$#}@zg
z?0Qte`10G_)T~7@`xFcHggy4(j9wb%D?IV?Os(H9Gc${COD~&td{L*)bmw>9g@txs
zZqL+`t^U79qVH$QEX%uBl;h4C%>Q$mNlC$hg{7l`K~O+}X!aBN@2m%J##J-kRQL)E
OY6eeNKbLh*2~7aQwwa*-

literal 0
HcmV?d00001