Changeset 1422

Timestamp:

06/14/07 17:24:08

Author:

johnsa

Message:

user client: add rudimentary pull-down menus to the calendar grid; this requires slight reworking of the grid xsl. Some work still to be done to finish this off.

Files:

• trunk/deployment/webuser/webapp/resources/demoskins/default/default/default.css (modified) (4 diffs)
• trunk/deployment/webuser/webapp/resources/demoskins/default/default/default.xsl (modified) (4 diffs)
• trunk/deployment/webuser/webapp/resources/demoskins/resources/bedework.js (modified) (2 diffs)
• trunk/deployment/webuser/webapp/resources/demoskins/resources/std-icalSchTask-icon-small.gif (added)
• trunk/deployment/webuser/webapp/resources/demoskins/resources/std-icalTask-icon-small.gif (added)

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

@@ -284 +284 @@
-  margin: 0;
-  padding: 0;
-
-
-
-
-
-
-
-
-
+
+
-}
-#bedework #utilBarTable .leftCell img {
@@ -315 +308 @@
-  float: right;
-}
-form 
+
-  font-size: 0.7em;
-}
@@ -322 +315 @@
-  margin: 0;
-  padding: 0;
+}
+#bedework .bwActionIcons, 
+#bedework .bwActionIconsInGrid {
+  position: absolute;
+  white-space: nowrap;
+  border: 1px solid #333;
+  background-color: #eee;
+  color: black;
+  padding: 0.5em;
+  margin: 0;
+}
+#bedework .bwActionIconsInGrid {
+  margin-top: 10px;
+  margin-left: -100px;
+}
+#bedework .bwActionIcons a:link,
+#bedework .bwActionIcons a:active, 
+#bedework .bwActionIcons a:visited,
+#bedework .bwActionIconsInGrid a:link,
+#bedework .bwActionIconsInGrid a:active, 
+#bedework .bwActionIconsInGrid a:visited {
+  display: block;
+  margin: 0 0 2px 0;
+  color: #666;
+  background-color: transparent;
+  font-size: 0.75em;
+  text-decoration: none;
+}
+#bedework .bwActionIcons a:hover,
+#bedework .bwActionIconsInGrid a:hover {
+  color: black;
+  background-color: transparent;
-}
-#bedework #searchTable {
@@ -1165 +1190 @@
-  text-align: center;
-}
-
+
+
-  display: block;
-  float: right;

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

@@ -717 +717 @@
-       <tr>
-         <td class="leftCell">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-         </td>
-         <td class="rightCell">
@@ -848 +835 @@
-       </tr>
-    </table>
+  </xsl:template>
+  
+  <xsl:template name="actionIcons">
+    <xsl:param name="startDate"/>
+    <xsl:param name="actionIconsId"/>
+    <div id="{$actionIconsId}" class="invisible">
+       <a href="{$initEvent}&amp;entityType=event&amp;startdate={$startDate}" title="add event" onclick="javascript:changeClass('{$actionIconsId}','invisible')">
+          <img src="{$resourcesRoot}/resources/add2mycal-icon-small.gif" width="12" height="16" border="0" alt="add event"/>
+          add event
+       </a>
+       <a href="{$event-initMeeting}&amp;entityType=event&amp;schedule=request&amp;startdate={$startDate}" title="schedule a meeting" onclick="javascript:changeClass('{$actionIconsId}','invisible')">
+          <img src="{$resourcesRoot}/resources/std-icalMeeting-icon-small.gif" width="12" height="16" border="0" alt="schedule meeting"/>
+          schedule meeting
+       </a>
+       <a href="{$initEvent}&amp;entityType=task&amp;startdate={$startDate}" title="add task" onclick="javascript:changeClass('{$actionIconsId}','invisible')">
+          <img src="{$resourcesRoot}/resources/std-icalTask-icon-small.gif" width="12" height="16" border="0" alt="add task"/>
+          add task
+       </a>
+       <a href="{$event-initMeeting}&amp;entityType=task&amp;schedule=request&amp;startdate={$startDate}" title="schedule a task" onclick="javascript:changeClass('{$actionIconsId}','invisible')">
+          <img src="{$resourcesRoot}/resources/std-icalSchTask-icon-small.gif" width="12" height="16" border="0" alt="schedule task"/>
+          schedule task
+       </a>
+       <a href="{$initUpload}" title="upload event" onclick="javascript:changeClass('{$actionIconsId}','invisible')">
+          <img src="{$resourcesRoot}/resources/std-icalUpload-icon-small.gif" width="12" height="16" border="0" alt="upload event"/>
+          upload
+       </a>
+     </div>
-  </xsl:template>
-
@@ -1102 +1116 @@
-              </xsl:if>
-              <xsl:variable name="dayDate" select="date"/>
-
-
-
+
+
+
+
+
+
+
+
+
+
-              <a href="{$setViewPeriod}&amp;viewType=dayView&amp;date={$dayDate}" class="dayLink" title="go to day">
-                <xsl:value-of select="value"/>
@@ -1144 +1165 @@
-                  </xsl:if>
-                  <xsl:variable name="dayDate" select="date"/>
-
-
-
+
+
+
+
+
+
+
+
+
+
-                  <a href="{$setViewPeriod}&amp;viewType=dayView&amp;date={$dayDate}" class="dayLink" title="go to day">
-                    <xsl:value-of select="value"/>

trunk/deployment/webuser/webapp/resources/demoskins/resources/bedework.js

@@ -31 +31 @@
-      changeClass(arguments[i],'visible');
-    }
+  }
+}
+// show and hide an item based on its current 
+// visibility; if visible, hide it; if invisible
+// show it.
+function toggleVisibility(id,cl) {
+  if(document.getElementById(id).className == 'invisible') {
+    changeClass(id,cl);
+  } else {
+    changeClass(id,'invisible');
-  }
-}
@@ -94 +104 @@
-// launch the calSelect pop-up window for selecting a calendar when creating,
-// editing, and importing events
+// DEPRECATED - can't use pop-ups in current portal environments in a 
+// portal-agnostic way
-function launchCalSelectWindow(URL) {
-  calSelect = window.open(URL, "calSelect", "width=500,height=600,scrollbars=yes,resizable=yes,alwaysRaised=yes,menubar=no,toolbar=no");