app/views/layouts/application.html.erb
<!DOCTYPE html>
<html ng-app="baw">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><%= content_for?(:title) ? yield(:title) : "Baw Site" %></title>
<meta name="description" content="<%= content_for?(:description) ? yield(:description) : "Baw Site" %>">
<%= stylesheet_link_tag "application", media: "all" %>
<%= javascript_include_tag "application" %>
<!--<script src="https://login.persona.org/include.js"></script>-->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAWT_qg_GDQVSlQB9O_1CEQf8l4bErP5Ek&sensor=false"></script>
<%= csrf_meta_tags %>
<%= yield(:head) %>
<!-- fot sticky footer -->
<!--[if !IE 7]>
<style type="text/css">
#wrap {display:table;height:100%}
</style>
<![endif]-->
</head>
<body baw-auth class="waiting-for-angular">
<%= "" #yield
%>
<div id="page-wrapper" >
<header>
<h1><a href="/">Bioacoustic Workbench</a></h1>
<ul style="display:none;">
<li><a href="/projects">Projects</a></li>
<li><a href="/listen">Listen</a></li>
<li ng-controller="LoginCtrl">
<span ng-show="loggedIn">
Welcome <a href="/users/{{userData.userId}}" title="{{friendlyName}}">{{friendlyName}}</a> <a href ng-click="logout()">Sign Out</a>
</span>
<span ng-hide="loggedIn">
Welcome! <a href ng-click="login()">Sign In</a>
</span>
</li>
<li>Debugging: </li>
<li><a href="/listen/1bd0d668-1471-4396-adc3-09ccd8fe949a">Listen</a></li>
<li><a ng-href="{{downloadAnnotationLink}}" target="_blank">Annotations</a></li>
</ul>
</header>
<div id="login-holder">
<div id="loginbox">
<div id="login-inner" ng-controller="LoginCtrl">
<a href="/" id="loginboxclose" title="Cancel login and return to home page" ng-click="cancelLogin()"><i class="icon-remove"></i></a>
<form method="POST" autocomplete>
<h2>Sign In</h2>
<ul >
<li><a ng-click="submit('google')" class="btn-auth btn-google">Sign in with Google</a> </li>
<li><a ng-click="submit('facebook')" class="btn-auth btn-facebook">Sign in with Facebook</a></li>
<li><a ng-click="submit('twitter')" class="btn-auth btn-twitter" >Sign in with Twitter</a></li>
<li><a ng-click="submit('windowslive')" class="btn-auth btn-windows" >Sign in with Live ID</a></li>
<!--
<li><a ng-click="submit('persona')" class="persona-button"><span>Sign in with Persona</span></a> </li>
<li><a ng-click="submit('github')" class="btn-auth btn-github" >Sign in with GitHub</a></li>
<li><a ng-click="submit('yahoo')" href="#" class="btn-auth btn-yahoo">Sign in with Yahoo ID</a> </li>
<li><a ng-click="submit('open_id')" class="btn-auth btn-openid">Sign in with OpenID</a> </li>
-->
</ul>
<div ng-show="requireMoreInformation">
<h3>Additional information is required</h3>
<label><span ng-bind="requireMoreInformation.text" ></span>
<input
name="login_url" id="login_url" placeholder="enter a valid url"
type="url" autocomplete="on"
ng-show='requireMoreInformation.type == "url"'
ng-disabled='requireMoreInformation.type != "url"'
required="This field is required"
ng-required="{{requireMoreInformation}}"
class="login"
ng-model="additionalInformation"/>
<input
name="login_text" id="login_text" placeholder="enter required text"
type="text" autocomplete="on"
ng-disabled='requireMoreInformation.type != "text"'
ng-show='requireMoreInformation.type == "text"'
required="This field is required"
ng-required="{{requireMoreInformation}}"
class="login"
ng-model="additionalInformation"/>
<input
name="email" id="email" placeholder="enter a valid email"
type="email" autocomplete="on"
ng-disabled='requireMoreInformation.type != "email"'
ng-show='requireMoreInformation.type == "email"'
required="This field is required"
ng-required="{{requireMoreInformation}}"
class="login"
ng-model="additionalInformation"/>
</label>
<button ng-click="submit(requireMoreInformation.providerId)" type="submit">Sign In</button>
</div>
</form>
</div>
<div class="clear"></div>
</div>
</div>
<navigation ng-controller="NavigationCtrl" ></navigation>
<!-- each view must specify the controller they use -->
<div id="content-wrapper" ng-view></div>
</div>
<footer>
Bio-Acoustic Workbench, an open source escience initiative.
</footer>
</body>
</html>