grim/port-authority

flow: Created branch 'feature/semantic-ui'.
feature/semantic-ui
2015-02-07, Gary Kramlich
8b181a850efb
flow: Created branch 'feature/semantic-ui'.
<!DOCTYPE html>
<html lang="en" data-ng-app="manifest">
<head>
<title>Port Authority</title>
<script src="/js/angular.min.js"></script>
<script src="/js/ui-bootstrap-tpls-0.11.2.min.js"></script>
<script src="/js/google-analytics-bundle.js"></script>
<script src="/js/app.js"></script>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/style.css">
</head>
<body data-ng-controller="ManifestController">
<div class="main">
<div class="row">
<form data-ng-submit="refresh()">
<div class="col-xs-5">
<div class="input-group">
<span class="input-group-addon">Registry</span>
<input class="form-control" data-ng-model="registry" placeholder="enter the url of your registry" data-ng-disabled="refreshing">
</div>
</div>
<div class="col-xs-5">
<div class="input-group">
<span class="input-group-addon">Query</span>
<input class="form-control" data-ng-model="query" placeholder="Search Query" ng-disabled="refreshing">
</div>
</div>
<div class="col-xs-2">
<button type="button" class="btn btn-primary" data-ng-click="refresh()" data-ng-disabled="refreshing">Refresh</button>
</div>
</form>
</div>
<div class="row">
<div class="col-xs-12">Clipboard: {{clipboard}}</div>
</div>
<div class="row" data-ng-show="debug">
<div class="col-xs-3"><label><input type="checkbox" data-ng-model="refreshing">refreshing</label></div>
<div class="col-xs-3"><label><input type="checkbox" data-ng-model="refreshing_repo">refreshing_repo</label></div>
</div>
<div class="row height-90">
<div class="col-xs-4 full-height">
<div class="list-group repo-list" data-ng-hide="refreshing">
<a class="list-group-item" data-ng-repeat="r in repos" data-ng-click="select_repo(r)" data-ng-class="(r == repo) ? 'active': ''" href>{{r.name}}</a>
</div>
<div class="loading" data-ng-show="refreshing">
<i class="fa fa-spin fa-5x fa-cog"></i><br><span>Loading...</span>
</div>
</div>
<div class="repo-info col-xs-8" data-ng-show="repo">
<div><h1>{{repo.name}}</h1></div>
<div>{{repo.description||"(no description)"}}</div>
<div>
<span data-ng-show="repo.is_official" class="label label-primary">Official</span>
<span data-ng-show="repo.is_trusted" class="label label-success">Trusted</span>
<span data-ng-show="repo.is_automated" class="label label-info">Automated</span>
<span class="label label-warning" data-ng-show="repo.star_count > 0">{{repo.star_count}}<span class="fa fa-star"></span></span>
</div>
<div data-ng-hide="refreshing_repo">
<ul class="tag-list">
<li data-ng-repeat="(layer, tags) in tags">
<span data-ng-repeat="tag in tags"><code>{{tag}}</code><span data-ng-click="copy_tag(tag)" class="fa fa-clipboard"></span>{{$last ? '' : ', '}}</span>
</li>
</ul>
</div>
<div class="loading" data-ng-show="refreshing_repo">
<i class="fa fa-spin fa-5x fa-cog"></i><br>Loading...
</div>
</div>
</div>
</div>
</body>
</html>