97 lines
4.1 KiB
HTML
97 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link href="/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link rel="icon" href="https://satellite.bar/images/sat.ico" />
|
|
<link href="/css/satbd.sateliite.bar.css" rel="stylesheet" />
|
|
<title>satbd: explorez la betheque de sat</title>
|
|
</head>
|
|
<body ng-app="satbd.satellite.bar" ng-controller="GlobalCtrl" >
|
|
<nav class="navbar navbar-inverse navbar-fixed-top">
|
|
<div class="container" ng-controller="NavbarCollapseCtrl">
|
|
<script type="text/ng-template" id="help.html">
|
|
<div class="modal-header">
|
|
<h3 class="modal-title">Aide</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p> Bientôt disponible </p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-primary" type="button" ng-click="ok()">OK</button>
|
|
</div>
|
|
</script>
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" ng-click="isCollapsed = !isCollapsed" aria-expanded="false" aria-controls="navbar">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="/"><img alt="brand" src="//satellite.bar/images/satellitenuit.png"/></a>
|
|
</div>
|
|
<div id="navbar" class="navbar-collapse" uib-collapse="isCollapsed">
|
|
<ul class="nav navbar-nav">
|
|
<li ng-class="{active: isActive('recents')}"><a ng-click="recents()" >Récents</a></li>
|
|
<li ng-class="{active: isActive('collections')}"><a ng-click="collections()">Par Collection</a></li>
|
|
<li ng-class="{active: isActive('authors')}"><a ng-click="authors()">Par Auteurs</a></li>
|
|
</ul>
|
|
<form class="navbar-form navbar-right" role="search" ng-submit="search()">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" ng-model="searchQuery" placeholder="Chercher ...">
|
|
<div class="input-group-btn">
|
|
<button class="btn btn-default" type="submit">Go!</button>
|
|
<button type="button" class="btn btn-default" ng-click="openModal('lg')">
|
|
<span class="glyphicon glyphicon-question-sign" aria-label="help"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div><!--/.nav-collapse -->
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Begin page content -->
|
|
<div class="container-fluid" >
|
|
|
|
<!-- search results -->
|
|
<div class="search row" ng-controller="SearchCtrl" ng-show="showResults" ng-cloak>
|
|
<h3> {{searchResults.total_hits}} résultats en {{searchResults.took/1000000000}} secondes </h3>
|
|
<div class="col-xs-12" ng-repeat="hit in searchResults.hits">
|
|
<h3> {{hit.fields["série"]}} - {{hit.fields.titre}} </h3>
|
|
<ul>
|
|
<li><label>Référence:</label>{{hit.fields.ref}}</li>
|
|
<li><label>Description:</label>{{hit.fields.description}}</li>
|
|
<li><label>Collection:</label> {{hit.fields.collection}}</li>
|
|
<li><label>Note:</label> {{hit.fields.Note}} / 5.0 </li>
|
|
</ul>
|
|
<ul>
|
|
<li ng-repeat="(name,fragments) in hit.fragments" ><label>{{name}}</label>
|
|
<ul>
|
|
<li ng-repeat="f in fragments" ng-bind-html="f"></li>
|
|
</ul>
|
|
</li>
|
|
</div>
|
|
<!-- <p> <label>JSON:</label> {{searchResultsJSON}} </p>-->
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Recent Albums -->
|
|
<div class="recent row" ng-controller="RecentCtrl" ng-cloak>
|
|
<div class="album col-xs-6 col-sm-4 col-md-3 col-lg-2" ng-repeat="id in albumIDs" ng-controller="RecentAlbumCtrl" ng-init="init_by_id(id)">
|
|
<img class="cover img-responsive img-rounded center-block" ng-src="{{album.CoverURL}}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/bower_components/angular/angular.min.js"></script>
|
|
<script src="/bower_components/angular-animate/angular-animate.min.js"></script>
|
|
<script src="/bower_components/angular-sanitize/angular-sanitize.min.js"></script>
|
|
<script src="/bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
|
|
<script src="/js/satbd.satellite.bar.js"></script>
|
|
</body>
|
|
</html>
|