[Koha-cvs] CVS: koha/koha-tmpl/intranet-tmpl/default/en/includes/calendar cal.gif,NONE,1.1 calendar-system.css,NONE,1.1 calendar-setup.js,NONE,1.1 calendar.js,NONE,1.1 calendar-en.js,NONE,1.1

[Henri-Damien LAURENT]

Update of 
/cvsroot/koha/koha/koha-tmpl/intranet-tmpl/default/en/includes/calendar
In directory 
sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv7767/koha-tmpl/intranet-tmpl/default/en/includes/calendar

Added Files:
        cal.gif calendar-system.css calendar-setup.js calendar.js 
        calendar-en.js 
Log Message:
Adding calendar javascript facilities

--- NEW FILE ---
GIF89a
--- NEW FILE ---
/* The main calendar widget.  DIV containing a table. */



.calendar {

  position: relative;

  display: none;

  border: 1px solid;

  border-color: #fff #000 #000 #fff;

  font-size: 11px;

  cursor: default;

  background: Window;

  color: WindowText;

  font-family: tahoma,verdana,sans-serif;

  width:250px;

}



.calendar table {

  border: 1px solid;

  border-color: #fff #000 #000 #fff;

  font-size: 11px;

  cursor: default;

  background: Window;

  color: WindowText;

  font-family: tahoma,verdana,sans-serif;

  border-collapse:separate;

}



/* Header part -- contains navigation buttons and day names. */



.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */

  text-align: center;

  padding: 1px;

  border: 1px solid;

  display: table-cell;

  -moz-border-radius: 0px;

  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;

  background: ButtonFace;

}



.calendar .nav {

  background: ButtonFace url('menuarrow.gif') no-repeat 100% 100%;

}



.calendar thead .title { /* This holds the current "month, year" */

  font-weight: bold;

  padding: 1px;

  border: 1px solid #000;

  background: ActiveCaption;

  color: CaptionText;

  text-align: center;

}



.calendar thead .headrow { /* Row <TR> containing navigation buttons */

}



.calendar thead .daynames { /* Row <TR> containing the day names */

}



.calendar thead .name { /* Cells <TD> containing the day names */

  border-bottom: 1px solid ButtonShadow;

  padding: 2px;

  text-align: center;

  background: ButtonFace;

  color: ButtonText;

}



.calendar thead .weekend { /* How a weekend day name shows in header */

//  color: #f00;

}



.calendar thead .hilite { /* How do the buttons in header appear when hover */

  border: 2px solid;

  padding: 0px;

  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;

}



.calendar thead .active { /* Active (pressed) buttons in header */

  border-width: 1px;

  padding: 2px 0px 0px 2px;

  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;

}



/* The body part -- contains all the days in month. */



.calendar tbody .day { /* Cells <TD> containing month days dates */

  width: 2em;

  text-align: right;

  padding: 2px 4px 2px 2px;

}

.calendar tbody .day.othermonth {

  font-size: 80%;

  color: #aaa;

}

.calendar tbody .day.othermonth.oweekend {

  color: #faa;

}



.calendar table .wn {

  padding: 2px 3px 2px 2px;

  border-right: 1px solid ButtonShadow;

  background: ButtonFace;

  color: ButtonText;

}



.calendar tbody .rowhilite td {

//  background: Highlight;

//  color: HighlightText;

}



.calendar tbody td.hilite { /* Hovered cells <TD> */

  padding: 1px 3px 1px 1px;

  border-top: 1px solid #fff;

  border-right: 1px solid #000;

  border-bottom: 1px solid #000;

  border-left: 1px solid #fff;

}



.calendar tbody td.active { /* Active (pressed) cells <TD> */

//  padding: 2px 2px 0px 2px;

//  border: 1px solid;

//  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;

}



.calendar tbody td.selected { /* Cell showing selected date */

  font-weight: bold;

  border: 1px solid;

  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;

  padding: 2px 2px 0px 2px;

  background: ButtonFace;

  color: ButtonText;

}



