<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="description" content="Mobiscroll is a scroller style date/time picker optimized for touch devices such as iPhone, iPad, Android, to easily enter date and/or time. It's easily customizable and comes with very nice pre-defined themes: iOS, Android, Sense UI, Default."/>
    <meta name="keywords" content="jQuery, JavaScript, datepicker, timepicker, touchscreen, Webkit, android, iPhone, iPad, webapps, GalaxyTab, dropdown, mobile, wheel, senseui, wheel, barrel, scroller-style, clickpick"/>

    <title>Mobiscroll</title>

    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

    <script src="mobiscroll.core.js" type="text/javascript"></script>
    <script src="mobiscroll.datetime.js" type="text/javascript"></script>
    <script src="mobiscroll.jqm.js" type="text/javascript"></script>
    <script src="mobiscroll.ios.js" type="text/javascript"></script>
    <script src="mobiscroll.android.js" type="text/javascript"></script>
    <script src="mobiscroll.android-ics.js" type="text/javascript"></script>

    <link href="mobiscroll.core.css" rel="stylesheet" type="text/css" />
    <link href="mobiscroll.jqm.css" rel="stylesheet" type="text/css" />
    <link href="mobiscroll.android.css" rel="stylesheet" type="text/css" />
    <link href="mobiscroll.android-ics.css" rel="stylesheet" type="text/css" />
    <link href="mobiscroll.ios.css" rel="stylesheet" type="text/css" />
    <link href="mobiscroll.sense-ui.css" rel="stylesheet" type="text/css" />

    <style type="text/css">
        body {
            font-family: arial, verdana, sans-serif;
            font-size: 12px;
        }
        .inline > div {
            text-align: center;
        }
    </style>

    <script type="text/javascript">
        $(document).ready(function () {
            // Date with external button
            /*$('#date1').scroller();
            // Time
            $('#date2').scroller({ preset: 'time' });
            // Datetime
            $('#date3').scroller({ preset: 'datetime' });

            $('#inline').scroller({ display: 'inline' });

            var wheels = [{'City' : {1:'Atlanta',2:'Berlin',3:'Boston',4:'Chicago',5:'London',6:'Los Angeles',7:'New York',8:'Paris',9:'San Francisco'}}];

            function parseCustom() {
                return $('#hidden').val() ? [$('#hidden').val()] : [1];
            }

            function selectCustom(valueText) {
                $('#custom').val(wheels[0]['City'][valueText]); $('#hidden').val(valueText);
            }

            $('#custom').scroller({wheels: wheels, headerText: false, onSelect: selectCustom, parseValue: parseCustom });

            $('#theme, #mode').change(function() {
                var t = $('#theme').val();
                var m = $('#mode').val();
                $('#date1').scroller('destroy').scroller({ theme: t, mode: m });
                $('#date2').scroller('destroy').scroller({ theme: t, mode: m, preset: 'time' });
                $('#date3').scroller('destroy').scroller({ theme: t, mode: m, preset: 'datetime' });
                $('#custom').scroller('destroy').scroller({ theme: t, mode: m, wheels: wheels, headerText: false, onSelect: selectCustom, parseValue: parseCustom });
                $('#inline').scroller('destroy').scroller({ theme: t, mode: m, display: 'inline', showLabel: false });
            });*/

            var opt = {
                'date': {
                    preset: 'date'
                },
                'datetime': {
                    preset: 'datetime'
                },
                'time': {
                    preset: 'time'
                },
                'custom': {
                    wheels: [{'City' : {1:'Atlanta',2:'Berlin',3:'Boston',4:'Chicago',5:'London',6:'Los Angeles',7:'New York',8:'Paris',9:'San Francisco'}}],
                    headerText: false,
                    onSelect: function() {
                        $('#test').val(wheels[0]['City'][valueText]); $('#hidden').val(valueText);
                    },
                    parseValue: function() {
                        return $('#hidden').val() ? [$('#hidden').val()] : [1];
                    }
                },
                'inline': {
                    display: 'inline'
                }
            }

            $('select').change(function() {
                $('#test').scroller('destroy').scroller($.extend(opt[$('#demo').val()], { theme: $('#theme').val(), mode: $('#mode').val() }));
            }).change();
        });
    </script>
</head>

