Changeset 1598

Show
Ignore:
Timestamp:
10/30/07 17:20:51
Author:
johnsa
Message:

websubmit: further work on building up the UI

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/deployment/webadmin/webapp/resources/default/default/default.xsl

    r1588 r1598  
    397397        <img id="logo" 
    398398            alt="logo" 
    399             src="{$resourcesRoot}/resources/bedeworkLogo.gif" 
     399            src="{$resourcesRoot}/resources/bedeworkAdminLogo.gif" 
    400400            width="217" 
    401401            height="40" 

  • trunk/deployment/websubmit/webapp/resources/demoskins/default/default/default.css

    r1595 r1598  
    1414  background-color: white; 
    1515  color: black; 
    16   padding: 2em 2em 0em 2em; 
     16  padding: 0; 
    1717  margin: 0; 
    1818  min-width: 835px; 
    …… 
    6666} 
    6767/* Header IDs and classes */ 
    68 #bedework #headBar { 
    69   position: relative; 
    70   clear: right; 
    71   padding: 0em; 
     68 
     69#bedework #header { 
     70  color: #eee; 
     71  background-color : #333; 
    7272  margin: 0em; 
    73 } 
    74 #bedework #logo { 
    75   position: absolute; 
    76   right: 0; 
    77   bottom: -10px; 
    78   padding: 0 5px 0 0; 
    79   margin: 0; 
    80 } 
    81 #bedework #headBar h2 { 
    82   margin: 0 0 2px 0; 
    83   padding: 0; 
    84   font-size: 2em; 
    85   color: #444; 
    86   background-color: transparent; 
    87   border: none; 
    88 } 
    89 #bedework #headBar .logout { 
    90   padding-left: 0.5em; 
    91   font-size: 0.8em; 
    92 } 
    93 #bedework #headBar p { 
    94   margin: 0; 
    95   padding: 0; 
    96 } 
     73  padding: 0.5em 1em 0.5em 1em; 
     74} 
     75#bedework #header a { 
     76  color: #dde; 
     77  background-color : transparent; 
     78} 
     79#bedework #header h1 { 
     80  font-size: 1.4em; 
     81  margin: 0.5em 0.5em 0em 0em; 
     82} 
     83#bedework #header img { 
     84  float: right; 
     85  border: 0; 
     86} 
     87#bedework #messages { 
     88  background-color: #333; 
     89  color: #ff0; 
     90  font-weight: bold; 
     91  margin: 0.5em 0; 
     92} 
     93#bedework #messages p { 
     94  margin: 0; 
     95} 
     96#bedework #errors { 
     97  background-color: #333; 
     98  color: #f99; 
     99  font-weight: bold; 
     100  margin: 0.5em 0; 
     101} 
     102#bedework #errors em { 
     103  background-color: #333; 
     104  color: #ff9; 
     105} 
     106#bedework #errors p { 
     107  margin: 0; 
     108} 
     109#bedework #adminLeftColumn { 
     110  float: left; 
     111} 
     112#bedework #adminRightColumn { 
     113  float: left; 
     114  margin: 1em 0 1em 3em; 
     115} 
     116#bedework #statusBar { 
     117  margin: 0em; 
     118  padding: 0.2em 1em; 
     119  text-align: right; 
     120  color: black; 
     121  background-color: #edc; 
     122  font-size: 0.8em; 
     123} 
     124#bedework #statusBarTable td.leftCell { 
     125  color: #666; 
     126  background-color: #edc; 
     127  text-align: left; 
     128  padding: 0.2em 0em 0.2em 1em; 
     129} 
     130#bedework #statusBar span.status { 
     131  font-weight: bold; 
     132} 
     133#bedework #statusBar a:link, 
     134#bedework #statusBar a:active, 
     135#bedework #statusBar a:visited { 
     136  text-decoration : none; 
     137  color: blue; 
     138  background-color: transparent; 
     139} 
     140#bedework #statusBar a:hover { 
     141  text-decoration: none; 
     142  background-color: #ffe; 
     143  color: black; 
     144} 
     145#bedework #titleBar { 
     146  font-size: 0.7em; 
     147  font-weight: bold; 
     148  letter-spacing: 3px; 
     149  background-color: #ddd; 
     150  color: #666; 
     151  border-top: 1px solid black; 
     152  border-bottom: 2px solid black; 
     153  text-align: center; 
     154} 
     155/* MenuTabs */ 
    97156#bedework #menuTabs { 
    98   margin: 1em 0 0 0; 
     157  margin: 0.5em 0 0 0; 
    99158  padding: 0; 
    100159  border-bottom: 2px solid #999; 
    …… 
    103162  display: inline; 
    104163  list-style: none; 
    105   margin: 0 2px 0 0; 
     164  margin: 0 0 0 4px; 
    106165  padding: 0 1em; 
    107166  text-align: center; 
    …… 
    122181  margin: 0; 
    123182  padding:  2em; 
    124   border-left: 2px solid #999; 
    125   border-right: 2px solid #999; 
    126183} 
    127184#bedework .bwActionIcons { 
    …… 
    176233#bedework #eventFormTabs { 
    177234} 
    178 #bedework .instructions { 
    179   position: absolute; 
    180   right: 1em; 
    181   top: 1em; 
     235#bedework #instructions { 
    182236  padding: 0.5em; 
    183   margin: 0; 
     237  margin: 0 0 1em 0; 
    184238  border: 1px solid #ccc; 
    185239  background-color: #ffe; 
    186   width: 300px; 
    187   font-size: 0.9em; 
    188   text-align: right; 
     240  font-size: 0.9em; 
    189241} 
    190242#bedework ul.submenu { 
    …… 
    229281  margin: 0; 
    230282  padding: 1em; 
    231   border-left: 1px solid #ccc; 
    232   border-right: 1px solid #ccc; 
    233   border-bottom: 1px solid #ccc; 
     283  border: 1px solid #ccc; 
    234284} 
    235285#bedework #standardForm { 
    …… 
    14671517  background-color: #eee; 
    14681518  border-bottom: 2px solid #999; 
    1469   border-left: 2px solid #999; 
    1470   border-right: 2px solid #999; 
    14711519  white-space: nowrap; 
    14721520} 
    …… 
    14761524  text-decoration: underline; 
    14771525} 
    1478 #bedework #skinSelectorTable { 
    1479   width: 100%; 
    1480   padding-top: 0.5em; 
     1526#bedework #subfoot { 
     1527  padding: 0.5em 1em; 
    14811528  font-size: 0.7em; 
    14821529  color: #333; 
    14831530  background-color: inherit; 
    14841531} 
    1485 #bedework #skinSelectorTable td { 
    1486   vertical-align: top; 
    1487 } 
    1488 #bedework #skinSelectorTable td.rightCell { 
    1489   text-align: right; 
    1490 } 
    1491 #bedework #skinSelectorTable td.leftCell { 
    1492   text-align: left; 
     1532#bedework #subfoot a { 
    14931533  color: #999; 
    14941534  background-color: inherit; 
    1495 } 
    1496 #bedework #skinSelectorTable td.leftCell  a { 
    1497   color: #999; 
    1498   background-color: inherit; 
    1499 } 
    1500 #bedework #skinSelectorTable td.rightCell form { 
    1501   display: inline; 
    1502   margin: 0em; 
    1503   padding: 0em; 
    1504 } 
    1505 #bedework #skinSelectorTable td.rightCell select { 
    1506   font-size: 0.9em; 
    1507   color: #333; 
    1508   background-color: #eee; 
    15091535} 
    15101536/*   LINKS    */ 

  • trunk/deployment/websubmit/webapp/resources/demoskins/default/default/default.xsl

    r1595 r1598  
    101101      <body> 
    102102        <div id="bedework"><!-- main wrapper div --> 
    103           <xsl:call-template name="headBar"/> 
    104           <xsl:call-template name="messagesAndErrors"/> 
     103          <xsl:call-template name="header"/> 
    105104          <xsl:call-template name="menuTabs"/> 
    106105          <div id="bodyContent"> 
    …… 
    142141    <script type="text/javascript" src="/bedework-common/javascript/dojo/dojo.js">&#160;</script> 
    143142    <script type="text/javascript" src="{$resourcesRoot}/resources/bedeworkEventForm.js">&#160;</script> 
    144     <script type="text/javascript" src="{$resourcesRoot}/resources/bedeworkAccess.js">&#160;</script> 
     143    <!-- <script type="text/javascript" src="{$resourcesRoot}/resources/bedeworkAccess.js">&#160;</script> --> 
    145144    <xsl:if test="$portalFriendly = 'true'"> 
    146145      <script type="text/javascript" src="{$resourcesRoot}/resources/dynCalendarWidget.js">&#160;</script> 
    …… 
    160159 
    161160  <!--==== HEADER TEMPLATES and NAVIGATION  ====--> 
     161 
     162  <xsl:template name="header"> 
     163    <div id="header"> 
     164      <a href="/bedework/"> 
     165        <img id="logo" 
     166            alt="logo" 
     167            src="{$resourcesRoot}/resources/bedeworkAdminLogo.gif" 
     168            width="217" 
     169            height="40" 
     170            border="0"/> 
     171      </a> 
     172      <!-- set the page heading: --> 
     173      <h1> 
     174        Bedework Public Event Submission 
     175      </h1> 
     176 
     177      <xsl:call-template name="messagesAndErrors"/> 
     178 
     179    </div> 
     180    <div id="statusBar"> 
     181      logged in as 
     182          <xsl:text> </xsl:text> 
     183          <strong><xsl:value-of select="/bedework/userid"/></strong> 
     184          <xsl:text> </xsl:text> 
     185          <span class="logout"><a href="{$setup}&amp;logout=true">logout</a></span> 
     186    </div> 
     187    <div id="titleBar"> 
     188      CALENDAR of EVENTS 
     189    </div> 
     190  </xsl:template> 
    162191 
    163192  <xsl:template name="messagesAndErrors"> 
    …… 
    176205      </ul> 
    177206    </xsl:if> 
    178   </xsl:template> 
    179  
    180   <xsl:template name="headBar"> 
    181     <div id="headBar"> 
    182       <a href="/bedework/" id="logo"> 
    183         <img src="{$resourcesRoot}/resources/bedeworkLogo.gif" width="292" height="75" border="0" alt="Bedework"/> 
    184       </a> 
    185       <div id="title"> 
    186         <h2>Public Event Submission</h2> 
    187         <p> 
    188           logged in as 
    189           <xsl:text> </xsl:text> 
    190           <strong><xsl:value-of select="/bedework/userid"/></strong> 
    191           <xsl:text> </xsl:text> 
    192           <span class="logout"><a href="{$setup}&amp;logout=true">logout</a></span> 
    193         </p> 
    194       </div> 
    195     </div> 
    196207  </xsl:template> 
    197208 
    …… 
    227238  <xsl:template match="formElements" mode="addEvent"> 
    228239    <form name="eventForm" method="post" action="{$addEvent}" id="standardForm" onsubmit="setEventFields(this)"> 
    229       <h2> 
    230         Add Event 
    231       </h2> 
    232240      <xsl:apply-templates select="." mode="eventForm"/> 
    233241    </form> 
    …… 
    237245  <xsl:template match="formElements" mode="editEvent"> 
    238246    <form name="eventForm" method="post" action="{$updateEvent}" id="standardForm" onsubmit="setEventFields(this)"> 
    239       <h2> 
    240         Edit Event 
    241       </h2> 
    242247      <xsl:apply-templates select="." mode="eventForm"/> 
    243248    </form> 
    …… 
    312317 
    313318      <!-- event form submenu --> 
     319      <!-- 
    314320      <ul id="eventFormTabs" class="submenu"> 
    315321        <li class="selected"> 
    …… 
    334340        </li> 
    335341      </ul> 
     342    --> 
     343 
     344    <div id="instructions"> 
     345      <div id="bwHelp-Details"> 
     346        <strong>Step 1:</strong> Enter your basic event information. 
     347        <a href="javascript:show('bwEventTab-Location','bwHelp-Location'); hide('bwEventTab-Details','bwHelp-Details');"> 
     348          next&gt; 
     349        </a> 
     350      </div> 
     351      <div id="bwHelp-Location" class="invisible"> 
     352        <strong>Step 2:</strong> Enter your location. 
     353        <a href="javascript:show('bwEventTab-Details','bwHelp-Details'); hide('bwEventTab-Location','bwHelp-Location');"> 
     354          &lt;prev 
     355        </a> 
     356        <a href="javascript:show('bwEventTab-Contact','bwHelp-Contact'); hide('bwEventTab-Location','bwHelp-Location');"> 
     357          next&gt; 
     358        </a> 
     359      </div> 
     360      <div id="bwHelp-Contact" class="invisible"> 
     361          <strong>Step 3:</strong> Select an event contact. 
     362          <a href="javascript:show('bwEventTab-Location','bwHelp-Location'); hide('bwHelp-Contact','bwEventTab-Contact');"> 
     363            &lt;prev 
     364          </a> 
     365          <a href="javascript:show('bwEventTab-Categories','bwHelp-Categories'); hide('bwHelp-Contact','bwEventTab-Contact');"> 
     366            next&gt; 
     367          </a> 
     368        </div> 
     369      <div id="bwHelp-Categories" class="invisible"> 
     370        <strong>Step 4:</strong> Select categories. 
     371        <a href="javascript:show('bwEventTab-Contact','bwHelp-Contact'); hide('bwHelp-Categories','bwEventTab-Categories');"> 
     372          &lt;prev 
     373        </a> 
     374        <div class="eventSubmitButtons"> 
     375          <input name="submit" type="submit" value="submit for approval"/> 
     376          <input name="cancelled" type="submit" value="cancel"/> 
     377        </div> 
     378      </div> 
     379    </div> 
    336380 
    337381    <div id="eventFormContent"> 
    …… 
    340384      <!-- this tab is visible by default --> 
    341385      <div id="bwEventTab-Details"> 
    342         <div class="instructions"> 
    343           <strong>Step 1:</strong> Enter your basic event information.<br/> 
    344           <a href="javascript:setTab('eventFormTabs',1); show('bwEventTab-Location'); hide('bwEventTab-Details','bwEventTab-Categories','bwEventTab-Contact');"> 
    345             next&gt; 
    346           </a> 
    347         </div> 
    348386        <!--  For now, hard code the path to the submissions calendar --> 
    349387        <input type="hidden" name="newCalPath" value="/public/unbrowsable/submissions/submissions"/> 
    …… 
    780818      <!-- ============== --> 
    781819      <div id="bwEventTab-Location" class="invisible"> 
    782         <div class="instructions"> 
    783           <strong>Step 2:</strong> Enter your location.<br/> 
    784           <a href="javascript:setTab('eventFormTabs',0); show('bwEventTab-Details'); hide('bwEventTab-Location','bwEventTab-Categories','bwEventTab-Contact');"> 
    785             &lt;prev 
    786           </a> 
    787           <a href="javascript:setTab('eventFormTabs',2); show('bwEventTab-Contact'); hide('bwEventTab-Details','bwEventTab-Location','bwEventTab-Categories');"> 
    788             next&gt; 
    789           </a> 
    790         </div> 
    791820        <span class="std-text">Choose: </span> 
    792821        <span id="eventFormLocationList"> 
    …… 
    801830      <!-- ============== --> 
    802831      <div id="bwEventTab-Contact" class="invisible"> 
    803         move contacts here 
     832        <p><strong>Select a contact:</strong></p> 
     833        <xsl:if test="form/contact/preferred/select/option"> 
     834          <select name="prefContactId" id="eventFormContactList"> 
     835            <option value=""> 
     836              Select preferred: 
     837            </option>option> 
     838            <xsl:copy-of select="form/contact/preferred/select/*"/> 
     839          </select> 
     840          or Contact (all): 
     841        </xsl:if> 
     842        <select name="allContactId" id="eventFormPrefContactList"> 
     843          <option value=""> 
     844            Select: 
     845          </option> 
     846          <xsl:copy-of select="form/contact/all/select/*"/> 
     847        </select> 
    804848      </div> 
    805849 
    …… 
    807851      <!-- ============== --> 
    808852      <div id="bwEventTab-Categories" class="invisible"> 
     853        <p><strong>Choose categories:</strong></p> 
    809854        <xsl:variable name="catCount" select="count(form/categories/all/category)"/> 
    810855        <xsl:choose> 
    …… 
    838883        </xsl:choose> 
    839884      </div> 
    840     </div> 
    841  
    842     <div class="eventSubmitButtons"> 
    843       <input name="submit" type="submit" value="submit for approval"/> 
    844       <input name="cancelled" type="submit" value="cancel"/> 
    845885    </div> 
    846886  </xsl:template> 
    …… 
    11401180      Demonstration calendar; place footer information here. 
    11411181    </div> 
    1142     <table id="skinSelectorTable" border="0" cellpadding="0" cellspacing="0"> 
    1143       <tr> 
    1144         <td class="leftCell"> 
    1145           <a href="http://www.bedework.org/">Bedework Website</a> | 
    1146           <a href="?noxslt=yes">show XML</a> | 
    1147           <a href="?refreshXslt=yes">refresh XSLT</a> 
    1148         </td> 
    1149         <td class="rightCell"> 
    1150           <!--<form name="skinSelectForm" method="post" action="{$setup}"> 
    1151             skin selector: 
    1152             <select name="skinNameSticky" onchange="submit()"> 
    1153               <option>select a skin</option> 
    1154               <option value="default">Demo Calendar</option> 
    1155               <option value="rensselaer">Rensselaer</option> 
    1156               <option value="washington">Washington</option> 
    1157             </select> 
    1158           </form>--> 
    1159         </td> 
    1160       </tr> 
    1161     </table> 
     1182    <div id="subfoot"> 
     1183      <a href="http://www.bedework.org/">Bedework Website</a> | 
     1184      <a href="?noxslt=yes">show XML</a> | 
     1185      <a href="?refreshXslt=yes">refresh XSLT</a> 
     1186    </div> 
    11621187  </xsl:template> 
    11631188</xsl:stylesheet>