[seam-commits] Seam SVN: r8028 - in trunk/examples/seamspace/view: style and 1 other directory.

seam-commits at lists.jboss.org seam-commits at lists.jboss.org
Fri Apr 25 23:07:45 EDT 2008


Author: shane.bryzak at jboss.com
Date: 2008-04-25 23:07:45 -0400 (Fri, 25 Apr 2008)
New Revision: 8028

Added:
   trunk/examples/seamspace/view/style/security.css
   trunk/examples/seamspace/view/style/table_header.png
Modified:
   trunk/examples/seamspace/view/roledetail.xhtml
   trunk/examples/seamspace/view/rolemanager.xhtml
   trunk/examples/seamspace/view/security.xhtml
   trunk/examples/seamspace/view/style/seamspace.css
   trunk/examples/seamspace/view/template.xhtml
   trunk/examples/seamspace/view/userdetail.xhtml
   trunk/examples/seamspace/view/usermanager.xhtml
Log:
styling of identity management screens

Modified: trunk/examples/seamspace/view/roledetail.xhtml
===================================================================
--- trunk/examples/seamspace/view/roledetail.xhtml	2008-04-25 15:47:35 UTC (rev 8027)
+++ trunk/examples/seamspace/view/roledetail.xhtml	2008-04-26 03:07:45 UTC (rev 8028)
@@ -7,6 +7,10 @@
     xmlns:s="http://jboss.com/products/seam/taglib">
 
   <ui:composition template="template.xhtml">
+  
+    <ui:define name="header">
+      <link href="style/security.css" rel="stylesheet" type="text/css"/>
+    </ui:define>  
    
     <ui:define name="content">
         

Modified: trunk/examples/seamspace/view/rolemanager.xhtml
===================================================================
--- trunk/examples/seamspace/view/rolemanager.xhtml	2008-04-25 15:47:35 UTC (rev 8027)
+++ trunk/examples/seamspace/view/rolemanager.xhtml	2008-04-26 03:07:45 UTC (rev 8028)
@@ -7,6 +7,10 @@
 
   <ui:composition template="template.xhtml">
    
+    <ui:define name="header">
+      <link href="style/security.css" rel="stylesheet" type="text/css"/>
+    </ui:define>   
+   
     <ui:define name="content">
         
       <script type="text/javascript">
@@ -26,8 +30,11 @@
             id="threads"
             value="#{roles}" 
             var="role" 
-            styleClass="default"
-            columnClasses=",,enabled,action">
+            styleClass="security"
+            cellspacing="0"
+            headerClass="header"
+            rowClasses="odd,even"
+            columnClasses=",,action">
           <h:column width="auto">
             <f:facet name="header">Role</f:facet>
             #{role}

Modified: trunk/examples/seamspace/view/security.xhtml
===================================================================
--- trunk/examples/seamspace/view/security.xhtml	2008-04-25 15:47:35 UTC (rev 8027)
+++ trunk/examples/seamspace/view/security.xhtml	2008-04-26 03:07:45 UTC (rev 8028)
@@ -7,6 +7,10 @@
 
   <ui:composition template="template.xhtml">
    
+    <ui:define name="header">
+      <link href="style/security.css" rel="stylesheet" type="text/css"/>
+    </ui:define>
+   
     <ui:define name="content">
 
       <div id="contentMain">

Modified: trunk/examples/seamspace/view/style/seamspace.css
===================================================================
--- trunk/examples/seamspace/view/style/seamspace.css	2008-04-25 15:47:35 UTC (rev 8027)
+++ trunk/examples/seamspace/view/style/seamspace.css	2008-04-26 03:07:45 UTC (rev 8028)
@@ -419,6 +419,10 @@
 	font-size: 0px;
 }
 
+.divider {
+  color: #aaaaaa;
+}
+
 div.errors {
   color: #ff0000;
   font-weight: bold;
@@ -500,54 +504,6 @@
   display: block;
 }
 