<body>
    <div data-role="page" data-theme="b" id="jqm-home">
        <div data-role="header" data-theme="a">
            <h1>Mobiscroll</h1>
        </div>

        <div data-role="content" data-theme="d">
            <form id="testform">
                <div data-role="fieldcontain">
                    <label for="theme">Theme</label>
                    <select name="theme" id="theme" data-native-menu="false">
                        <option value="default">Default</option>
                        <option value="jqm" selected>jQuery Mobile (New)</option>
                        <option value="android-ics">Android ICS (New)</option>
                        <option value="android-ics light">Android ICS Light (New)</option>
                        <option value="android">Android</option>
                        <option value="sense-ui">Sense UI</option>
                        <option value="ios">iOS</option>
                    </select>
                </div>

                <div data-role="fieldcontain">
                    <label for="mode">Mode</label>
                    <select name="mode" id="mode" data-native-menu="false">
                        <option value="scroller">Scroller</option>
                        <option value="clickpick" selected>Clickpick</option><commit_msg>Fixes<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="description" content="Mobiscroll is a scroller style date/time picker optimized for touch devices such as iPhone, iPad, Android, to easily enter date and/or time. It's easily customizable and comes with very nice pre-defined themes: iOS, Android, Sense UI, Default."/>
    <meta name="keywords" content="jQuery, JavaScript, datepicker, timepicker, touchscreen, Webkit, android, iPhone, iPad, webapps, GalaxyTab, dropdown, mobile, wheel, senseui, wheel, barrel, scroller-style, clickpick"/>

    <title>Mobiscroll</title>

    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

    <script src="mobiscroll.core.js" type="text/javascript"></script>
    <script src="mobiscroll.datetime.js" type="text/javascript"></script>
    <script src="mobiscroll.jqm.js" type="text/javascript"></script>
    <script src="mobiscroll.ios.js" type="text/javascript"></script>
    <script src="mobiscroll.android.js" type="text/javascript"></script>
    <script src="mobiscroll.android-ics.js" type="text/javascript"></script>

    <link href="mobiscroll.core.css" rel="stylesheet" type="text/css" />
    <link href="mobiscroll.jqm.css" rel="stylesheet" type="text/css" />
    <link href="mobiscroll.android.css" rel="stylesheet" type="text/css" />
    <link href="mobiscroll.android-ics.css" rel="stylesheet" type="text/css" />
    <link href="mobiscroll.ios.css" rel="stylesheet" type="text/css" />
    <link href="mobiscroll.sense-ui.css" rel="stylesheet" type="text/css" />

    <style type="text/css">
        body {
            font-family: arial, verdana, sans-serif;
            font-size: 12px;
        }
        .inline > div {
            text-align: center;
        }
    </style>

    <script type="text/javascript">
        $(document).ready(function () {
            // Date with external button
            /*$('#date1').scroller();
            // Time
            $('#date2').scroller({ preset: 'time' });
            // Datetime
            $('#date3').scroller({ preset: 'datetime' });

            $('#inline').scroller({ display: 'inline' });

            var wheels = [{'City' : {1:'Atlanta',2:'Berlin',3:'Boston',4:'Chicago',5:'London',6:'Los Angeles',7:'New York',8:'Paris',9:'San Francisco'}}];

            function parseCustom() {
                return $('#hidden').val() ? [$('#hidden').val()] : [1];
            }

            function selectCustom(valueText) {
                $('#custom').val(wheels[0]['City'][valueText]); $('#hidden').val(valueText);
            }

            $('#custom').scroller({wheels: wheels, headerText: false, onSelect: selectCustom, parseValue: parseCustom });

            $('#theme, #mode').change(function() {
                var t = $('#theme').val();
                var m = $('#mode').val();
                $('#date1').scroller('destroy').scroller({ theme: t, mode: m });
                $('#date2').scroller('destroy').scroller({ theme: t, mode: m, preset: 'time' });
                $('#date3').scroller('destroy').scroller({ theme: t, mode: m, preset: 'datetime' });
                $('#custom').scroller('destroy').scroller({ theme: t, mode: m, wheels: wheels, headerText: false, onSelect: selectCustom, parseValue: parseCustom });
                $('#inline').scroller('destroy').scroller({ theme: t, mode: m, display: 'inline', showLabel: false });
            });*/

            var opt = {
                'date': {
                    preset: 'date'
                },
                'datetime': {
                    preset: 'datetime'
                },
                'time': {
                    preset: 'time'
                },
                'custom': {
                    wheels: [{'City' : {1:'Atlanta',2:'Berlin',3:'Boston',4:'Chicago',5:'London',6:'Los Angeles',7:'New York',8:'Paris',9:'San Francisco'}}],
                    headerText: false,
                    onSelect: function() {
                        $('#test').val(wheels[0]['City'][valueText]); $('#hidden').val(valueText);
                    },
                    parseValue: function() {
                        return $('#hidden').val() ? [$('#hidden').val()] : [1];
                    }
                },
                'inline': {
                    display: 'inline'
                }
            }

            $('select').change(function() {
                $('#test').scroller('destroy').scroller($.extend(opt[$('#demo').val()], { theme: $('#theme').val(), mode: $('#mode').val() }));
            }).change();
        });
    </script>
</head>

<body>
    <div data-role="page" data-theme="b" id="jqm-home">
        <div data-role="header" data-theme="a">
            <h1>Mobiscroll</h1>
        </div>

        <div data-role="content" data-theme="d">
            <form id="testform">
                <div data-role="fieldcontain">
                    <label for="theme">Theme</label>
                    <select name="theme" id="theme" data-native-menu="false">
                        <option value="default">Default</option>
                        <option value="jqm">jQuery Mobile (New)</option>
                        <option value="android-ics">Android ICS (New)</option>
                        <option value="android-ics light">Android ICS Light (New)</option>
                        <option value="android">Android</option>
                        <option value="sense-ui">Sense UI</option>
                        <option value="ios">iOS</option>
                    </select>
                </div>

                <div data-role="fieldcontain">
                    <label for="mode">Mode</label>
                    <select name="mode" id="mode" data-native-menu="false">
                        <option value="scroller">Scroller</option>
                        <option value="clickpick">Clickpick</option>
{'fraction_non_alphanumeric': 0.18637593506286806, 'fraction_numerical': 0.008117141492917396, 'mean_word_length': 2.1237882177479492, 'pattern_counts': {'":': 0, '<': 151, '<?xml version=': 0, '>': 153, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7071604', 'n_tokens_mistral': 3651, 'n_tokens_neox': 3506, 'n_words': 675}