Changeset 1007

Timestamp:

09/14/06 17:02:47

Author:

johnsa

Message:

added dialog for adding attendees and recipients to user calendar events

Files:

• trunk/deployment/webuser/webapp/resources/demoskins/default/default/default.css (modified) (2 diffs)
• trunk/deployment/webuser/webapp/resources/demoskins/default/default/default.xsl (modified) (4 diffs)
• trunk/deployment/webuser/webapp/resources/demoskins/resources/includes.js (modified) (1 diff)

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

@@ -581 +581 @@
-  font-weight: bold;
-}
+.posrelative {
+  /* this class is used primarily to lock absolutely positioned elements to
+     their parent.  Be careful removing this class from elements that
+     contain an absolutely positioned div. */
+  position: relative;
+}
-form#subscriptions {
-  margin: 0;
@@ -599 +605 @@
-  font-size: 0.7em;
-  text-transform: lowercase;
+}
+/* this is the recipients and attendees dialog box */
+#recipientsAndAttendees {
+  position: relative;
+}
+#recipientsAndAttendeesBox {
+  position: absolute;
+  top: -300px;
+  left: -100px;
+  width: 500px;
+  padding: 1em;
+  border: 2px solid #666;
+  background: white;
+  color: black;
+}
+#recipientsAndAttendeesBox h4 {
+  padding: 4px;
+  margin: -1em -1em 1em -1em;
+  text-align: center;
+  color: black;
+  background: #ddd;
+}
+#recipientsAndAttendeesBox table {
+  width: 100%;
+  margin: 1em 0;
+}
+#recipientsAndAttendeesBox table th {
+  padding: 2px;
+  text-align: center;
+  color: black;
+  background: #eee;
+}
+/* default title of movable dialog boxes */
+#dialogTitle {
+  cursor: move;
-}
-#weekCalendarTable {

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

@@ -76 +76 @@
-  <xsl:variable name="event-setAccess" select="/bedework/urlPrefixes/event/setAccess/a/@href"/>
-  <xsl:variable name="event-selectCalForEvent" select="/bedework/urlPrefixes/event/selectCalForEvent/a/@href"/>
+  <xsl:variable name="event-attendeesForEvent" select="/bedework/urlPrefixes/event/attendeesForEvent/a/@href"/>
-  <xsl:variable name="editEvent" select="/bedework/urlPrefixes/editEvent"/>
-  <xsl:variable name="delEvent" select="/bedework/urlPrefixes/delEvent"/>
@@ -1349 +1350 @@
-                  <td>
-                    <xsl:variable name="attendeeUri" select="attendeeUri"/>
-cn
+attendeeUri
-                  </td>
-                </tr>
@@ -1688 +1689 @@
-          </td>
-        </tr>
-        <!--  Recipients and Attendees  -->
-        <tr>
-          <td class="fieldname">
-          </td>
-          <td class="fieldval">
-            Add recipients and attendees
-          </td>
-        </tr>
-        <!--  Transparency  -->
-        <tr>
@@ -1713 +1706 @@
-              <xsl:value-of select="/bedework/formElements/form/desc/textarea"/>
-            </textarea>
+          </td>
+        </tr>
+        <!--  Recipients and Attendees  -->
+        <tr>
+          <td class="fieldname">
+            Recipients &amp;<br/> Attendees:
+          </td>
+          <td class="fieldval posrelative">
+            <input type="button" value="Add recipients and attendees" onclick="changeClass('recipientsAndAttendees','shown')"/>
+            <!-- the following is the recipients and attendees dialog box -->
+            <div id="recipientsAndAttendees" class="invisible">
+              <div id="recipientsAndAttendeesBox">
+                <h4 id="dialogTitle"><!--onmousedown="bwDrag('recipientsAndAttendeesBox')" onmouseup="bwDrop('recipientsAndAttendeesBox')"-->
+                  Recipients and Attendees
+                </h4>
+                <table cellspacing="0">
+                  <tr>
+                    <td>
+                      <input name="raHolder" width="40"/>
+                      <input type="button" value="add" onclick="postRecipientsAndAttendees('standardForm','{$event-attendeesForEvent}');"/>
+                      <br/>
+                      <input type="checkbox" name="recipient" value="true" checked="checked"/> recipient
+                      <input type="checkbox" name="attendee" value="true" checked="checked"/> attendee
+                    </td>
+                    <td>
+                      Role:
+                      <select name="role">
+                        <option value="REQ-PARTICIPANT">required participant</option>
+                        <option value="OPT-PARTICIPANT">optional participant</option>
+                        <option value="CHAIR">chair</option>
+                        <option value="NON-PARTICIPANT">non-participant</option>
+                      </select><br/>
+                      Status:
+                      <select name="partstat">
+                        <option value="NEEDS-ACTION">needs action</option>
+                        <option value="ACCEPTED">accepted</option>
+                        <option value="DECLINED">declined</option>
+                        <option value="TENTATIVE">tentative</option>
+                        <option value="DELEGATED">delegated</option>
+                      </select>
+                    </td>
+                  </tr>
+                </table>
+                <table cellspacing="0">
+                  <tr>
+                    <th>Recipients</th>
+                    <th>Attendees</th>
+                  </tr>
+                  <tr>
+                    <td>
+                      <div id="recipientList">
+                      </div>
+                    </td>
+                    <td>
+                      <div id="attendeeList">
+                      </div>
+                    </td>
+                  </tr>
+                </table>
+                <input type="button" value="done" onclick="changeClass('recipientsAndAttendees','invisible');"/>
+              </div>
+            </div>
-          </td>
-        </tr>

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

