onehis 0.3.0

All your history in one file
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
120
121
122
123
124
125
126
127
128
129
130

<html lang="en">
  <head>
    <meta charset="utf-8">
    <link rel="icon" href="/static/img/history.ico">
    <title>1History Statistics</title>
    <link type="text/css" rel="stylesheet" href="/static/css/bootstrap.min.css"/>
    <link type="text/css" rel="stylesheet" href="/static/css/daterangepicker.css"/>
    <link type="text/css" rel="stylesheet" href="/static/css/nav.css"/>
    <script src="/static/js/jquery-1.11.3.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/moment.min.js"></script>
    <script src="/static/js/daterangepicker.js"></script>
    <script src="/static/js/echarts.js"></script>
    <script src="/static/js/underscore-min.js"></script>
    <script src="/static/js/main.js"></script>
    <script type="text/javascript">
      $(function() {
        var start = moment({{ start }});
        var end = moment({{ end }});
        var minDate = moment({{ min_time }});
        var maxDate =  moment({{ max_time }});
        $('#browse_range').daterangepicker({
          startDate: start,
          endDate: end,
          minDate: minDate,
          maxDate: maxDate,
          format: SHOW_FORMAT,
          ranges: {
            'Yesterday': [moment().subtract(1, 'days'), moment()],
            'Last 7 Days': [moment().subtract(6, 'days'), moment()],
            'Last 30 Days': [moment().subtract(29, 'days'), moment()],
            'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
            'All History': [minDate, maxDate]
          }
        }, chooseDaterangeCB);

        $('#keyword').keypress(function (e) {
          if (e.which == 13) {
            ohsearchIndex();
            return false;
          }
        });
        $('#submit').click(function() {
          ohsearchIndex();
          return false;
        });
        chooseDaterangeCB(start, end);
        configChart( {{ daily_counts }},
                     {{ title_top100 }},
                     {{ domain_top100 }},
                     '{{ keyword | escape }}');
      })
    </script>
  </head>

  <body>
    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="/">1History Dashboards</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <form class="navbar-form navbar-right">
            <div class="form-group">
              <div id="browse_range" class="form-control" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
                <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>&nbsp;
                <span></span> <b class="caret"></b>
              </div>
            </div>
            <div class="form-group" >
              <input id="keyword" style="width: 500px;" type="search" placeholder="Search..." class="form-control" value="{{ keyword }}">
            </div>
            <div class="form-group">
              <input type="submit" id="submit" class="btn btn-success" value="Search">
            </div>
          </form>
        </div>
      </div>
    </nav>
    <div class="container" style="margin-top:60px">
      <div class="row">
        <div id="dailyVisits" style="height:500px;border:1px solid #ccc;padding:10px;"></div>
      </div>
      <div class="row">
        <div id="titleTop10" style="height:500px;border:1px solid #ccc;padding:10px;"></div>
      </div>
      <div class="row">
        <div id="domainTop10" style="height:500px;border:1px solid #ccc;padding:10px;"></div>
      </div>
      <div class="row table-responsive">
        <h3 style="margin: 0 0 20px 0">TOP 100 by title</h3>
        <table class="table table-striped">
          <tr>
            <th>Counts</th>
            <th>Title</th>
          </tr>
          {%  for (title, cnt) in title_top100 %}
          <tr>
            <td>{{ cnt }}</td>
            <td>{{ title }}</td>
          </tr>
          {%  endfor %}
        </table>
      </div>
      <div class="row table-responsive">
        <h3 style="margin: 0 0 20px 0">TOP 100 by domain</h3>
        <table class="table table-striped">
          <tr>
            <th>Counts</th>
            <th>Domain</th>
          </tr>
          {%  for (domain, cnt) in domain_top100 %}
          <tr>
            <td>{{ cnt }}</td>
            <td>{{ domain }}</td>
          </tr>
          {%  endfor %}
        </table>
      </div>
    </div>

    <footer class="footer">
      <div class="container text-center">
        <p class="text-muted">
        </p>
        <p><a href="https://github.com/1History/1History" target="_blank"><i class="glyphicon glyphicon-menu-left"></i><i class="glyphicon glyphicon-menu-right"></i></a> With <i class="glyphicon glyphicon-heart"></i> by <a href="https://twitter.com/liujiacai" target="_blank">Jiacai Liu.</a> Current version: {{ version }}</p>
      </div>
    </footer>
  </body>
</html>