Changeset 1140

Show
Ignore:
Timestamp:
12/11/06 16:37:44
Author:
johnsa
Message:

personal client: interface work on recurrence form elements

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

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

    r1139 r1140  
    644644  padding: 2px 4px; 
    645645} 
     646#recurrenceFields #recurrenceTable strong { 
     647  display: inline; 
     648} 
     649#recurrenceFields #recurrenceTable td.recurrenceFrequency { 
     650  padding-right: 1em; 
     651} 
    646652#recurrenceFields #recurrenceTable td.recurrenceRules { 
    647   padding-left: 1em; 
    648   border-left: 1px solid #eee !important; 
     653  padding: 0 0 0.5em 1em; 
     654  border-left: 1px solid #ddd; 
     655} 
     656#recurrenceFields #recurrenceTable td.recurrenceUntil { 
     657  width: 100%; 
     658  padding: 0.5em 0 0 1em; 
     659  border-top: 1px solid #ddd; 
     660  border-left: 1px solid #ddd; 
    649661} 
    650662#recurrenceFields #recurrenceTable td.recurrenceRules .rruleBlock { 
    651663  margin: 0 0 0.5em 2em; 
     664} 
     665.chkBoxListItem { 
     666  display: block; 
     667  float: left; 
     668  width: 3em; 
     669} 
     670#recurrenceFields #recurrenceTable br { 
     671  clear: both; 
    652672} 
    653673.shown { 

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

    r1139 r1140  
    22002200          <!-- Recurrence fields --> 
    22012201          <div id="recurrenceFields" class="invisible"> 
    2202             <strong>Recurs:</strong> 
    22032202            <table id="recurrenceTable" cellspacing="0"> 
    22042203              <tr> 
    2205                 <td class="recurrenceFrequency"> 
    2206                   <input type="radio" name="freq" value="HOURLY" onclick="showRecurrence(this.value)"/>hourly<br/> 
    2207                   <input type="radio" name="freq" value="DAILY" onclick="showRecurrence(this.value)"/>daily<br/> 
    2208                   <input type="radio" name="freq" value="WEEKLY" onclick="showRecurrence(this.value)" checked="checked"/>weekly<br/> 
    2209                   <input type="radio" name="freq" value="MONTHLY" onclick="showRecurrence(this.value)"/>monthly<br/> 
    2210                   <input type="radio" name="freq" value="YEARLY" onclick="showRecurrence(this.value)"/>yearly 
     2204                <td class="recurrenceFrequency" rowspan="2"> 
     2205                  <strong>Recurs:</strong><br/> 
     2206                  <input type="radio" name="freqFlag" value="NEVER" onclick="showRecurrence(this.value)" checked="checked"/>never<br/> 
     2207                  <!--<input type="radio" name="freqFlag" value="HOURLY" onclick="showRecurrence(this.value)"/>hourly<br/>--> 
     2208                  <input type="radio" name="freqFlag" value="DAILY" onclick="showRecurrence(this.value)"/>daily<br/> 
     2209                  <input type="radio" name="freqFlag" value="WEEKLY" onclick="showRecurrence(this.value)"/>weekly<br/> 
     2210                  <input type="radio" name="freqFlag" value="MONTHLY" onclick="showRecurrence(this.value)"/>monthly<br/> 
     2211                  <input type="radio" name="freqFlag" value="YEARLY" onclick="showRecurrence(this.value)"/>yearly 
    22112212                </td> 
    22122213                <td class="recurrenceRules"> 
    2213                   <div id="hourlyRecurrenceRules" class="invisible"> 
     2214                  <div id="neverRecurrenceRules"> 
     2215                    does not recur 
     2216                  </div> 
     2217                  <!--<div id="hourlyRecurrenceRules" class="invisible"> 
    22142218                    every <input type="text" name="hourlyInterval" size="2" value="1"/> hours 
    2215                   </div> 
     2219                  </div>--> 
    22162220                  <div id="dailyRecurrenceRules" class="invisible"> 
     2221                    <strong>Interval:</strong> 
    22172222                    every <input type="text" name="dailyInterval" size="2" value="1"/> days 
    22182223                  </div> 
    2219                   <div id="weeklyRecurrenceRules"> 
     2224                  <div id="weeklyRecurrenceRules" class="invisible"> 
     2225                    <strong>Interval:</strong> 
    22202226                    every <input type="text" name="weeklyInterval" size="2" value="1"/> week(s) on:<br/> 
    22212227                    <input type="radio" name="rrule" value="byday"/> 
    2222                     <div class="rruleBlock"> 
    2223                       <input type="checkbox" name="byday" value="SU"/>Sunday<br/> 
    2224                       <input type="checkbox" name="byday" value="MO"/>Monday<br/> 
    2225                       <input type="checkbox" name="byday" value="TU"/>Tuesday<br/> 
    2226                       <input type="checkbox" name="byday" value="WE"/>Wednesday<br/> 
    2227                       <input type="checkbox" name="byday" value="TH"/>Thursday<br/> 
    2228                       <input type="checkbox" name="byday" value="FR"/>Friday<br/> 
    2229                       <input type="checkbox" name="byday" value="SA"/>Saturday 
    2230                     </div> 
     2228                    <xsl:call-template name="byDayChkBoxList"/><br/> 
    22312229 
    22322230                    <input type="radio" name="rrule" value="weekdays"/>weekdays<br/> 
    …… 
    22342232                  </div> 
    22352233                  <div id="monthlyRecurrenceRules" class="invisible"> 
     2234                    <strong>Interval:</strong> 
    22362235                    every <input type="text" name="monthlyInterval" size="2" value="1"/> month(s) on<br/> 
    2237                     <input type="radio" name="rrule" value="bymonthday"/>day(s): 
    2238                     <input type="text" name="bymonthday"/> 
    2239                     <div class="rruleBlock"> 
    2240                       (comma separated list of days, 1-31) 
    2241                     </div> 
     2236                    <input type="radio" name="rrule" value="bymonthpos"/> 
     2237                    the 
     2238                    <select name="bymonthposPos" width="7em"> 
     2239                      <option value="first">first</option> 
     2240                      <option value="second">second</option> 
     2241                      <option value="third">third</option> 
     2242                      <option value="fourth">fourth</option> 
     2243                      <option value="last">last</option> 
     2244                    </select> 
     2245                    <select name="bymonthposDay" width="7em"> 
     2246                      <xsl:for-each select="/bedework/daynames/val"> 
     2247                        <option> 
     2248                          <xsl:attribute name="value"><xsl:value-of select="."/></xsl:attribute> 
     2249                          <xsl:value-of select="."/> 
     2250                        </option> 
     2251                      </xsl:for-each> 
     2252                    </select><br/> 
     2253                    <input type="radio" name="rrule" value="bymonthday"/>day(s):<br/> 
     2254                    <xsl:call-template name="buildCheckboxList"> 
     2255                      <xsl:with-param name="current">1</xsl:with-param> 
     2256                      <xsl:with-param name="end">31</xsl:with-param> 
     2257                      <xsl:with-param name="name">bymonthday</xsl:with-param> 
     2258                    </xsl:call-template><br/> 
     2259                    <xsl:call-template name="byDayChkBoxList"/> 
    22422260                  </div> 
    22432261                  <div id="yearlyRecurrenceRules" class="invisible"> 
     2262                    <strong>Interval:</strong> 
    22442263                    every <input type="text" name="monthlyInterval" size="2" value="1"/> years(s) on<br/> 
    22452264                    <input type="radio" name="rrule" value="byyearday"/>days of the year: 
    22462265                    <input type="text" name="byyearday"/> 
    2247                     <div class="rruleBlock"> 
    22482266                      (comma separated list of days, 1-366) 
    2249                     </div> 
    22502267                  </div> 
    22512268                </td> 
     2269              </tr> 
     2270              <tr> 
    22522271                <td class="recurrenceUntil"> 
    2253                    <input type="radio" name="rCountUntil" value="count"/> 
    2254                    Repeat <input type="text" value="1" size="2" name="count"/> times<br/> 
    2255                    <input type="radio" name="rCountUntil" value="count"/> 
    2256                    Repeat until <input type="text" value="04/23/2008" size="10" name="until"/> 
     2272                   <div id="recurrenceUntilRules" class="invisible"> 
     2273                     <strong>Repeat:</strong> 
     2274                     &#160; 
     2275                     <input type="radio" name="rCountUntil" value="count" checked="checked"/> 
     2276                     <input type="text" value="1" size="2" name="count"/> times 
     2277                     &#160; 
     2278                     <input type="radio" name="rCountUntil" value="count"/> 
     2279                     until <input type="text" value="04/23/2008" size="10" name="until"/> 
     2280                   </div> 
    22572281                </td> 
    22582282              </tr> 
    …… 
    24122436      </tr> 
    24132437    </table> 
     2438  </xsl:template> 
     2439 
     2440  <xsl:template name="byDayChkBoxList"> 
     2441    <input type="checkbox" name="byday"/> 
     2442    <xsl:attribute name="value"><xsl:value-of select="/bedework/shortdaynames/val[position()=1]"/></xsl:attribute> 
     2443    <xsl:value-of select="/bedework/shortdaynames/val[position()=1]"/> 
     2444    <input type="checkbox" name="byday"/> 
     2445    <xsl:attribute name="value"><xsl:value-of select="/bedework/shortdaynames/val[position()=2]"/></xsl:attribute> 
     2446    <xsl:value-of select="/bedework/shortdaynames/val[position()=2]"/> 
     2447    <input type="checkbox" name="byday"/> 
     2448    <xsl:attribute name="value"><xsl:value-of select="/bedework/shortdaynames/val[position()=3]"/></xsl:attribute> 
     2449    <xsl:value-of select="/bedework/shortdaynames/val[position()=3]"/> 
     2450    <input type="checkbox" name="byday"/> 
     2451    <xsl:attribute name="value"><xsl:value-of select="/bedework/shortdaynames/val[position()=4]"/></xsl:attribute> 
     2452    <xsl:value-of select="/bedework/shortdaynames/val[position()=4]"/> 
     2453    <input type="checkbox" name="byday"/> 
     2454    <xsl:attribute name="value"><xsl:value-of select="/bedework/shortdaynames/val[position()=5]"/></xsl:attribute> 
     2455    <xsl:value-of select="/bedework/shortdaynames/val[position()=5]"/> 
     2456    <input type="checkbox" name="byday"/> 
     2457    <xsl:attribute name="value"><xsl:value-of select="/bedework/shortdaynames/val[position()=6]"/></xsl:attribute> 
     2458    <xsl:value-of select="/bedework/shortdaynames/val[position()=6]"/> 
     2459    <input type="checkbox" name="byday"/> 
     2460    <xsl:attribute name="value"><xsl:value-of select="/bedework/shortdaynames/val[position()=7]"/></xsl:attribute> 
     2461    <xsl:value-of select="/bedework/shortdaynames/val[position()=7]"/> 
     2462  </xsl:template> 
     2463 
     2464  <xsl:template name="buildCheckboxList"> 
     2465    <xsl:param name="current"/> 
     2466    <xsl:param name="end"/> 
     2467    <xsl:param name="name"/> 
     2468    <xsl:param name="splitter">8</xsl:param> 
     2469    <span class="chkBoxListItem"> 
     2470      <input type="checkbox"/> 
     2471      <xsl:attribute name="name"><xsl:value-of select="$name"/></xsl:attribute> 
     2472      <xsl:attribute name="value"><xsl:value-of select="$current"/></xsl:attribute> 
     2473      <xsl:value-of select="$current"/> 
     2474    </span> 
     2475    <xsl:if test="$current mod $splitter = 0"><br/></xsl:if> 
     2476    <xsl:if test="$current &lt; $end"> 
     2477      <xsl:call-template name="buildCheckboxList"> 
     2478        <xsl:with-param name="current"><xsl:value-of select="$current + 1"/></xsl:with-param> 
     2479        <xsl:with-param name="end"><xsl:value-of select="$end"/></xsl:with-param> 
     2480        <xsl:with-param name="name"><xsl:value-of select="$name"/></xsl:with-param> 
     2481      </xsl:call-template> 
     2482    </xsl:if> 
    24142483  </xsl:template> 
    24152484 

  • trunk/deployment/webuser/webapp/resources/demoskins/resources/includes.js

    r1139 r1140  
    2020    allDayEndDateField.value = "off"; 
    2121  } 
    22 }function swapRecurrence(obj) { 
     22} 
     23function swapRecurrence(obj) { 
    2324  if (obj.checked) { 
    2425    changeClass('recurrenceFields','dateStartEndBox'); 
    …… 
    2829} 
    2930function showRecurrence(freq) { 
    30   if (freq == 'HOURLY') { 
     31 
     32  changeClass('recurrenceUntilRules','shown'); 
     33 
     34  /*if (freq == 'HOURLY') { 
    3135    changeClass('hourlyRecurrenceRules','shown'); 
    3236  } else { 
    3337    changeClass('hourlyRecurrenceRules','invisible'); 
    34   } 
     38  }*/ 
    3539  if (freq == 'DAILY') { 
    3640    changeClass('dailyRecurrenceRules','shown'); 
    …… 
    5256  } else { 
    5357    changeClass('yearlyRecurrenceRules','invisible'); 
     58  } 
     59  if (freq == 'NEVER') { 
     60    changeClass('neverRecurrenceRules','shown'); 
     61    changeClass('recurrenceUntilRules','invisible'); 
     62  } else { 
     63    changeClass('neverRecurrenceRules','invisible'); 
    5464  } 
    5565}