Changeset 1414

Show
Ignore:
Timestamp:
06/11/07 12:34:20
Author:
johnsa
Message:

user client: clean-up add attendees UI; this is the starting point for this user interface. Much to come.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

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

    r1408 r1414  
    933933#bedework table.widget { 
    934934  margin: 1em 1em 0 0; 
    935   float: right; 
    936   clear: right; 
     935  float: left; 
     936  clear: none; 
    937937} 
    938938#bedework table.widget th { 
    939   padding: 0 2em 0.1em 0; 
     939  padding: 2px 0 2px 4px; 
    940940  background-color: #ddd; 
    941941  color: black; 
    942   border-bottom: 1px dotted #333; 
    943   font-size: 0.9em; 
     942  border-bottom: 1px solid #ccc; 
     943  font-size: 0.9em; 
     944} 
     945#bedework table.widget tr.subHead td { 
     946  background-color: #eee; 
     947  color: black;   
    944948} 
    945949#bedework table.widget td { 
    …… 
    15721576  width: 300px; 
    15731577} 
     1578#recipientsAndAttendeesForm { 
     1579  white-space: nowrap; 
     1580} 
    15741581#freeBusyAgg { 
    15751582  clear: both; 
    1576   margin: 1em; 
     1583  /*width: 100%;*/ 
     1584  margin: 1em 0 0 0; 
     1585  padding: 1em 1em 1em 0; 
     1586  border: 1px solid #ccc; 
     1587  /*background-color: #eee;*/ 
    15771588} 
    15781589#freeBusyAgg td { 
    15791590  vertical-align: middle; 
    15801591  text-align: center; 
    1581   padding: 0; 
    1582   margin: 0; 
     1592  font-size: 0.8em; 
     1593  padding: 0; 
     1594  margin: 0; 
     1595  width: 2em; 
     1596  height: 10px; 
    15831597} 
    15841598#freeBusyAgg th.left { 
    …… 
    15961610  vertical-align: middle; 
    15971611  text-align: center; 
    1598   font-size: 0.8em; 
    15991612  font-weight: normal; 
    16001613  padding: 0; 
    …… 
    16031616#freeBusyAgg td.dayDate { 
    16041617  white-space: nowrap; 
     1618  text-align: right; 
     1619  padding: 0; 
    16051620} 
    16061621#freeBusyAgg td.free, 
    …… 
    16201635} 
    16211636#freeBusyAggKey { 
    1622   margin: 0.5em auto 0 auto; 
     1637  margin: 0.5em 0 0 0; 
    16231638} 
    16241639#freeBusyAggKey td { 
    1625   padding: 5px; 
     1640  padding: 2px 4px; 
     1641} 
     1642#freeBusyAgg a { 
     1643  display: block; 
     1644  text-decoration: none; 
     1645  width: 100%; 
    16261646} 
    16271647#freeBusyAgg td.free a { 
    16281648  color: #A3BAEA; 
    16291649  background-color: transparent; 
    1630   display: block; 
    1631   padding: 3px 3px; 
    1632   width: 10px; 
    1633   height: 10px; 
    1634   text-decoration: none; 
    16351650} 
    16361651#freeBusyAgg td.tentative a  { 
    16371652  color: #333; 
    16381653  background-color: transparent; 
    1639   display: block; 
    1640   padding: 3px 3px; 
    1641   width: 10px; 
    1642   height: 10px; 
    1643   text-decoration: none; 
    16441654} 
    16451655#freeBusyAgg td.busy a { 
    16461656  color: #333; 
    16471657  background-color: transparent; 
    1648   display: block; 
    1649   padding: 3px 3px; 
    1650   width: 10px; 
    1651   height: 10px; 
    1652   text-decoration: none; 
    16531658} 
    16541659#freeBusyAgg td.busy a:hover, 

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

    r1408 r1414  
    33003300    </h2> 
    33013301 
    3302     <xsl:if test="/bedework/attendees/attendee"> 
    3303       <table id="attendees" class="widget" cellspacing="0"> 
    3304         <tr> 
    3305           <th colspan="4">Attendees</th> 
    3306         </tr> 
    3307         <!--<tr> 
    3308           <td>attendee</td> 
    3309           <td>role</td> 
    3310           <td>status</td> 
    3311         </tr>--> 
    3312         <xsl:for-each select="/bedework/attendees/attendee"> 
    3313           <xsl:sort select="cn" order="ascending" case-order="upper-first"/> 
    3314           <xsl:sort select="attendeeUri" order="ascending" case-order="upper-first"/> 
    3315           <xsl:variable name="attendeeUri" select="attendeeUri"/> 
    3316           <tr> 
    3317             <td class="trash"> 
    3318               <a href="{$event-attendeesForEvent}&amp;uri={$attendeeUri}&amp;attendee=true&amp;delete=true" title="remove"> 
    3319                 <img src="{$resourcesRoot}/resources/trashIcon.gif" width="13" height="13" border="0" alt="remove"/> 
    3320               </a> 
    3321             </td> 
    3322             <td> 
    3323               <a href="{$attendeeUri}"> 
    3324                 <xsl:choose> 
    3325                   <xsl:when test="cn != ''"> 
    3326                     <xsl:value-of select="cn"/> 
    3327                   </xsl:when> 
    3328                   <xsl:otherwise> 
    3329                     <xsl:value-of select="attendeeUri"/> 
    3330                   </xsl:otherwise> 
    3331                 </xsl:choose> 
    3332               </a> 
    3333             </td> 
    3334             <td class="role"> 
    3335               <xsl:value-of select="role"/> 
    3336             </td> 
    3337             <td class="status"> 
    3338               <xsl:value-of select="partstat"/> 
    3339             </td> 
    3340           </tr> 
    3341         </xsl:for-each> 
    3342       </table> 
    3343     </xsl:if> 
    3344  
    3345     <xsl:if test="/bedework/recipients/recipient"> 
    3346       <table id="recipients" class="widget" cellspacing="0"> 
    3347         <tr> 
    3348           <th colspan="2">Recipients</th> 
    3349         </tr> 
    3350         <xsl:for-each select="/bedework/recipients/recipient"> 
    3351           <xsl:variable name="recipientUri" select="."/> 
    3352           <tr> 
    3353             <td class="trash"> 
    3354               <a href="{$event-attendeesForEvent}&amp;uri={$recipientUri}&amp;recipient=true&amp;delete=true" title="remove"> 
    3355                 <img src="{$resourcesRoot}/resources/trashIcon.gif" width="13" height="13" border="0" alt="remove"/> 
    3356               </a> 
    3357             </td> 
    3358             <td> 
    3359               <a href="{$recipientUri}"> 
    3360                 <xsl:value-of select="."/> 
    3361               </a> 
    3362             </td> 
    3363           </tr> 
    3364         </xsl:for-each> 
    3365       </table> 
    3366     </xsl:if> 
    3367      
    33683302    <div id="recipientsAndAttendees"> 
    33693303      <h4> Add recipients and attendees</h4>       
    …… 
    33723306          <input name="uri" width="40"/> 
    33733307          <input type="submit" value="add" /> 
    3374           <br/> 
     3308          &#160; 
    33753309          <input type="checkbox" name="recipient" value="true" checked="checked"/> recipient 
    33763310          <input type="checkbox" name="attendee" value="true" checked="checked"/> attendee 
    3377           <br/> 
     3311          &#160; 
    33783312          Role: 
    33793313          <select name="role"> 
    …… 
    33833317            <option value="NON-PARTICIPANT">non-participant</option> 
    33843318          </select> 
    3385           <br/> 
     3319          &#160; 
    33863320          Status: 
    33873321          <select name="partstat"> 
    …… 
    33923326            <option value="DELEGATED">delegated</option> 
    33933327          </select> 
     3328           
     3329          <xsl:if test="/bedework/attendees/attendee"> 
     3330            <table id="attendees" class="widget" cellspacing="0"> 
     3331              <tr> 
     3332                <th colspan="4">Attendees</th> 
     3333              </tr> 
     3334              <tr class="subHead"> 
     3335                <td></td> 
     3336                <td>attendee</td> 
     3337                <td>role</td> 
     3338                <td>status</td> 
     3339              </tr> 
     3340              <xsl:for-each select="/bedework/attendees/attendee"> 
     3341                <xsl:sort select="cn" order="ascending" case-order="upper-first"/> 
     3342                <xsl:sort select="attendeeUri" order="ascending" case-order="upper-first"/> 
     3343                <xsl:variable name="attendeeUri" select="attendeeUri"/> 
     3344                <tr> 
     3345                  <td class="trash"> 
     3346                    <a href="{$event-attendeesForEvent}&amp;uri={$attendeeUri}&amp;attendee=true&amp;delete=true" title="remove"> 
     3347                      <img src="{$resourcesRoot}/resources/trashIcon.gif" width="13" height="13" border="0" alt="remove"/> 
     3348                    </a> 
     3349                  </td> 
     3350                  <td> 
     3351                    <a href="{$attendeeUri}"> 
     3352                      <xsl:choose> 
     3353                        <xsl:when test="cn != ''"> 
     3354                          <xsl:value-of select="cn"/> 
     3355                        </xsl:when> 
     3356                        <xsl:otherwise> 
     3357                          <xsl:value-of select="attendeeUri"/> 
     3358                        </xsl:otherwise> 
     3359                      </xsl:choose> 
     3360                    </a> 
     3361                  </td> 
     3362                  <td class="role"> 
     3363                    <xsl:value-of select="role"/> 
     3364                  </td> 
     3365                  <td class="status"> 
     3366                    <xsl:value-of select="partstat"/> 
     3367                  </td> 
     3368                </tr> 
     3369              </xsl:for-each> 
     3370            </table> 
     3371          </xsl:if> 
     3372       
     3373          <xsl:if test="/bedework/recipients/recipient"> 
     3374            <table id="recipients" class="widget" cellspacing="0"> 
     3375              <tr> 
     3376                <th colspan="2">Recipients</th> 
     3377              </tr> 
     3378              <xsl:for-each select="/bedework/recipients/recipient"> 
     3379                <xsl:variable name="recipientUri" select="."/> 
     3380                <tr> 
     3381                  <td class="trash"> 
     3382                    <a href="{$event-attendeesForEvent}&amp;uri={$recipientUri}&amp;recipient=true&amp;delete=true" title="remove"> 
     3383                      <img src="{$resourcesRoot}/resources/trashIcon.gif" width="13" height="13" border="0" alt="remove"/> 
     3384                    </a> 
     3385                  </td> 
     3386                  <td> 
     3387                    <a href="{$recipientUri}"> 
     3388                      <xsl:value-of select="."/> 
     3389                    </a> 
     3390                  </td> 
     3391                </tr> 
     3392              </xsl:for-each> 
     3393            </table> 
     3394          </xsl:if> 
    33943395 
    33953396          <xsl:for-each select="/bedework/freebusy"> 
    …… 
    34793480                            <xsl:value-of select="number(numBusy) + number(numTentative)"/> 
    34803481                          </xsl:when> 
    3481                           <xsl:otherwise>*</xsl:otherwise> 
     3482                          <xsl:otherwise><img src="{$resourcesRoot}/resources/spacer.gif" width="10" height="20" border="0" alt="f"/></xsl:otherwise> 
    34823483                        </xsl:choose> 
    34833484                        <span class="eventTip"> 
    …… 
    35053506            </table> 
    35063507 
    3507             <table id="freeBusyKey"> 
     3508            <table id="freeBusyAggKey"> 
    35083509              <tr> 
    35093510                <td class="free">*</td>