[Sciret-svn] SF.net SVN: sciret:[754] trunk/templates/EditArticle.tpl

[<al...@us...>]

Revision: 754
          http://sciret.svn.sourceforge.net/sciret/?rev=754&view=rev
Author:   alpeb
Date:     2008-10-23 17:45:25 +0000 (Thu, 23 Oct 2008)

Log Message:
-----------
use YUI's calendar widget instead of the older one

Modified Paths:
--------------
    trunk/templates/EditArticle.tpl

Modified: trunk/templates/EditArticle.tpl
===================================================================
--- trunk/templates/EditArticle.tpl	2008-10-23 17:44:06 UTC (rev 753)
+++ trunk/templates/EditArticle.tpl	2008-10-23 17:45:25 UTC (rev 754)
@@ -15,7 +15,7 @@
 <!-- Needed for Menus, Buttons and Overlays used in the Toolbar --> 
 <script type="text/javascript" src="javascript/yui/build/menu/menu-min.js"></script>
 <!-- Source file for Rich Text Editor--> 
-<script src="javascript/yui/build/editor/editor-beta-min.js"></script>
+<script src="javascript/yui/build/editor/editor-min.js"></script>
    
 <h1>
     <!-- BEGIN addArticleTitle_block -->
@@ -78,11 +78,14 @@
                 </span>
             </td>
             <td>
-                <input type="hidden" id="hiddenDate" name="expDate" value="{expDate}" />&nbsp;
-                <span id="dateShow">{expDateContents}</span>
-                <img src="images/datepopup.gif" id="expDateButton" style="cursor:pointer" />&nbsp;
-                <span id="labelSetDate" style="display:{labelSetExpDateDisplay}">([l]Currently none.<br />Click icon to set one.[/l])</span>
-                <a id="removeDateLink" href="javascript:void(0);" onclick="removeDate();" style="display:{removeExpDateLinkDisplay}; font-weight:bold; font-size:10px">[l]Remove expiration date[/l]</a>
+                <div style="position:relative">
+                    <input type="hidden" id="hiddenDate" name="expDate" value="{expDate}" />&nbsp;
+                    <span id="dateShow">{expDateContents}</span>
+                    <img src="images/datepopup.gif" id="expDateButton" style="cursor:pointer" />&nbsp;
+                    <div id="expirationCalContainer" style="display:none; position:absolute; left:10px;  z-index:1"></div>
+                    <span id="labelSetDate" style="display:{labelSetExpDateDisplay}">([l]Currently none.<br />Click icon to set one.[/l])</span>
+                    <a id="removeDateLink" href="javascript:void(0);" onclick="removeArticleExpiration();" style="display:{removeExpDateLinkDisplay}; font-weight:bold; font-size:10px">[l]Remove expiration date[/l]</a>
+                </div>
             </td>
         </tr>
 
@@ -131,16 +134,39 @@
     </table>
 </form>
 <script type="text/javascript">
-    Calendar.setup(
-        {
-            inputField  : "hiddenDate",
-            ifFormat    : "%Y-%m-%d",
-            daFormat    : "{jsCalDateFormat}",
-            button      : "expDateButton",
-            onSelect    : dateSelected
-        }
-    );
+    YAHOO.util.Event.onDOMReady(function() {
+        YAHOO.util.Event.addListener($("expDateButton"),
+                                     "click",
+                                     showArticleCalendar);
+    });
 
+    function showArticleCalendar() {
+        var cal = new YAHOO.widget.Calendar("expirationCalContainer", {
+            close: true
+        });
+        cal.selectEvent.subscribe(articleDateSelected, cal, true);
+        cal.render();
+        cal.show();
+    }
+
+    function articleDateSelected(type, args, cal) {
+        var dates = args[0]; 
+        var date = dates[0]; 
+        var year = date[0], month = date[1], day = date[2];
+        $("hiddenDate").value = year + "-" + month + "-" + day;
+        $('dateShow').innerHTML = formatDate("{jsCalDateFormat}", month, day, year);
+        cal.hide();
+        $('labelSetDate').style.display = 'none';
+        $('removeDateLink').style.display = '';
+    }
+
+    function removeArticleExpiration() {
+        $('hiddenDate').value = '';
+        $('dateShow').innerHTML = '';
+        $('labelSetDate').style.display = '';
+        $('removeDateLink').style.display = 'none';
+    }
+
     function validateForm(form) {
         if (form.title.value == '') {
             alert('You cannot leave the Title field empty');


This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.