.calendar tbody td.weekend { /* Cells showing weekend days */

//  color: #f00;

}



.calendar tbody td.today { /* Cell showing today date */

  font-weight: bold;

  color: #00f;

}



.calendar tbody td.disabled { color: GrayText; }



.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */

  visibility: hidden;

}



.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */

  display: none;

}



/* The footer part -- status bar and "Close" button */



.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */

}



.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */

  background: ButtonFace;

  padding: 1px;

  border: 1px solid;

  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;

  color: ButtonText;

  text-align: center;

}



.calendar tfoot .hilite { /* Hover style for buttons in footer */

  border-top: 1px solid #fff;

  border-right: 1px solid #000;

  border-bottom: 1px solid #000;

  border-left: 1px solid #fff;

  padding: 1px;

  background: #e4e0d8;

}



.calendar tfoot .active { /* Active (pressed) style for buttons in footer */

  padding: 2px 0px 0px 2px;

  border-top: 1px solid #000;

  border-right: 1px solid #fff;

  border-bottom: 1px solid #fff;

  border-left: 1px solid #000;

}



/* Combo boxes (menus that display months/years for direct selection) */



.calendar .combo {

  position: absolute;

  display: none;

  width: 4em;

  top: 0px;

  left: 0px;

  cursor: default;

  border: 1px solid;

  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;

  background: Menu;

  color: MenuText;

  font-size: 90%;

  padding: 1px;

}



.calendar .combo .label,

.calendar .combo .label-IEfix {

  text-align: center;

  padding: 1px;

}



.calendar .combo .label-IEfix {

  width: 4em;

}



.calendar .combo .active {

  padding: 0px;

  border: 1px solid #000;

}



.calendar .combo .hilite {

  background: Highlight;

  color: HighlightText;

}



.calendar td.time {

  border-top: 1px solid ButtonShadow;

  padding: 1px 0px;

  text-align: center;

  background-color: ButtonFace;

}



.calendar td.time .hour,

.calendar td.time .minute,

.calendar td.time .ampm {

  padding: 0px 3px 0px 4px;

  border: 1px solid #889;

  font-weight: bold;

  background-color: Menu;

}



.calendar td.time .ampm {

  text-align: center;

}



.calendar td.time .colon {

  padding: 0px 2px 0px 3px;

  font-weight: bold;

}



.calendar td.time span.hilite {

  border-color: #000;

  background-color: Highlight;

  color: HighlightText;

}



.calendar td.time span.active {

  border-color: #f00;

  background-color: #000;

  color: #0f0;

}
--- NEW FILE ---
/*  Copyright Mihai Bazon, 2002, 2003  |  http://dynarch.com/mishoo/

 * ---------------------------------------------------------------------------

 *

 * The DHTML Calendar

 *

 * Details and latest version at:

 * http://dynarch.com/mishoo/calendar.epl

 *

 * This script is distributed under the GNU Lesser General Public License.

 * Read the entire license text here: http://www.gnu.org/licenses/lgpl.html

 *

 * This file defines helper functions for setting up the calendar.  They are

 * intended to help non-programmers get a working calendar on their site

 * quickly.  This script should not be seen as part of the calendar.  It just

 * shows you what one can do with the calendar, while in the same time

 * providing a quick and simple method for setting it up.  If you need

 * exhaustive customization of the calendar creation process feel free to

 * modify this code to suit your needs (this is recommended and much better

 * than modifying calendar.js itself).

 */



// $Id: calendar-setup.js,v 1.1 2005/02/25 20:52:14 hdl Exp $