-input.newuser {
-  background: url(btn_newuser.png) top left no-repeat;
-  height: 39px;
-  width: 113px;
-  margin: 4px 4px 4px 4px;
-  border: 0px;
-  cursor: pointer;  
-}
-
-input.newrole {
-  background: url(btn_newrole.png) top left no-repeat;
-  height: 39px;
-  width: 113px;
-  margin: 4px 4px 4px 4px;
-  border: 0px;
-  cursor: pointer;  
-}
-
-input.manageusers {
-  display: block;
-  background: url(manage_users.png) top left no-repeat;
-  height: 88px;
-  width: 400px;
-  padding-left: 10px;
-  font-size: 19px;
-  font-weight: bold;
-  color: #333333;
-  border: 0px;
-  cursor: pointer;
-  margin-top: 30px;
-  margin-left: 90px;
-}
-
-input.manageroles {
-  display: block;
-  background: url(manage_roles.png) top left no-repeat;
-  height: 88px;
-  width: 400px;
-  padding-left: 10px;
-  font-size: 19px;
-  font-weight: bold;
-  color: #333333;
-  border: 0px;
-  cursor: pointer;  
-  margin-top: 30px;
-  margin-left: 90px;
-}
-
 /* General form styles */
 
 div.formRow {
@@ -601,27 +557,3 @@
   float: right;
   padding: 4px 8px 16px 2px;
 }
