Skip to content
Snippets Groups Projects
Select Git revision
  • e10164313300f2567f32d18d70e8996b988d5aab
  • master default
2 results

index.scala.html

Blame
    • Forked from cosc360-2016 / project-base
    Source project has a limited visibility.
    index.scala.html 3.51 KiB 
    @(u:model.User)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="/assets/html/favicon.ico">

    <title>Hawkeye</title>

    <!-- Bootstrap core CSS -->
    <link href="/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="/assets/bootstrap/css/cover.css" rel="stylesheet">

    <!--<meta name="viewport" content="initial-scale=1.0, user-scalable=yes" />-->
    <script src="//maps.googleapis.com/maps/api/js?sensor=false&libraries=placeses,visualization,drawing,geometry,places"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js"></script>
    <script src="//rawgit.com/angular-ui/angular-google-maps/2.1.5/dist/angular-google-maps.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/3.5.0/lodash.min.js"></script>
    <script src="/assets/javascript/cbuffer.js"></script>
    <script src="/assets/javascript/dynamicHeatMap.js"></script>
</head>

<body>

<style>
    .angular-google-map-container { height: 700px; }
    button, input {color: black; }
</style>

@if(u != null) {
<div ng-app="myApp" ng-controller="Example">
    <label>Search for tweets relating to:
        <input type="text" name="input" ng-model="filter.text" required ng-trim="false">
    </label>
    <button ng-click="filterTopic()">Search!</button>

    <ui-gmap-google-map center='map.center' zoom='map.zoom' options="map.options">
        <ui-gmap-layer namespace="visualization" type="HeatmapLayer" show="map.showHeat" onCreated="map.heatLayerCallback"></ui-gmap-layer>
    </ui-gmap-google-map>
    @for(session <- u.getSessions()) {
    <form action="remoteLogout" method="POST">
        <input type="hidden" value="@{session.getId()}" name="remove" />
        <button type="submit">Log out remotely</button>
    </form>
    }
</div>

} else {

<div class="site-wrapper">

    <div class="site-wrapper-inner">

        <div class="cover-container">

            <div class="masthead clearfix">
                <div class="inner">
                    <h3 class="masthead-brand">Hawkeye</h3>
                    <nav>
                        <ul class="nav masthead-nav">
                            <li class="active"><a href="/">Home</a></li>
                            <li><a href="/login">Login</a></li>
                                <li><a href="/register">Register</a></li>
                        </ul>
                    </nav>
                </div>
            </div>

            <div class="inner cover">
                <h1 class="cover-heading">See whats going on around you.</h1>
                <p class="lead">Hawkeye is a single-page app that displays all tweets globally as a realtime heatmap.</p>
            </div>

        </div>

    </div>

</div>

}

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>

</body>
</html>