@@ -143 +143 @@
-  }
-}
+
+
+/*var mouseX = 0;
+var mouseY = 0;
+window.document.onmousemove = getMousePosition();
+function getMousePosition() {
+  mouseX = event.clientX + document.body.scrollLeft;
+  mouseY = event.clientY + document.body.scrollTop;
+}*/
+
+function bwDrag(id) {
+  box = document.getElementById(id);
+}
+function bwDrop(id) {
+  box = document.getElementById(id);
+}
+
+/****************************************/
+/* AJAX-style asynchronous interactions */
+/****************************************/
+var req;
+
+function postRecipientsAndAttendees(formId,urlPrefix) {
+  formObj = document.getElementById(formId);
+
+  var val = escape(formObj.raHolder.value);
+  var isRecipient = formObj.recipient.checked;
+  var isAttendee = formObj.attendee.checked;
+  var role = formObj.role.value;
+  var status = formObj.partstat.value;
+
+  var url = urlPrefix;
+  url += "&uri=" + val;
+  if (isRecipient) {
+    url += "&recipient=yes";
+  }
+  if (isAttendee) {
+    url += "&attendee=yes&role=" + role + "&status=" + status;
+  }
+
+  if (window.XMLHttpRequest) {
+    req = new XMLHttpRequest();
+  } else if (window.ActiveXObject) {
+    req = new ActiveXObject("Microsoft.XMLHTTP");
+  }
+  req.open("GET", url, true);
+  req.onreadystatechange = callback();
+  req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+  req.send(url);
+
+  /*updateRecipientAndAttendeesListing(req);*/
+}
+function callback() {
+  if (req.readyState == 4) {
+    if (req.status == 200) {
+      /*do nothing for now*/
+    }
+  }
+}
+function updateRecipientAndAttendeesListing(req) {
+  var recipients = req.responseXML.getElementsByTagName("recipients")[0];
+  var attendees = req.responseXML.getElementsByTagName("attendees")[0];
+  recipientList = document.getElementById("recipientList");
+  attendeeList = document.getElementById("attendeeList");
+  recipientList.innerHTML = recipients;
+  attendeeList.innerHTML = attendeeList;
+}