rzd/startpage.py at master · zstan/rzd · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
#!/usr/local/bin/python3
# -*- coding: utf-8 -*-

def getMainPage():
  return autocompleteJS +\
  """
   </head>
      <body>
       <form action="/trains" method="post">
         <H2><font color="#EB4120">Поиск билетов на РЖД</font></H2>
         <div class="ui-widget">
           <input class="suggest" id="from" type="search" name="from" size="30" placeholder="откуда" tabindex="0" required="true">
         </div>
         <br>
         <div class="ui-widget">
           <input class="suggest" id="to" type="search" name="to" size="30" placeholder="куда" tabindex="1" required="true">
         </div>
         <br>
         <div><input type="text" id="datepicker" name="date" tabindex="2" placeholder="дата" required="true" readonly="true"></div>
         <br>
         <div><input type="submit" value="мне повезет" tabindex="3"></div>
       </form>%s
     </body>
   </html>
  """

autocompleteJS=\
  """
  <html><head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="themes/jquery-ui.css">
  <script src="themes/jquery-1.9.1.js"></script>
  <script src="themes/jquery-ui.js"></script>
  <link rel="stylesheet" href="themes/style.css">
  <style>
  .ui-autocomplete-loading {
    background: white url('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/images/ui-anim_basic_16x16.gif') right center no-repeat;
  }


{ margin: 0; padding: 0; }

html {
        background: url('themes/images/bg.jpg') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

  </style>
  <script>
        $(function() {
          $( "#datepicker" ).datepicker();
        });

        (function ($) {
            $.fn.simpleSuggest = function (params) { // params - наши параметры, если не устраивают параметры по умолчанию
                params = params || {};
                var $elem = this, // сам элемент
                        options = { // параметры по умолчанию
                            search: function () {
                                // custom minLength
                                var term = extractLast(this.value);
                                if (term.length < 3) {
                                    return false;
                                }
                            },
                            focus: function () {
                                // prevent value inserted on focus
                                return false;
                            },
                            select: function (event, ui) {
                                var terms = split(this.value);
                                // remove the current input
                                terms.pop();
                                // add the selected item
                                terms.push(ui.item.value);
                                // add placeholder to get the comma-and-space at the end
                                //terms.push("");
                                //this.value = terms.join(", ");
                                this.value = terms;
                                return false;
                            }
                        };
                $.extend(options, params);

                $elem.on("keydown",function (event) {
                    if (event.keyCode === $.ui.keyCode.TAB &&
                            $(this).data("ui-autocomplete").menu.active) {
                        event.preventDefault();
                    }
                }).autocomplete(options);

                function split(val) {
                    return val.split(/,\s*/);
                }

                function extractLast(term) {
                    return split(term).pop();
                }
            };
        })(jQuery);

        // ждем когда загрузится страница
        $(document).ready(function () {
            var params = {
                source: function (request, response) {
                    $.getJSON("suggester?lang=ru", {
                        stationNamePart: request.term.split(/,\s*/).pop()
                    }, response);
                }
            };

            $(".suggest").simpleSuggest(params);
        });

  </script>
  """