svn commit: r662598 - in /ofbiz/trunk/framework: common/config/CommonUiLabels.xml common/webcommon/includes/header.ftl common/widget/CommonScreens.xml images/webapp/images/maincss.css

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

svn commit: r662598 - in /ofbiz/trunk/framework: common/config/CommonUiLabels.xml common/webcommon/includes/header.ftl common/widget/CommonScreens.xml images/webapp/images/maincss.css

jleroux@apache.org
Author: jleroux
Date: Mon Jun  2 16:08:54 2008
New Revision: 662598

URL: http://svn.apache.org/viewvc?rev=662598&view=rev
Log:
A skip navigation hidden button (accessibility)

Modified:
    ofbiz/trunk/framework/common/config/CommonUiLabels.xml
    ofbiz/trunk/framework/common/webcommon/includes/header.ftl
    ofbiz/trunk/framework/common/widget/CommonScreens.xml
    ofbiz/trunk/framework/images/webapp/images/maincss.css

Modified: ofbiz/trunk/framework/common/config/CommonUiLabels.xml
URL: http://svn.apache.org/viewvc/ofbiz/trunk/framework/common/config/CommonUiLabels.xml?rev=662598&r1=662597&r2=662598&view=diff
==============================================================================
--- ofbiz/trunk/framework/common/config/CommonUiLabels.xml (original)
+++ ofbiz/trunk/framework/common/config/CommonUiLabels.xml Mon Jun  2 16:08:54 2008
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <!--
     Licensed to the Apache Software Foundation (ASF) under one
     or more contributor license agreements.  See the NOTICE file
@@ -5186,6 +5186,10 @@
         <value xml:lang="zh_CN">自从</value>
         <value xml:lang="zh">自从</value>
     </property>
+    <property key="CommonSkipNavigation">
+        <value xml:lang="en">Skip navigation</value>
+        <value xml:lang="fr">Sauter la navigation</value>
+    </property>    
     <property key="CommonSmall">
         <value xml:lang="ar">صغير</value>
         <value xml:lang="de">Klein</value>

Modified: ofbiz/trunk/framework/common/webcommon/includes/header.ftl
URL: http://svn.apache.org/viewvc/ofbiz/trunk/framework/common/webcommon/includes/header.ftl?rev=662598&r1=662597&r2=662598&view=diff
==============================================================================
--- ofbiz/trunk/framework/common/webcommon/includes/header.ftl (original)
+++ ofbiz/trunk/framework/common/webcommon/includes/header.ftl Mon Jun  2 16:08:54 2008
@@ -62,6 +62,11 @@
 </head>
 
 <body>
+  <div class="hide">
+    <a ref="#column-container" title="${uiLabelMap.CommonSkipNavigation}" accesskey="2">
+      ${uiLabelMap.CommonSkipNavigation}
+    </a>
+  </div
   <div id="masthead">
     <ul>
       <#if layoutSettings.headerImageUrl?exists>

Modified: ofbiz/trunk/framework/common/widget/CommonScreens.xml
URL: http://svn.apache.org/viewvc/ofbiz/trunk/framework/common/widget/CommonScreens.xml?rev=662598&r1=662597&r2=662598&view=diff
==============================================================================
--- ofbiz/trunk/framework/common/widget/CommonScreens.xml (original)
+++ ofbiz/trunk/framework/common/widget/CommonScreens.xml Mon Jun  2 16:08:54 2008
@@ -118,10 +118,10 @@
                 <set field="layoutSettings.rtlStyleSheets[+0]" value="/images/mainrtl.css" global="true"/>
                 <!-- The default (global) java scripts -->
                 <!-- NOTE: this should be included on each screen that uses it to avoid including it in all screens: <set field="layoutSettings.javaScripts[]" value="/images/dojo/dojo.js" global="true"/> -->
-                <set field="layoutSettings.javaScripts[]" value="/images/calendar1.js" global="true"/>
                 <set field="layoutSettings.javaScripts[]" value="/images/selectall.js" global="true"/>
                 <set field="layoutSettings.javaScripts[]" value="/images/fieldlookup.js" global="true"/>
                 <set field="layoutSettings.javaScripts[]" value="/images/prototypejs/prototype.js" global="true"/>
+                <set field="layoutSettings.javaScripts[]" value="/images/calendar_date_select.js" global="true"/>
                 <!-- The default (global) shortcut icon -->
                 <set field="layoutSettings.shortcutIcon" value="/images/ofbiz.ico" global="true"/>
                 <!-- The default (global) logo -->
@@ -148,8 +148,10 @@
                 </section>
                 <platform-specific><html><html-template location="component://common/webcommon/includes/messages.ftl"/></html></platform-specific>
                 <container style="contentarea">
+                    <!-- may be used by sight disabled persons to skip diretly to content area-->
                     <decorator-section-include name="pre-body"/>
