stackoverflow-history/index.html at master · chena/stackoverflow-history · 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
<!DOCTYPE html>
<html ng-app="StackoverflowHistory" ng-csp="">
  <head>
    <title>Stackoverflow History</title>
    <link rel="stylesheet" media="all" href="css/bootstrap-chrome.css">
    <link rel="stylesheet" media="all" href="css/styles.css">
    <base target="_blank"><!-- open all links in new tabs-->
  </head>

  <body ng-controller="PageController">
    <div class="chrome-bootstrap">
      <span class="heading">stack<strong>overflow</strong> history</span>

      <!-- selection menu -->
      <div class="pull-right">
        <select ng-model="view">
          <option value="history">Browse History</option>
          <option value="cloud">Visualize Tags</option>
        </select>
      </div>

      <!-- history view -->
      <div ng-show="view == 'history'">
        <p class="pull-right">
          Search by Tag or Keyword: <input type="text" ng-model="keyword">
          <!--<input type="hidden" ng-model="tag">-->
        </p>

        <ul class="menu">
          <li class="well" ng-repeat="question in questions
            | orderBy:'time':true
            | filter:keyword ">
            <h3><a ng-href="{{question.url}}">{{question.title}}</a></h3>
            <p class="date">Last Visit: {{question.time | date : 'medium'}}</p>
            <p>Tags:
              <button ng-repeat="tag in question.tags" ng-click="search(tag)">
                {{tag}}
              </button>
            </p>
          </li>
        </ul>
      </div>

      <!-- cloud view -->
      <div ng-show="view == 'cloud'" ng-controller="WordCloudController">
        <word-cloud words="tags"></word-cloud>
      </div>
  	</div>

    <script src="js/vendor/angular.min.js"></script>
    <script src='js/app/app.js'></script>
    <script src="js/vendor/d3.min.js"></script>
    <script src="js/vendor/d3.layout.cloud.js"></script>
  </body>
</html>