-
-div.checkmark {
-  background: url(../images/checkmark.png) top left no-repeat;
-  width: 14px;
-  height: 15px;
-  margin-left: auto;
-  margin-right: auto;    
-}
-
-div.cross {
-  background: url(../images/cross.png) top left no-repeat;
-  width: 14px;
-  height: 15px;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-td.enabled {
-  text-align: center;
-}
-
-td.action {
-  text-align: right;
-}
\ No newline at end of file

Added: trunk/examples/seamspace/view/style/security.css
===================================================================
--- trunk/examples/seamspace/view/style/security.css	                        (rev 0)
+++ trunk/examples/seamspace/view/style/security.css	2008-04-26 03:07:45 UTC (rev 8028)
@@ -0,0 +1,117 @@
+input.newuser {
+  background: url(btn_newuser.png) top left no-repeat;
+  height: 39px;
+  width: 113px;
+  margin: 4px 4px 4px 4px;
+  border: 0px;
+  cursor: pointer;  
+}
+
+input.newrole {
+  background: url(btn_newrole.png) top left no-repeat;
+  height: 39px;
+  width: 113px;
+  margin: 4px 4px 4px 4px;
+  border: 0px;
+  cursor: pointer;  
+}
+
+input.manageusers {
+  display: block;
+  background: url(manage_users.png) top left no-repeat;
+  height: 88px;
+  width: 300px;
+  padding-left: 10px;
+  font-size: 19px;
+  font-weight: bold;
+  color: #333333;
+  border: 0px;
+  cursor: pointer;
+  margin-top: 20px;
+  margin-left: 20px;
+}
+
+input.manageroles {
+  display: block;
+  background: url(manage_roles.png) top left no-repeat;
+  height: 88px;
+  width: 300px;
+  padding-left: 10px;
+  font-size: 19px;
+  font-weight: bold;
+  color: #333333;
+  border: 0px;
+  cursor: pointer;  
+  margin-top: 20px;
+  margin-left: 20px;
+}
+
+.roles {
+  width: 120px;
+  border: 1px solid #7F9DB9;
+  background-color: #E7EDF7;
+}
+
+div.selectMany label {
+  float: none;
+}
+
+.formButton {
+  background: url(../images/bg_button.png) top left repeat-x;
+  border: 1px solid #003399;
+  font-size: small;
+  font-weight: bold;
+  color: #000000; 
+  margin-right: 8px;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+div.formButtons {
+  float: right;
+  padding: 4px 8px 16px 2px;
+}
+
+div.checkmark {
+  background: url(../images/checkmark.png) top left no-repeat;
+  width: 14px;
+  height: 15px;
+  margin-left: auto;
+  margin-right: auto;    
+}
+
+div.cross {
+  background: url(../images/cross.png) top left no-repeat;
+  width: 14px;
+  height: 15px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+table.security {
+  border: 1px solid black;
+  width: 500px;
+}
+
+th.header {
+  background: url(table_header.png) top left repeat-x;
+  color: #ffffff;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+tr.odd {
+  background-color: #ffffff;
+}
+
+tr.even {
+  background-color: #E9F5FF;
+}
+
+td.enabled {
+  text-align: center;
+}
+
+td.action {
+  text-align: right;
+}
\ No newline at end of file

Added: trunk/examples/seamspace/view/style/table_header.png
===================================================================
(Binary files differ)


Property changes on: trunk/examples/seamspace/view/style/table_header.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Modified: trunk/examples/seamspace/view/template.xhtml
===================================================================
--- trunk/examples/seamspace/view/template.xhtml	2008-04-25 15:47:35 UTC (rev 8027)
+++ trunk/examples/seamspace/view/template.xhtml	2008-04-26 03:07:45 UTC (rev 8028)
@@ -9,6 +9,7 @@
   <title>SeamSpace</title>
   <link href="style/seamspace.css" rel="stylesheet" type="text/css"/>
   <link href="style/date.css" rel="stylesheet" type="text/css"/>
+  <ui:insert name="header"/>
 </head>
 
 <body>
@@ -18,7 +19,7 @@
       <div class="headerMenu">
         <!--s:link action="" value="SignUp"/-->
         <s:fragment rendered="#{s:hasRole('admin')}">
-          <s:link view="/security.xhtml" value="Security" propagation="none"/> |
+          <s:link view="/security.xhtml" value="Security" propagation="none"/><h:outputText styleClass="divider" value=" | "/>
         </s:fragment>
         
         <s:link action="#{identity.logout}" value="Log out" rendered="#{identity.loggedIn}"/>
@@ -27,9 +28,9 @@
       <br style="clear:both"/>
       <h:form>
         <div>
-          <a href="#">SeamSpace</a>|
-          <a href="#">People</a>|
-          <a href="#">Music</a>|
+          <a href="#">SeamSpace</a><h:outputText styleClass="divider" value=" | "/>
+          <a href="#">People</a><h:outputText styleClass="divider" value=" | "/>
+          <a href="#">Music</a><h:outputText styleClass="divider" value=" | "/>
           <a href="#">Blogs</a>
         </div>
         <div id="search">
@@ -41,9 +42,9 @@
   </div>
   
   <div id="menubar">
-    <s:link view="/home.xhtml" value="Home" propagation="none"/>|
-    <s:link value="Browse" onclick="javascript:alert('This feature coming soon!');return false"/>|
-    <s:link value="Blog" onclick="javascript:alert('This feature coming soon!');return false"/>|
+    <s:link view="/home.xhtml" value="Home" propagation="none"/><h:outputText styleClass="divider" value=" | "/>
+    <s:link value="Browse" onclick="javascript:alert('This feature coming soon!');return false"/><h:outputText styleClass="divider" value=" | "/>
+    <s:link value="Blog" onclick="javascript:alert('This feature coming soon!');return false"/><h:outputText styleClass="divider" value=" | "/>
     <s:link value="Music" onclick="javascript:alert('This feature coming soon!');return false"/>
   </div>
 

Modified: trunk/examples/seamspace/view/userdetail.xhtml
===================================================================
--- trunk/examples/seamspace/view/userdetail.xhtml	2008-04-25 15:47:35 UTC (rev 8027)
+++ trunk/examples/seamspace/view/userdetail.xhtml	2008-04-26 03:07:45 UTC (rev 8028)
@@ -7,6 +7,10 @@
     xmlns:s="http://jboss.com/products/seam/taglib">
 
   <ui:composition template="template.xhtml">
+  
+    <ui:define name="header">
+      <link href="style/security.css" rel="stylesheet" type="text/css"/>
+    </ui:define>  
    
     <ui:define name="content">
         

Modified: trunk/examples/seamspace/view/usermanager.xhtml
===================================================================
--- trunk/examples/seamspace/view/usermanager.xhtml	2008-04-25 15:47:35 UTC (rev 8027)
+++ trunk/examples/seamspace/view/usermanager.xhtml	2008-04-26 03:07:45 UTC (rev 8028)
@@ -6,6 +6,10 @@
     xmlns:s="http://jboss.com/products/seam/taglib">
 
   <ui:composition template="template.xhtml">
+  
+    <ui:define name="header">
+      <link href="style/security.css" rel="stylesheet" type="text/css"/>
+    </ui:define>  
    
     <ui:define name="content">
         
@@ -26,7 +30,10 @@
             id="threads"
             value="#{users}" 
             var="user" 
-            styleClass="default"
+            styleClass="security"
+            cellspacing="0"
+            headerClass="header"
+            rowClasses="odd,even"
             columnClasses=",,enabled,action">
           <h:column width="auto">
             <f:facet name="header">




More information about the seam-commits mailing list