/**

 *  This function "patches" an input field (or other element) to use a calendar

 *  widget for date selection.

 *

 *  The "params" is a single object that can have the following properties:

 *

 *    prop. name   | description

 *  
-------------------------------------------------------------------------------------------------

 *   inputField    | the ID of an input field to store the date

 *   displayArea   | the ID of a DIV or other element to show the date

 *   button        | ID of a button or other element that will trigger the 
calendar

 *   eventName     | event that will trigger the calendar, without the "on" 
prefix (default: "click")

 *   ifFormat      | date format that will be stored in the input field

 *   daFormat      | the date format that will be used to display the date in 
displayArea

 *   singleClick   | (true/false) wether the calendar is in single click mode 
or not (default: true)

 *   firstDay      | numeric: 0 to 6.  "0" means display Sunday first, "1" 
means display Monday first, etc.

 *   align         | alignment (default: "Br"); if you don't know what's this 
see the calendar documentation

 *   range         | array with 2 elements.  Default: [1900, 2999] -- the range 
of years available

 *   weekNumbers   | (true/false) if it's true (default) the calendar will 
display week numbers

 *   flat          | null or element ID; if not null the calendar will be a 
flat calendar having the parent with the given ID

 *   flatCallback  | function that receives a JS Date object and returns an URL 
to point the browser to (for flat calendar)

 *   disableFunc   | function that receives a JS Date object and should return 
true if that date has to be disabled in the calendar

 *   onSelect      | function that gets called when a date is selected.  You 
don't _have_ to supply this (the default is generally okay)

 *   onClose       | function that gets called when the calendar is closed.  
[default]

 *   onUpdate      | function that gets called after the date is updated in the 
input field.  Receives a reference to the calendar.

 *   date          | the date that the calendar will be initially displayed to

 *   showsTime     | default: false; if true the calendar will include a time 
selector

 *   timeFormat    | the time format; can be "12" or "24", default is "12"

 *   electric      | if true (default) then given fields/date areas are updated 
for each move; otherwise they're updated only on close

 *   step          | configures the step of the years in drop-down boxes; 
default: 2

 *   position      | configures the calendar absolute position; default: null

 *   cache         | if "true" (but default: "false") it will reuse the same 
calendar object, where possible

 *   showOthers    | if "true" (but default: "false") it will show days from 
other months too

 *

 *  None of them is required, they all have default values.  However, if you

 *  pass none of "inputField", "displayArea" or "button" you'll get a warning

 *  saying "nothing to setup".

 */