-                    <container id="column-container">
+                    <!-- Please don't change the column-container id : it's referenced to allow skipping navigation-->
+                    <container id="column-container">
                         <!-- by default will render left-bar only if leftbarScreen value not empty -->
                         <include-screen name="${leftbarScreenName}" location="${leftbarScreenLocation}"/>
 

Modified: ofbiz/trunk/framework/images/webapp/images/maincss.css
URL: http://svn.apache.org/viewvc/ofbiz/trunk/framework/images/webapp/images/maincss.css?rev=662598&r1=662597&r2=662598&view=diff
==============================================================================
--- ofbiz/trunk/framework/images/webapp/images/maincss.css (original)
+++ ofbiz/trunk/framework/images/webapp/images/maincss.css Mon Jun  2 16:08:54 2008
@@ -49,6 +49,10 @@
 
 /* ===== Basic Element Styles ===== */
 
+.hide {
+display: none;
+}
+
 a, a:visited {
 color: #000099;
 font-weight: bold;
@@ -1720,41 +1724,138 @@
 
 /* ===== Table decorator - Calendar ===== */
 
-.calendar {
-border-right: 0.1em solid #cccccc;
+.calendar_date_select {
+  color:white;
+  border:#777 1px solid;
+  display:block;
+  width:195px;
+  z-index: 1000;
+}
+/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
+iframe.ie6_blocker {
+  position: absolute;
+  z-index: 999;
 }
 
-.calendar tr td {
-border-bottom: 0.1em solid #cccccc;
-border-left: 0.1em solid #cccccc;
-vertical-align: top;
-padding: 0.5em;
+.calendar_date_select thead th {
+  font-weight:bold;
+  background-color: #000;
+  border-top:1px solid #777;
+  border-bottom:2px solid #333;
+  color: white !important;
 }
 
-.calendar .header-row td {
-background-color: #69a9d9;
-border-bottom: 0.1em solid #cccccc;
-border-left: 0.1em solid #cccccc;
-color: #ffffff;
-height: auto;
-text-align: center;
+.calendar_date_select .cds_buttons {
+  text-align:center;
+  padding:5px 0px;
+  background-color: #555;
 }
 
-.calendar tr td .add-new {
-float: right;
+.calendar_date_select .cds_footer {
+  background-color: black;
+  padding:3px;
+  font-size:12px;
+  text-align:center;
 }
 
-.calendar tr td .h1 {
-color: #000099;
-float: left;
+.calendar_date_select table {
+  margin: 0px;
+  padding: 0px;
+}
+
+
+.calendar_date_select .cds_header {
+  background-color: #ccc;
+  border-bottom: 2px solid #aaa;
+  text-align:center;
 }
 
-.calendar .current-period {
-background-color: #ffffcc;
+.calendar_date_select .cds_header span {
+  font-size:15px;
+  color: black;
+  font-weight: bold;
 }
 
-.calendar .active-period {
-background-color: #eeeeee;
+.calendar_date_select select { font-size:11px;}
+
+.calendar_date_select .cds_header a:hover {
+  color: white;
+}
+.calendar_date_select .cds_header a {
+  width:22px;
+  height:20px;
+  text-decoration: none;
+  font-size:14px;
+  color:black !important;
+}
+
+.calendar_date_select .cds_header a.prev {
+  float:left;
+}
+.calendar_date_select .cds_header a.next {
+  float:right;
+}
+.calendar_date_select .cds_header a.close {
+  float:right;
+  display:none;
+}
+
+.calendar_date_select .cds_header select.month {
+  width:90px;
+}
+
+.calendar_date_select .cds_header select.year {
+  width:61px;
+}
+
+.calendar_date_select .cds_buttons a {
+  color: white;
+  font-size: 9px;
+}
+.calendar_date_select td {
+  font-size:12px;
+  width: 24px;
+  height: 21px;
+  text-align:center;
+  vertical-align: middle;
+  background-color: #666666;
+}
+.calendar_date_select td.weekend {
+  background-color: #606060;
+}
+
+.calendar_date_select td div {
+  color: #fff;
+}
+.calendar_date_select td div.other {
+  color: #888;
+}
+.calendar_date_select td.selected div {
+  color:black;
+}
+
+.calendar_date_select tbody td {
+  border-bottom: 1px solid #555;
+}
+.calendar_date_select td.selected {
+  background-color:white;
+}
+
+.calendar_date_select td:hover {
+  background-color:#ccc;
+}
+
+.calendar_date_select td.today {
+  border: 1px dashed #999;
+}
+
+.calendar_date_select td.disabled div {
+  color: #454545;
+}
+
+
+.fieldWithErrors .calendar_date_select {
+  border: 2px solid red;
 }
 
 /* ======================= */