tests/manual/calendar-intl.html

c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen<html>
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen<head>
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen    <title>Calendar Intl Tests</title>
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen    <script type="text/javascript" src="/build/yui/yui.js"></script>
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen</head>
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen<body class="yui3-skin-sam">
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen<div id="calendar"></div>
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen<p>Current language: <span id="currentLang"></span></p>
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen<p>
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen    <select id="langSelect"></select>
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen    <button id="switchLang">Switch</button>
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen</p>
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen<script type="text/javascript">
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen    YUI({
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen        lang: 'en',
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen        filter: 'raw',
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen        filters: {
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen            'calendar-base': 'debug',
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen            'calendar': 'debug'
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen        }
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen    }).use('calendar', function (Y) {
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen        function buildCalendar(date) {
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen            return new Y.Calendar({
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen                width: '300px',
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen                date: date,
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen                contentBox: '#calendar',
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen            });
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen        }
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen        function updateCurrentLanguage() {
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen            Y.one('#currentLang').setContent(Y.Intl.getLang('calendar-base'));
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen        }
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen        var calendar = buildCalendar(new Date()).render(),
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen            availableLangs = Y.Intl.getAvailableLangs('calendar-base'),
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen            langSelect = Y.one('#langSelect');
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen        Y.Array.each(availableLangs, function (lang) {
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen            langSelect.append('<option value="' + lang + '">' + lang + '<\/option>');
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen        });
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen        Y.one('#switchLang').on('click', function () {
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen            var lang = langSelect.get('value');
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen            Y.use('lang/calendar-base_' + lang,
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen                  'lang/datatype-date-format_' + lang, function (Y) {
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen                var date = calendar.get('date');
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen                Y.Intl.setLang('calendar-base', lang);
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen                Y.Intl.setLang('datatype-date-format', lang);
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen                calendar.destroy();
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen                calendar = buildCalendar(date).render();
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen                updateCurrentLanguage();
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen            });
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen        });
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen        updateCurrentLanguage();
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen    });
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen</script>
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen</body>
c7fa70f3e1e92bb5a5610d1a9fc79d86c6ccdbf9Marcel Köppen</html>