Calendar.setup = function (params) {

        function param_default(pname, def) { if (typeof params[pname] == 
"undefined") { params[pname] = def; } };



        param_default("inputField",     null);

        param_default("displayArea",    null);

        param_default("button",         null);

        param_default("eventName",      "click");

        param_default("ifFormat",       "%Y/%m/%d");

        param_default("daFormat",       "%Y/%m/%d");

        param_default("singleClick",    true);

        param_default("disableFunc",    'dateStatusHandler');

        param_default("dateStatusFunc", params["disableFunc"]); // takes 
precedence if both are defined

        param_default("firstDay",       0); // defaults to "Sunday" first

        param_default("align",          "Br");

        param_default("range",          [1900, 2999]);

        param_default("weekNumbers",    true);

        param_default("flat",           null);

        param_default("flatCallback",   null);

        param_default("onSelect",       null);

        param_default("onClose",        null);

        param_default("onUpdate",       null);

        param_default("date",           null);

        param_default("showsTime",      false);

        param_default("timeFormat",     "24");

        param_default("electric",       true);

        param_default("step",           2);

        param_default("position",       null);

        param_default("cache",          false);

        param_default("showOthers",     false);



        var tmp = ["inputField", "displayArea", "button"];

        for (var i in tmp) {

                if (typeof params[tmp[i]] == "string") {

                        params[tmp[i]] = 
document.getElementById(params[tmp[i]]);

                }

        }

        if (!(params.flat || params.inputField || params.displayArea || 
params.button)) {

                alert("Calendar.setup:\n  Nothing to setup (no fields found).  
Please check your code");

                return false;

        }



        function onSelect(cal) {

                var p = cal.params;

                var update = (cal.dateClicked || p.electric);

                if (update && p.flat) {

                        if (typeof p.flatCallback == "function")

                                p.flatCallback(cal);

                        else

                                alert("No flatCallback given -- doing 
nothing.");

                        return false;

                }

                if (update && p.inputField) {

                        p.inputField.value = cal.date.print(p.ifFormat);

                        if (typeof p.inputField.onchange == "function")

                                p.inputField.onchange();

                }

                if (update && p.displayArea)

                        p.displayArea.innerHTML = cal.date.print(p.daFormat);

                if (update && p.singleClick && cal.dateClicked)

                        cal.callCloseHandler();

                if (update && typeof p.onUpdate == "function")

                        p.onUpdate(cal);

        };



        if (params.flat != null) {

                if (typeof params.flat == "string")

                        params.flat = document.getElementById(params.flat);

                if (!params.flat) {

                        alert("Calendar.setup:\n  Flat specified but can't find 
parent.");

                        return false;

                }

                var cal = new Calendar(params.firstDay, params.date, 
params.onSelect || onSelect);

                cal.showsTime = params.showsTime;

                cal.time24 = (params.timeFormat == "24");

                cal.params = params;

                cal.weekNumbers = params.weekNumbers;

                cal.setRange(params.range[0], params.range[1]);

                cal.setDateStatusHandler(params.dateStatusFunc);

                cal.create(params.flat);

                cal.show();

                return false;

        }



        var triggerEl = params.button || params.displayArea || 
params.inputField;

        triggerEl["on" + params.eventName] = function() {

                var dateEl = params.inputField || params.displayArea;

                var dateFmt = params.inputField ? params.ifFormat : 
params.daFormat;

                var mustCreate = false;

                var cal = window.calendar;

                if (!(cal && params.cache)) {

                        window.calendar = cal = new Calendar(params.firstDay,

                                                             params.date,

                                                             params.onSelect || 
onSelect,

                                                             params.onClose || 
function(cal) { cal.hide(); });

                        cal.showsTime = params.showsTime;

                        cal.time24 = (params.timeFormat == "24");

                        cal.weekNumbers = params.weekNumbers;

                        mustCreate = true;

                } else {

                        if (params.date)

                                cal.setDate(params.date);

                        cal.hide();

                }

                cal.showsOtherMonths = params.showOthers;

                cal.yearStep = params.step;

                cal.setRange(params.range[0], params.range[1]);

                cal.params = params;

                cal.setDateStatusHandler(params.dateStatusFunc);

                cal.setDateFormat(dateFmt);

                if (mustCreate)

                        cal.create();

                cal.parseDate(dateEl.value || dateEl.innerHTML);

                cal.refresh();

                if (!params.position)

                        cal.showAtElement(params.button || params.displayArea 
|| params.inputField, params.align);

                else

                        cal.showAt(params.position[0], params.position[1]);

                return false;

        };

};


--- NEW FILE ---
/*  Copyright Mihai Bazon, 2002, 2003  |  http://dynarch.com/mishoo/
 * ------------------------------------------------------------------
 *
 * The DHTML Calendar, version 0.9.6 "Keep cool but don't freeze"
 *
 * Details and latest version at:
 * http://dynarch.com/mishoo/calendar.epl
 *
 * This script is distributed under the GNU Lesser General Public License.
 * Read the entire license text here: http://www.gnu.org/licenses/lgpl.html
 */

// $Id: calendar.js,v 1.1 2005/02/25 20:52:14 hdl Exp $

/** The Calendar object constructor. */
Calendar = function (firstDayOfWeek, dateStr, onSelected, onClose) {
        // member variables
        this.activeDiv = null;
        this.currentDateEl = null;
[...1676 lines suppressed...]
                }
        }

        return str;
};

Date.prototype.__msh_oldSetFullYear = Date.prototype.setFullYear;
Date.prototype.setFullYear = function(y) {
        var d = new Date(this);
        d.__msh_oldSetFullYear(y);
        if (d.getMonth() != this.getMonth())
                this.setDate(28);
        this.__msh_oldSetFullYear(y);
};

// END: DATE OBJECT PATCHES


// global object that remembers the calendar
window.calendar = null;

--- NEW FILE ---
// ** I18N

// Calendar EN language
// Author: Mihai Bazon, <address@hidden>
// Encoding: any
// Distributed under the same terms as the calendar itself.

// For translators: please use UTF-8 if possible.  We strongly believe that
// Unicode is the answer to a real internationalized world.  Also please
// include your contact information in the header, as can be seen above.

// full day names
Calendar._DN = new Array
("Sunday",
 "Monday",
 "Tuesday",
 "Wednesday",
 "Thursday",
 "Friday",
 "Saturday",
 "Sunday");

// Please note that the following array of short day names (and the same goes
// for short month names, _SMN) isn't absolutely necessary.  We give it here
// for exemplification on how one can customize the short day names, but if
// they are simply the first N letters of the full name you can simply say:
//
//   Calendar._SDN_len = N; // short day name length
//   Calendar._SMN_len = N; // short month name length
//
// If N = 3 then this is not needed either since we assume a value of 3 if not
// present, to be compatible with translation files that were written before
// this feature.

// short day names
Calendar._SDN = new Array
("Sun",
 "Mon",
 "Tue",
 "Wed",
 "Thu",
 "Fri",
 "Sat",
 "Sun");

// First day of the week. "0" means display Sunday first, "1" means display
// Monday first, etc.
Calendar._FD = 0;

// full month names
Calendar._MN = new Array
("January",
 "February",
 "March",
 "April",
 "May",
 "June",
 "July",
 "August",
 "September",
 "October",
 "November",
 "December");

// short month names
Calendar._SMN = new Array
("Jan",
 "Feb",
 "Mar",
 "Apr",
 "May",
 "Jun",
 "Jul",
 "Aug",
 "Sep",
 "Oct",
 "Nov",
 "Dec");

// tooltips
Calendar._TT = {};
Calendar._TT["INFO"] = "About the calendar";

Calendar._TT["ABOUT"] =
"DHTML Date/Time Selector\n" +
"(c) dynarch.com 2002-2003\n" + // don't translate this this ;-)
"For latest version visit: http://dynarch.com/mishoo/calendar.epl\n"; +
"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for 
details." +
"\n\n" +
"Date selection:\n" +
"- Use the \xab, \xbb buttons to select year\n" +
"- Use the " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) 
+ " buttons to select month\n" +
"- Hold mouse button on any of the above buttons for faster selection.";
Calendar._TT["ABOUT_TIME"] = "\n\n" +
"Time selection:\n" +
"- Click on any of the time parts to increase it\n" +
"- or Shift-click to decrease it\n" +
"- or click and drag for faster selection.";

