diff options
Diffstat (limited to 'frontend/static/other_rooms/datepicker/development-bundle/demos')
25 files changed, 1357 insertions, 0 deletions
diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/alt-field.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/alt-field.html new file mode 100644 index 0000000..c60b21a --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/alt-field.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Datepicker - Populate alternate field</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.5.1.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.datepicker.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> + $(function() { + $( "#datepicker" ).datepicker({ + altField: "#alternate", + altFormat: "DD, d MM, yy" + }); + }); + </script> +</head> +<body> + +<div class="demo"> + +<p>Date: <input type="text" id="datepicker"> <input type="text" id="alternate" size="30"/></p> + +</div><!-- End demo --> + + + +<div class="demo-description"> +<p>Populate an alternate field with its own date format whenever a date is selected using the <code>altField</code> and <code>altFormat</code> options. This feature could be used to present a human-friendly date for user selection, while passing a more computer-friendly date through for further processing.</p> +</div><!-- End demo-description --> + +</body> +</html> diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/animation.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/animation.html new file mode 100644 index 0000000..9814b98 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/animation.html @@ -0,0 +1,58 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Datepicker - Animations</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.5.1.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.effects.core.js"></script> + <script src="../../ui/jquery.effects.blind.js"></script> + <script src="../../ui/jquery.effects.bounce.js"></script> + <script src="../../ui/jquery.effects.clip.js"></script> + <script src="../../ui/jquery.effects.drop.js"></script> + <script src="../../ui/jquery.effects.fold.js"></script> + <script src="../../ui/jquery.effects.slide.js"></script> + <script src="../../ui/jquery.ui.datepicker.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> + $(function() { + $( "#datepicker" ).datepicker(); + $( "#anim" ).change(function() { + $( "#datepicker" ).datepicker( "option", "showAnim", $( this ).val() ); + }); + }); + </script> +</head> +<body> + +<div class="demo"> + +<p>Date: <input type="text" id="datepicker" size="30"/></p> + +<p>Animations:<br /> + <select id="anim"> + <option value="show">Show (default)</option> + <option value="slideDown">Slide down</option> + <option value="fadeIn">Fade in</option> + <option value="blind">Blind (UI Effect)</option> + <option value="bounce">Bounce (UI Effect)</option> + <option value="clip">Clip (UI Effect)</option> + <option value="drop">Drop (UI Effect)</option> + <option value="fold">Fold (UI Effect)</option> + <option value="slide">Slide (UI Effect)</option> + <option value="">None</option> + </select> +</p> + +</div><!-- End demo --> + + + +<div class="demo-description"> +<p>Use different animations when opening or closing the datepicker. Choose an animation from the dropdown, then click on the input to see its effect. You can use one of the three standard animations or any of the UI Effects.</p> +</div><!-- End demo-description --> + +</body> +</html> diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/buttonbar.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/buttonbar.html new file mode 100644 index 0000000..3b3be3b --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/buttonbar.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Datepicker - Display button bar</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.5.1.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.datepicker.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> + $(function() { + $( "#datepicker" ).datepicker({ + showButtonPanel: true + }); + }); + </script> +</head> +<body> + +<div class="demo"> + +<p>Date: <input type="text" id="datepicker"></p> + +</div><!-- End demo --> + + + +<div class="demo-description"> +<p>Display a button for selecting Today's date and a Done button for closing the calendar with the boolean <code>showButtonPanel</code> option. Each button is enabled by default when the bar is displayed, but can be turned off with additional options. Button text is customizable.</p> +</div><!-- End demo-description --> + +</body> +</html> diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/date-formats.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/date-formats.html new file mode 100644 index 0000000..e1ac673 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/date-formats.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Datepicker - Format date</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.5.1.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.datepicker.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> + $(function() { + $( "#datepicker" ).datepicker(); + $( "#format" ).change(function() { + $( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() ); + }); + }); + </script> +</head> +<body> + +<div class="demo"> + +<p>Date: <input type="text" id="datepicker" size="30"/></p> + +<p>Format options:<br /> + <select id="format"> + <option value="mm/dd/yy">Default - mm/dd/yy</option> + <option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option> + <option value="d M, y">Short - d M, y</option> + <option value="d MM, y">Medium - d MM, y</option> + <option value="DD, d MM, yy">Full - DD, d MM, yy</option> + <option value="'day' d 'of' MM 'in the year' yy">With text - 'day' d 'of' MM 'in the year' yy</option> + </select> +</p> + +</div><!-- End demo --> + + + +<div class="demo-description"> +<p>Display date feedback in a variety of ways. Choose a date format from the dropdown, then click on the input and select a date to see it in that format.</p> +</div><!-- End demo-description --> + +</body> +</html> diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/date-range.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/date-range.html new file mode 100644 index 0000000..bf9b9a3 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/date-range.html @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Datepicker - Select a Date Range</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.5.1.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.datepicker.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> + $(function() { + var dates = $( "#from, #to" ).datepicker({ + defaultDate: "+1w", + changeMonth: true, + numberOfMonths: 3, + onSelect: function( selectedDate ) { + var option = this.id == "from" ? "minDate" : "maxDate", + instance = $( this ).data( "datepicker" ), + date = $.datepicker.parseDate( + instance.settings.dateFormat || + $.datepicker._defaults.dateFormat, + selectedDate, instance.settings ); + dates.not( this ).datepicker( "option", option, date ); + } + }); + }); + </script> +</head> +<body> + +<div class="demo"> + +<label for="from">From</label> +<input type="text" id="from" name="from"/> +<label for="to">to</label> +<input type="text" id="to" name="to"/> + +</div><!-- End demo --> + + + +<div class="demo-description"> +<p>Select the date range to search for.</p> +</div><!-- End demo-description --> + +</body> +</html> diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/default.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/default.html new file mode 100644 index 0000000..d50ac0d --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/default.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Datepicker - Default functionality</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.5.1.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.datepicker.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> + $(function() { + $( "#datepicker" ).datepicker(); + }); + </script> +</head> +<body> + +<div class="demo"> + +<p>Date: <input type="text" id="datepicker"></p> + +</div><!-- End demo --> + + + +<div class="demo-description"> +<p>The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.</p> +</div><!-- End demo-description --> + +</body> +</html> diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/dropdown-month-year.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/dropdown-month-year.html new file mode 100644 index 0000000..8392a15 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/dropdown-month-year.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Datepicker - Display month & year menus</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.5.1.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.datepicker.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> + $(function() { + $( "#datepicker" ).datepicker({ + changeMonth: true, + changeYear: true + }); + }); + </script> +</head> +<body> + +<div class="demo"> + +<p>Date: <input type="text" id="datepicker"></p> + +</div><!-- End demo --> + + + +<div class="demo-description"> +<p>Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes. Add the boolean <code>changeMonth</code> and <code>changeYear</code> options.</p> +</div><!-- End demo-description --> + +</body> +</html> diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/icon-trigger.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/icon-trigger.html new file mode 100644 index 0000000..5f4edc7 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/icon-trigger.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Datepicker - Icon trigger</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.5.1.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.datepicker.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> + $(function() { + $( "#datepicker" ).datepicker({ + showOn: "button", + buttonImage: "images/calendar.gif", + buttonImageOnly: true + }); + }); + </script> +</head> +<body> + +<div class="demo"> + +<p>Date: <input type="text" id="datepicker"></p> + +</div><!-- End demo --> + + + +<div class="demo-description"> +<p>Click the icon next to the input field to show the datepicker. Set the datepicker to open on focus (default behavior), on icon click, or both.</p> +</div><!-- End demo-description --> + +</body> +</html> diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/images/calendar.gif b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/images/calendar.gif Binary files differnew file mode 100644 index 0000000..d0abaa7 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/images/calendar.gif diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/index.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/index.html new file mode 100644 index 0000000..ed24774 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/index.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Datepicker Demos</title> + <link rel="stylesheet" href="../demos.css"> +</head> +<body> + +<div class="demos-nav"> + <h4>Examples</h4> + <ul> + <li class="demo-config-on"><a href="default.html">Default functionality</a></li> + <li><a href="date-formats.html">Format date</a></li> + <li><a href="min-max.html">Restrict date range</a></li> + <li><a href="localization.html">Localize calendar</a></li> + <li><a href="alt-field.html">Populate alternate field</a></li> + <li><a href="inline.html">Display inline</a></li> + <li><a href="buttonbar.html">Display button bar</a></li> + <li><a href="dropdown-month-year.html">Display month & year menus</a></li> + <li><a href="other-months.html">Dates in other months</a></li> + <li><a href="show-week.html">Show week of the year</a></li> + <li><a href="multiple-calendars.html">Display multiple months</a></li> + <li><a href="icon-trigger.html">Icon trigger</a></li> + <li><a href="animation.html">Animations</a></li> + <li><a href="date-range.html">Date Range</a></li> + </ul> +</div> + +</body> +</html> diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/inline.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/inline.html new file mode 100644 index 0000000..19c4b04 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/inline.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Datepicker - Display inline</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.5.1.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.datepicker.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> + $(function() { + $( "#datepicker" ).datepicker(); + }); + </script> +</head> +<body> + +<div class="demo"> + +Date: <div id="datepicker"></div> + +</div><!-- End demo --> + + + +<div class="demo-description"> +<p>Display the datepicker embedded in the page instead of in an overlay. Simply call .datepicker() on a div instead of an input.</p> +</div><!-- End demo-description --> + +</body> +</html> diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/localization.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/localization.html new file mode 100644 index 0000000..9103611 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/localization.html @@ -0,0 +1,162 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Datepicker - Localize calendar</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.5.1.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.datepicker.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-af.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-ar.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-ar-DZ.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-az.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-bg.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-bs.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-ca.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-cs.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-da.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-de.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-el.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-en-AU.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-en-GB.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-en-NZ.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-eo.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-es.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-et.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-eu.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-fa.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-fi.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-fo.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-fr.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-fr-CH.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-gl.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-he.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-hr.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-hu.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-hy.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-id.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-is.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-it.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-ja.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-ko.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-kz.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-lt.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-lv.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-ml.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-ms.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-nl.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-no.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-pl.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-pt.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-pt-BR.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-rm.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-ro.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-ru.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-sk.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-sl.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-sq.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-sr.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-sr-SR.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-sv.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-ta.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-th.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-tj.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-tr.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-uk.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-vi.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-zh-CN.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-zh-HK.js"></script> + <script src="../../ui/i18n/jquery.ui.datepicker-zh-TW.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> + $(function() { + $.datepicker.setDefaults( $.datepicker.regional[ "" ] ); + $( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] ); + $( "#locale" ).change(function() { + $( "#datepicker" ).datepicker( "option", + $.datepicker.regional[ $( this ).val() ] ); + }); + }); + </script> +</head> +<body> + +<div class="demo"> + +<p>Date: <input type="text" id="datepicker"/> + <select id="locale"> + <option value="af">Afrikaans</option> + <option value="sq">Albanian (Gjuha shqipe)</option> + <option value="ar-DZ">Algerian Arabic</option> + <option value="ar">Arabic (‫(لعربي</option> + <option value="hy">Armenian (Հայերեն)</option> + <option value="az">Azerbaijani (Azərbaycan dili)</option> + <option value="eu">Basque (Euskara)</option> + <option value="bs">Bosnian (Bosanski)</option> + <option value="bg">Bulgarian (български език)</option> + <option value="ca">Catalan (Català)</option> + <option value="zh-HK">Chinese Hong Kong (繁體中文)</option> + <option value="zh-CN">Chinese Simplified (简体中文)</option> + <option value="zh-TW">Chinese Traditional (繁體中文)</option> + <option value="hr">Croatian (Hrvatski jezik)</option> + <option value="cs">Czech (čeština)</option> + <option value="da">Danish (Dansk)</option> + <option value="nl">Dutch (Nederlands)</option> + <option value="en-AU">English/Australia</option> + <option value="en-NZ">English/New Zealand</option> + <option value="en-GB">English/UK</option> + <option value="eo">Esperanto</option> + <option value="et">Estonian (eesti keel)</option> + <option value="fo">Faroese (føroyskt)</option> + <option value="fa">Farsi/Persian (‫(فارسی</option> + <option value="fi">Finnish (suomi)</option> + <option value="fr" selected="selected">French (Français)</option> + <option value="fr-CH">French/Swiss (Français de Suisse)</option> + <option value="gl">Galician</option> + <option value="de">German (Deutsch)</option> + <option value="el">Greek (Ελληνικά)</option> + <option value="he">Hebrew (‫(עברית</option> + <option value="hu">Hungarian (Magyar)</option> + <option value="is">Icelandic (Õslenska)</option> + <option value="id">Indonesian (Bahasa Indonesia)</option> + <option value="it">Italian (Italiano)</option> + <option value="ja">Japanese (日本語)</option> + <option value="ko">Korean (한국어)</option> + <option value="kz">Kazakhstan (Kazakh)</option> + <option value="lv">Latvian (Latvieöu Valoda)</option> + <option value="lt">Lithuanian (lietuviu kalba)</option> + <option value="ml">Malayalam</option> + <option value="ms">Malaysian (Bahasa Malaysia)</option> + <option value="no">Norwegian (Norsk)</option> + <option value="pl">Polish (Polski)</option> + <option value="pt">Portuguese (Português)</option> + <option value="pt-BR">Portuguese/Brazilian (Português)</option> + <option value="rm">Rhaeto-Romanic (Romansh)</option> + <option value="ro">Romanian (Română)</option> + <option value="ru">Russian (Русский)</option> + <option value="sr">Serbian (српски језик)</option> + <option value="sr-SR">Serbian (srpski jezik)</option> + <option value="sk">Slovak (Slovencina)</option> + <option value="sl">Slovenian (Slovenski Jezik)</option> + <option value="es">Spanish (Español)</option> + <option value="sv">Swedish (Svenska)</option> + <option value="ta">Tamil (தமிழ்)</option> + <option value="th">Thai (ภาษาไทย)</option> + <option value="tj">Tajikistan</option> + <option value="tr">Turkish (Türkçe)</option> + <option value="uk">Ukranian (Українська)</option> + <option value="vi">Vietnamese (Tiếng Việt)</option> + </select></p> + +</div><!-- End demo --> + + + +<div class="demo-description"> +<p>Localize the datepicker calendar language and format (English / Western formatting is the default). The datepicker includes built-in support for languages that read right-to-left, such as Arabic and Hebrew.</p> +</div><!-- End demo-description --> + +</body> +</html> diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/min-max.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/min-max.html new file mode 100644 index 0000000..e27339e --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/min-max.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Datepicker - Restrict date range</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.5.1.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.datepicker.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> + $(function() { + $( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" }); + }); + </script> +</head> +<body> + +<div class="demo"> + +<p>Date: <input type="text" id="datepicker"></p> + +</div><!-- End demo --> + + + +<div class="demo-description"> +<p>Restrict the range of selectable dates with the <code>minDate</code> and <code>maxDate</code> options. Set the beginning and end dates as actual dates (new Date(2009, 1 - 1, 26)), as a numeric offset from today (-20), or as a string of periods and units ('+1M +10D'). For the last, use 'D' for days, 'W' for weeks, 'M' for months, or 'Y' for years.</p> +</div><!-- End demo-description --> + +</body> +</html> diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/multiple-calendars.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/multiple-calendars.html new file mode 100644 index 0000000..0c762f7 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/multiple-calendars.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Datepicker - Display multiple months</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.5.1.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.datepicker.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> + $(function() { + $( "#datepicker" ).datepicker({ + numberOfMonths: 3, + showButtonPanel: true + }); + }); + </script> +</head> +<body> + +<div class="demo"> + +<p>Date: <input type="text" id="datepicker"></p> + +</div><!-- End demo --> + + + +<div class="demo-description"> +<p>Set the <code>numberOfMonths</code> option to an integer of 2 or more to show multiple months in a single datepicker.</p> +</div><!-- End demo-description --> + +</body> +</html> diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/other-months.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/other-months.html new file mode 100644 index 0000000..78a04f2 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/other-months.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Datepicker - Dates in other months</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.5.1.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.datepicker.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> + $(function() { + $( "#datepicker" ).datepicker({ + showOtherMonths: true, + selectOtherMonths: true + }); + }); + </script> +</head> +<body> + +<div class="demo"> + +<p>Date: <input type="text" id="datepicker"></p> + +</div><!-- End demo --> + + + +<div class="demo-description"> +<p>The datepicker can show dates that come from other than the main month + being displayed. These other dates can also be made selectable.</p> +</div><!-- End demo-description --> + +</body> +</html> diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/show-week.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/show-week.html new file mode 100644 index 0000000..1cdb349 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/datepicker/show-week.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Datepicker - Show week of the year</title> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.5.1.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.datepicker.js"></script> + <link rel="stylesheet" href="../demos.css"> + <script> + $(function() { + $( "#datepicker" ).datepicker({ + showWeek: true, + firstDay: 1 + }); + }); + </script> +</head> +<body> + +<div class="demo"> + +<p>Date: <input type="text" id="datepicker"></p> + +</div><!-- End demo --> + + + +<div class="demo-description"> +<p>The datepicker can show the week of the year. The default calculation follows + the ISO 8601 definition: the week starts on Monday, the first week of the year + contains the first Thursday of the year. This means that some days from one + year may be placed into weeks 'belonging' to another year.</p> +</div><!-- End demo-description --> + +</body> +</html> diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/demos.css b/frontend/static/other_rooms/datepicker/development-bundle/demos/demos.css new file mode 100644 index 0000000..2d2ce1f --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/demos.css @@ -0,0 +1,334 @@ +body { + font-size: 62.5%; +} + +table { + font-size: 1em; +} + +/* Site + -------------------------------- */ + +body { + font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; +} + +/* Layout + -------------------------------- */ + +.layout-grid { + width: 960px; +} + +.layout-grid td { + vertical-align: top; +} + +.layout-grid td.left-nav { + width: 140px; +} + +.layout-grid td.normal { + border-left: 1px solid #eee; + padding: 20px 24px; + font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; +} + +.layout-grid td.demos { + background: url('/images/demos_bg.jpg') no-repeat; + height: 337px; + overflow: hidden; +} + +/* Normal + -------------------------------- */ + +.normal h3, +.normal h4 { + margin: 0; + font-weight: normal; +} + +.normal h3 { + padding: 0 0 9px; + font-size: 1.8em; +} + +.normal h4 { + padding-bottom: 21px; + border-bottom: 1px dashed #999; + font-size: 1.2em; + font-weight: bold; +} + +.normal p { + font-size: 1.2em; +} + +/* Demos */ + +.demos-nav, .demos-nav dt, .demos-nav dd, .demos-nav ul, .demos-nav li { + margin: 0; + padding: 0 +} + +.demos-nav { + float: left; + width: 170px; + font-size: 1.3em; +} + +.demos-nav dt, +.demos-nav h4 { + margin: 0; + padding: 0; + font: normal 1.1em "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; + color: #e87b10; +} + +.demos-nav dt, +.demos-nav h4 { + margin-top: 1.5em; + margin-bottom: 0; + padding-left: 8px; + padding-bottom:5px; + line-height: 1.2em; + border-bottom: 1px solid #F4F4F4; +} + +.demos-nav dd a, +.demos-nav li a { + border-bottom: 1px solid #F4F4F4; + display:block; + padding: 4px 3px 4px 8px; + font-size: 90%; + text-decoration: none; + color: #555 ; + margin:2px 0; + height:13px; +} + +.demos-nav dd a:hover, +.demos-nav dd a:focus, +.demos-nav dd a:hover, +.demos-nav dd a:focus { + background: #f3f3f3; + color:#000; + -moz-border-radius: 5px; -webkit-border-radius: 5px; +} + .demos-nav dd a.selected { + background: #555; + color:#ffffff; + -moz-border-radius: 5px; -webkit-border-radius: 5px; +} + + +/* new styles for demo pages, added by Filament 12.29.08 +eventually we should convert the font sizes to ems -- using px for now to minimize style conflicts +*/ + +.normal h3.demo-header { font-size:32px; padding:0 0 5px; border-bottom:1px solid #eee; text-transform: capitalize; } +.normal h4.demo-subheader { font-size:10px; text-transform: uppercase; color:#999; padding:8px 0 3px; border:0; margin:0; } +.normal a:link, +.normal a:visited { color:#1b75bb; text-decoration:none; } +.normal a:hover, +.normal a:active { color:#0b559b; } + +#demo-config { padding:20px 0 0; } + +#demo-frame { float:left; width:540px; height:380px; border:1px solid #ddd; overflow: auto; position: relative; } +#demo-frame h3, #demo-frame h4 { padding: 0; font-weight: bold; font-size: 1em; } + +#demo-config-menu { float:right; width:180px; } +#demo-config-menu h4 { font-size:13px; color:#666; font-weight:normal; border:0; padding-left:18px; } + +#demo-config-menu ul { list-style: none; padding: 0; margin: 0; } + +#demo-config-menu li { font-size:12px; padding:0 0 0 10px; margin:3px 0; zoom: 1; } + +#demo-config-menu li a:link, +#demo-config-menu li a:visited { display:block; padding:1px 8px 4px; border-bottom:1px dotted #b3b3b3; } +* html #demo-config-menu li a:link, +* html #demo-config-menu li a:visited { padding:1px 8px 2px; } +#demo-config-menu li a:hover, +#demo-config-menu li a:active { background-color:#f6f6f6; } + +#demo-config-menu li.demo-config-on { background: url(images/demo-config-on-tile.gif) repeat-x left center; } + +#demo-config-menu li.demo-config-on a:link, +#demo-config-menu li.demo-config-on a:visited, +#demo-config-menu li.demo-config-on a:hover, +#demo-config-menu li.demo-config-on a:active { background: url(images/demo-config-on.gif) no-repeat left; padding-left:18px; color:#fff; border:0; margin-left:-10px; margin-top: 0px; margin-bottom: 0px; } + +#demo-source, #demo-notes { + clear: both; + padding: 20px 0 0; + font-size: 1.3em; +} + +#demo-notes { width:520px; color:#333; font-size: 1em; } +#demo-notes p code, .demo-description p code { padding: 0; font-weight: bold; } +#demo-source pre, #demo-source code { padding: 0; } +code, pre { padding:8px 0 8px 20px ; font-size: 1.2em; line-height:130%; } + +#demo-source a:link, +#demo-source a:visited, +#demo-source a:hover, +#demo-source a:active { font-size:12px; padding-left:13px; background-position: left center; background-repeat: no-repeat; } + +#demo-source a.source-open:link, +#demo-source a.source-open:visited, +#demo-source a.source-open:hover, +#demo-source a.source-open:active { background-image: url(images/demo-spindown-open.gif); } + +#demo-source a.source-closed:link, +#demo-source a.source-closed:visited, +#demo-source a.source-closed:hover, +#demo-source a.source-closed:active { background-image: url(images/demo-spindown-closed.gif); } + +div.demo { + padding:12px; + font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; +} + +div.demo h3.docs { clear:left; font-size:12px; font-weight:normal; padding:0 0 1em; margin:0; } + +div.demo-description { + clear:both; + padding:12px; + font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"; + font-size: 1.3em; + line-height: 1.4em; +} + +.ui-draggable, .ui-droppable { + background-position: top left; +} + +.left-nav .demos-nav { + padding-right: 10px; +} + +#demo-link { font-size:11px; padding-top: 6px; clear: both; overflow: hidden; } +#demo-link a span.ui-icon { float:left; margin-right:3px; } + +/* Component containers +----------------------------------*/ +#widget-docs .ui-widget { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; } +#widget-docs .ui-widget input, #widget-docs .ui-widget select, #widget-docs .ui-widget textarea, #widget-docs .ui-widget button { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; } +#widget-docs .ui-widget-header { border: 1px solid #ffffff; background: #464646 url(images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } +#widget-docs .ui-widget-header a { color: #ffffff; } +#widget-docs .ui-widget-content { border: 1px solid #ffffff; background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x; color: #222222; } +#widget-docs .ui-widget-content a { color: #222222; } + +/* Interaction states +----------------------------------*/ +#widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default { border: 1px solid #666666; background: #555555 url(images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } +#widget-docs .ui-state-default a { color: #ffffff; text-decoration: none; outline: none; } +#widget-docs .ui-state-hover, #widget-docs .ui-widget-content #widget-docs .ui-state-hover, #widget-docs .ui-state-focus, #widget-docs .ui-widget-content #widget-docs .ui-state-focus { border: 1px solid #666666; background: #444444 url(images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; } +#widget-docs .ui-state-hover a { color: #ffffff; text-decoration: none; outline: none; } +#widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active { border: 1px solid #666666; background: #ffffff url(images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x; font-weight: normal; color: #F6921E; outline: none; } +#widget-docs .ui-state-active a { color: #F6921E; outline: none; text-decoration: none; } + +/* Interaction Cues +----------------------------------*/ +#widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x; color: #363636; } +#widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x; color: #cd0a0a; } +#widget-docs .ui-state-error-text, #widget-docs .ui-widget-content #widget-docs .ui-state-error-text { color: #cd0a0a; } +#widget-docs .ui-state-disabled, #widget-docs .ui-widget-content #widget-docs .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } +#widget-docs .ui-priority-primary, #widget-docs .ui-widget-content #widget-docs .ui-priority-primary { font-weight: bold; } +#widget-docs .ui-priority-secondary, #widget-docs .ui-widget-content #widget-docs .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } + +/* Icons +----------------------------------*/ + +/* states and images */ +#demo-frame-wrapper .ui-icon, #widget-docs .ui-icon { width: 16px; height: 16px; background-image: url(images/222222_256x240_icons_icons.png); } +#widget-docs .ui-widget-content .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); } +#widget-docs .ui-widget-header .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); } +#widget-docs .ui-state-default .ui-icon { background-image: url(images/888888_256x240_icons_icons.png); } +#widget-docs .ui-state-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); } +#widget-docs .ui-state-active .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); } +#widget-docs .ui-state-highlight .ui-icon {background-image: url(images/2e83ff_256x240_icons_icons.png); } +#widget-docs .ui-state-error .ui-icon, #widget-docs .ui-state-error-text .ui-icon {background-image: url(images/cd0a0a_256x240_icons_icons.png); } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +#widget-docs .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } +#widget-docs .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } +#widget-docs .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } +#widget-docs .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } +#widget-docs .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } +#widget-docs .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } +#widget-docs .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } +#widget-docs .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } +#widget-docs .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } + +/* Overlays */ +#widget-docs .ui-widget-overlay { background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } +#widget-docs .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; } + +/* +----------------------------------*/ + +#widget-docs { margin:20px 0 0; border: none; } + +#widget-docs h2, #widget-docs h3, #widget-docs h4, #widget-docs p, #widget-docs ul, #widget-docs code { margin:0; padding:0; } +#widget-docs code { display:block; color:#444; font-size:.9em; margin:0 0 1em; } +#widget-docs code strong { color:#000; } +#widget-docs p { margin:0 3em 1.2em 0; } +#widget-docs p.intro { font-size:13px; color:#666; line-height:1.3; } +#widget-docs ul { list-style-type: none; } + +#widget-docs h2 { font-size:16px; margin:1.2em 0 .5em; } +#widget-docs h3 { font-size:14px; color:#e6820E; margin:1.5em 0 .5em; } +.normal #widget-docs h4 { font-size:12px; color:#000; border:0; margin:0 0 .5em; } + +#docs-overview-main { width:400px; } +#docs-overview-sidebar { float:right; width:200px; } +#docs-overview-sidebar a span { color:#666; } +#widget-docs #docs-overview-main p { margin-right:0; } +#widget-docs #docs-overview-sidebar h4 { padding-left:0; } + +.docs-list-header { float:left; width:100%; margin:10px 0 0; border-bottom:1px solid #eee; } +#widget-docs .docs-list-header h2 { float:left; margin:0; } +#widget-docs .docs-list-header p { float:right; margin:5px 0; font-size:11px; } + +.docs-list { float:left; width:100%; padding:0 0 10px; } +.docs-list .param-header { float:left; clear:left; width:100%; padding:8px 0; border-top:1px solid #eee; } +#widget-docs .param-header h3, #widget-docs .param-header p { margin:0; float:left; } +#widget-docs .param-header h3 { width:50%; } +#widget-docs .param-header h3 span { background: url(images/demo-spindown-closed.gif) no-repeat left; padding-left:13px; } +#widget-docs .param-open .param-header h3 span { background: url(images/demo-spindown-open.gif) no-repeat left; } +#widget-docs .param-header p { width:24%; } +#widget-docs .param-header p.param-type span { background: url(images/icon-docs-info.gif) no-repeat left; cursor:pointer; border-bottom:1px dashed #ccc; padding-left:15px; } + +.param-details { padding-left:13px; } +.param-args { margin:0 0 1.5em; border-top:1px dotted #ccc;} +.param-args td { padding:3px 30px 3px 5px; border-bottom:1px dotted #ccc; } + + +/* overrides for ui-tab styles */ +#widget-docs ul.ui-tabs-nav { padding:0 0 0 8px; } +#widget-docs .ui-tabs-nav li { margin:5px 5px 0 0; } + +#widget-docs .ui-tabs-nav li a:link, +#widget-docs .ui-tabs-nav li a:visited, +#widget-docs .ui-tabs-nav li a:hover, +#widget-docs .ui-tabs-nav li a:active { font-size:14px; padding:4px 1.2em 3px; color:#fff; } + +#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link, +#widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited, +#widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover, +#widget-docs .ui-tabs-nav li.ui-tabs-selected a:active { color:#e6820E; } + +#widget-docs .ui-tabs-panel { padding:20px 9px; font-size:12px; line-height:1.4; color:#000; } + +#widget-docs .ui-widget-content a:link, +#widget-docs .ui-widget-content a:visited { color:#1b75bb; text-decoration:none; } +#widget-docs .ui-widget-content a:hover, +#widget-docs .ui-widget-content a:active { color:#0b559b; } + diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/images/calendar.gif b/frontend/static/other_rooms/datepicker/development-bundle/demos/images/calendar.gif Binary files differnew file mode 100644 index 0000000..d0abaa7 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/images/calendar.gif diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/images/demo-config-on-tile.gif b/frontend/static/other_rooms/datepicker/development-bundle/demos/images/demo-config-on-tile.gif Binary files differnew file mode 100644 index 0000000..a96b5bf --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/images/demo-config-on-tile.gif diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/images/demo-config-on.gif b/frontend/static/other_rooms/datepicker/development-bundle/demos/images/demo-config-on.gif Binary files differnew file mode 100644 index 0000000..e3b6d7c --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/images/demo-config-on.gif diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/images/demo-spindown-closed.gif b/frontend/static/other_rooms/datepicker/development-bundle/demos/images/demo-spindown-closed.gif Binary files differnew file mode 100644 index 0000000..ad4bd37 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/images/demo-spindown-closed.gif diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/images/demo-spindown-open.gif b/frontend/static/other_rooms/datepicker/development-bundle/demos/images/demo-spindown-open.gif Binary files differnew file mode 100644 index 0000000..e1c60aa --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/images/demo-spindown-open.gif diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/images/icon-docs-info.gif b/frontend/static/other_rooms/datepicker/development-bundle/demos/images/icon-docs-info.gif Binary files differnew file mode 100644 index 0000000..ea6d2be --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/images/icon-docs-info.gif diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/images/pbar-ani.gif b/frontend/static/other_rooms/datepicker/development-bundle/demos/images/pbar-ani.gif Binary files differnew file mode 100644 index 0000000..cb59a04 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/images/pbar-ani.gif diff --git a/frontend/static/other_rooms/datepicker/development-bundle/demos/index.html b/frontend/static/other_rooms/datepicker/development-bundle/demos/index.html new file mode 100644 index 0000000..2b87709 --- /dev/null +++ b/frontend/static/other_rooms/datepicker/development-bundle/demos/index.html @@ -0,0 +1,321 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>jQuery UI Demos</title> + <link rel="stylesheet" href="../themes/base/jquery.ui.all.css"> + <link rel="stylesheet" href="demos.css"> + <script src="../jquery-1.5.1.js"></script> + <script src="../external/jquery.bgiframe-2.1.2.js"></script> + <script src="../ui/jquery.ui.core.js"></script> + <script src="../ui/jquery.ui.widget.js"></script> + <script src="../ui/jquery.ui.mouse.js"></script> + <script src="../ui/jquery.ui.accordion.js"></script> + <script src="../ui/jquery.ui.autocomplete.js"></script> + <script src="../ui/jquery.ui.button.js"></script> + <script src="../ui/jquery.ui.datepicker.js"></script> + <script src="../ui/jquery.ui.dialog.js"></script> + <script src="../ui/jquery.ui.draggable.js"></script> + <script src="../ui/jquery.ui.droppable.js"></script> + <script src="../ui/jquery.ui.position.js"></script> + <script src="../ui/jquery.ui.progressbar.js"></script> + <script src="../ui/jquery.ui.resizable.js"></script> + <script src="../ui/jquery.ui.selectable.js"></script> + <script src="../ui/jquery.ui.slider.js"></script> + <script src="../ui/jquery.ui.sortable.js"></script> + <script src="../ui/jquery.ui.tabs.js"></script> + <script src="../ui/jquery.effects.core.js"></script> + <script src="../ui/jquery.effects.blind.js"></script> + <script src="../ui/jquery.effects.bounce.js"></script> + <script src="../ui/jquery.effects.clip.js"></script> + <script src="../ui/jquery.effects.drop.js"></script> + <script src="../ui/jquery.effects.explode.js"></script> + <script src="../ui/jquery.effects.fold.js"></script> + <script src="../ui/jquery.effects.highlight.js"></script> + <script src="../ui/jquery.effects.pulsate.js"></script> + <script src="../ui/jquery.effects.scale.js"></script> + <script src="../ui/jquery.effects.shake.js"></script> + <script src="../ui/jquery.effects.slide.js"></script> + <script src="../ui/jquery.effects.transfer.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-af.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-ar.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-ar-DZ.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-az.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-bs.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-bg.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-ca.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-cs.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-da.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-de.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-el.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-en-AU.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-en-GB.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-en-NZ.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-eo.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-es.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-et.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-eu.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-fa.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-fi.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-fo.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-fr.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-fr-CH.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-gl.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-he.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-hr.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-hu.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-hy.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-id.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-is.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-it.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-ja.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-ko.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-kz.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-lt.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-lv.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-ml.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-ms.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-nl.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-no.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-pl.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-pt.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-pt-BR.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-rm.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-ro.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-ru.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-sk.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-sl.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-sq.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-sr.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-sr-SR.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-sv.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-ta.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-th.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-tj.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-tr.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-uk.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-vi.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-zh-CN.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-zh-HK.js"></script> + <script src="../ui/i18n/jquery.ui.datepicker-zh-TW.js"></script> + <script> + $(function() { + + $('.left-nav a').click(function(ev) { + window.location.hash = this.href.replace(/.+\/([^\/]+)\/index\.html/,'$1') + '|default'; + loadPage(this.href); + $('.left-nav a.selected').removeClass('selected'); + $(this).addClass('selected'); + ev.preventDefault(); + }); + + if (window.location.hash) { + if (window.location.hash.indexOf('|') === -1) { + window.location.hash += '|default'; + } + var path = window.location.href.replace(/(index\.html)?#/,''); + path = path.replace('\|','/') + '.html'; + loadPage(path); + } + + function loadPage(path) { + var section = path.replace(/\/[^\/]+\.html/,''); + var header = section.replace(/.+\/([^\/]+)/,'$1').replace(/_/, ' '); + + $('td.normal div.normal') + .empty() + .append('<h4 class="demo-subheader">Functional demo:</h4>') + .append('<h3 class="demo-header">'+ header +'</h3>') + .append('<div id="demo-config"></div>') + .find('#demo-config') + .append('<div id="demo-frame"></div><div id="demo-config-menu"></div><div id="demo-link"><a class="demoWindowLink" href="#"><span class="ui-icon ui-icon-newwin"></span>Open demo in a new window</a></div>') + .find('#demo-config-menu') + .load(section + '/index.html .demos-nav', function() { + $('#demo-config-menu a').each(function() { + this.setAttribute('href', section + '/' + this.getAttribute('href').replace(/.+\/([^\/]+)/,'$1')); + $(this).attr('target', 'demo-frame'); + $(this).click(function() { + + resetDemos(); + + $(this).parents('ul').find('li').removeClass('demo-config-on'); + $(this).parent().addClass('demo-config-on'); + $('#demo-notes').fadeOut(); + + //Set the hash to the actual page without ".html" + window.location.hash = header + '|' + this.getAttribute('href').match((/\/([^\/\\]+)\.html/))[1]; + + loadDemo(this.getAttribute('href')); + + return false; + }); + }); + + if (window.location.hash) { + var demo = window.location.hash.split('|')[1]; + $('#demo-config-menu a').each(function(){ + if (this.href.indexOf(demo + '.html') !== -1) { + $(this).parents('ul').find('li').removeClass('demo-config-on'); + $(this).parent().addClass('demo-config-on'); + loadDemo(this.href); + } + }); + } + + updateDemoNotes(); + }) + .end() + .find('#demo-link a') + .bind('click', function(ev){ + window.open(this.href); + ev.preventDefault(); + }) + .end() + .end() + ; + + resetDemos(); + } + + function loadDemo(path) { + var directory = path.match(/([^\/]+)\/[^\/\.]+\.html$/)[1]; + $.get(path, function(data) { + var source = data; + data = data.replace(/<script.*>.*<\/script>/ig,""); // Remove script tags + data = data.replace(/<\/?link.*>/ig,""); //Remove link tags + data = data.replace(/<\/?html.*>/ig,""); //Remove html tag + data = data.replace(/<\/?body.*>/ig,""); //Remove body tag + data = data.replace(/<\/?head.*>/ig,""); //Remove head tag + data = data.replace(/<\/?!doctype.*>/ig,""); //Remove doctype + data = data.replace(/<title.*>.*<\/title>/ig,""); // Remove title tags + data = data.replace(/((href|src)=["'])(?!(http|#))/ig, "$1" + directory + "/"); + + $('#demo-style').remove(); + $('#demo-frame').empty().html(data); + $('#demo-frame style').clone().appendTo('head').attr('id','demo-style'); + $('#demo-link a').attr('href', path); + updateDemoNotes(); + updateDemoSource(source); + + if (/default.html$/.test(path)) { + $.get("documentation/docs-" + path.match(/demos\/(.+)\//)[1] + ".html", function(html) { + $("#demo-source").after(html); + $("#widget-docs").tabs(); + $(".param-header").click(function() { + $(this).parent().toggleClass("param-open").end().next().toggle(); + }); + $(".docs-list-header").each(function() { + var header = $(this); + var details = header.next().find(".param-details").hide(); + $("a:first", header).click(function() { + details.show().parent().addClass("param-open"); + return false; + }); + $("a:last", header).click(function() { + details.hide().parent().removeClass("param-open"); + return false; + }); + }); + }); + } + }); + } + + function updateDemoNotes() { + var notes = $('#demo-frame .demo-description'); + if ($('#demo-notes').length == 0) { + $('<div id="demo-notes"></div>').insertAfter('#demo-config'); + } + $('#demo-notes').hide().empty().html(notes.html()); + $('#demo-notes').show(); + notes.hide(); + } + + function updateDemoSource(source) { + if ($('#demo-source').length == 0) { + $('<div id="demo-source"><a href="#" class="source-closed">View Source</a><div><pre><code></code></pre></div></div>').insertAfter('#demo-notes'); + $('#demo-source').find(">a").click(function() { + $(this).toggleClass("source-closed").toggleClass("source-open").next().toggle(); + return false; + }).end().find(">div").hide(); + } + var cleanedSource = source + .replace('themes/base/jquery.ui.all.css', 'theme/jquery.ui.all.css') + .replace(/\s*\x3Clink.*demos\x2Ecss.*\x3E\s*/, '\r\n\t') + .replace(/\x2E\x2E\x2F\x2E\x2E\x2F/g, ''); + + $('#demo-source code').empty().text(cleanedSource); + } + + function resetDemos() { + $.datepicker.setDefaults($.extend({showMonthAfterYear: false}, $.datepicker.regional[''])); + $(".ui-dialog-content").remove(); + } + + }); + </script> +</head> +<body> + +<table class="layout-grid" cellspacing="0" cellpadding="0"> + <tr> + <td class="left-nav"> + <dl class="demos-nav"> + <dt>Interactions</dt> + + + + + + <dt>Widgets</dt> + + + + <dd><a href="datepicker/index.html">Datepicker</a></dd> + + + + + <dt>Effects</dt> + <dd><a href="animate/index.html">Color Animation</a></dd> + <dd><a href="toggleClass/index.html">Toggle Class</a></dd> + <dd><a href="addClass/index.html">Add Class</a></dd> + <dd><a href="removeClass/index.html">Remove Class</a></dd> + <dd><a href="switchClass/index.html">Switch Class</a></dd> + <dd><a href="effect/index.html">Effect</a></dd> + <dd><a href="toggle/index.html">Toggle</a></dd> + <dd><a href="hide/index.html">Hide</a></dd> + <dd><a href="show/index.html">Show</a></dd> + <dt>Utilities</dt> + + <dt>About jQuery UI</dt> + <dd><a href="http://jqueryui.com/docs/Getting_Started">Getting Started</a></dd> + <dd><a href="http://jqueryui.com/docs/Upgrade_Guide">Upgrade Guide</a></dd> + <dd><a href="http://jqueryui.com/docs/Changelog">Changelog</a></dd> + <dd><a href="http://jqueryui.com/docs/Roadmap">Roadmap</a></dd> + <dd><a href="http://jqueryui.com/docs/Subversion">Subversion Access</a></dd> + <dd><a href="http://jqueryui.com/docs/Developer_Guide">UI Developer Guidelines</a></dd> + <dt>Theming</dt> + <dd><a href="http://jqueryui.com/docs/Theming">Theming jQuery UI</a></dd> + <dd><a href="http://jqueryui.com/docs/Theming/API">jQuery UI CSS Framework</a></dd> + <dd><a href="http://jqueryui.com/docs/Theming/Themeroller">ThemeRoller application</a></dd> + <dd><a href="http://jqueryui.com/docs/Theming/ThemeSwitcher">Theme Switcher Widget</a></dd> + + </dl> + </td> + <td class="normal"> + + <div class="normal"> + + <h3>Instructions</h3> + <p> + These demos showcase some common uses of each jQuery UI plugin. Simply copy and paste code from the demos to get started. Have fun playing with them. + </p> + + </div> + + </td> + </tr> +</table> +</body> +</html> |