Calendar._TT["PREV_YEAR"] = "Prev. year (hold for menu)";
Calendar._TT["PREV_MONTH"] = "Prev. month (hold for menu)";
Calendar._TT["GO_TODAY"] = "Go Today";
Calendar._TT["NEXT_MONTH"] = "Next month (hold for menu)";
Calendar._TT["NEXT_YEAR"] = "Next year (hold for menu)";
Calendar._TT["SEL_DATE"] = "Select date";
Calendar._TT["DRAG_TO_MOVE"] = "Drag to move";
Calendar._TT["PART_TODAY"] = " (today)";

// the following is to inform that "%s" is to be the first day of week
// %s will be replaced with the day name.
Calendar._TT["DAY_FIRST"] = "Display %s first";

// This may be locale-dependent.  It specifies the week-end days, as an array
// of comma-separated numbers.  The numbers are from 0 to 6: 0 means Sunday, 1
// means Monday, etc.
Calendar._TT["WEEKEND"] = "0,6";

Calendar._TT["CLOSE"] = "Close";
Calendar._TT["TODAY"] = "Today";
Calendar._TT["TIME_PART"] = "(Shift-)Click or drag to change value";

// date formats
Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";
Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e";

Calendar._TT["WK"] = "wk";
Calendar._TT["TIME"] = "Time:";