-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
118 lines (113 loc) · 6.78 KB
/
index.html
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!doctype html>
<html lang="en">
<head>
<title>JBrowse Plugin List</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="build/main.css" />
<link href='https://fonts.googleapis.com/css?family=Roboto:500' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script src="build/app.js"></script>
</head>
<body ng-app="gmodPlugins" ng-controller="PluginController">
<header>
<div class="container">
<div class="intro-text">
<div class="intro-heading">The JBrowse Plugin Directory</div>
<a style="color:white" href="{{ url }}">Version {{ version }}</a>
</div>
</div>
</header>
<div class="container">
<section id="app">
<ul class="nav nav-pills">
<li class="active">
<a>Plugins</a>
</li>
<li>
<a href="https://github.com/GMOD/jbrowse-registry#registering-a-plugin" target="_blank">Register a Plugin</a>
</li>
<li>
<a href="https://github.com/GMOD/jbrowse-registry/pulls?utf8=%E2%9C%93&q=is%3Apr%20label%3Anew-plugin%20" target="_blank">Pending plugins</a>
</li>
</ul>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="input-group">
<input type="text" class="form-control" placeholder="Filter plugins..." ng-change="termChanged()" ng-model="searchTerm" aria-describedby="plug-addon">
<span id="plug-addon" class="input-group-addon glyphicon glyphicon-search" aria-hidden="true"></span>
</div>
<div class="filter-group">
<form class="form-inline filter-form" role="form">
<div class="form-group">
<label>Sort By:</label>
<select class="form-control" ng-model="sortKey">
<option value="name" selected>Name</option>
<option value="author">Author</option>
<option value="added">Date added</option>
<option value="license">License</option>
</select>
</div>
<div class="form-group">
<label>Order:</label>
<select class="form-control" ng-model="order">
<option value= '+' selected>Ascending</option>
<option value= '-'>Descending</option>
</select>
</div>
</form>
</div>
</div>
</nav>
<div class="plugin-list">
<div ng-repeat="plugin in filterData = (plugins | filter : {name: searchTerm}) | orderBy:order+sortKey | limitTo:10:10*(page-1)" class="list-group-item">
<div class="row plugin-title">
<div class="col-xs-9 plugin-name">
<a href="{{plugin.location}}">
{{ plugin.name }}
</a>
</div>
</div>
<div>
<div class="row">
<div class="col-xs-{{ plugin.image ? 9 : 12 }}">
<blockquote>{{plugin.description}}</blockquote>
<div class="list-unstyled">
<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
<span>{{plugin.author}}</span>
<span> </span>
<span ng-if="plugin.license" class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
<span ng-if="plugin.license" ng-bind-html="plugin.license | spdx_formatter"></span>
<span> </span>
<span ng-if="plugin.demo" class="glyphicon glyphicon-link" aria-hidden="true"></span>
<span ng-if="plugin.demo">
<a href="{{plugin.demo.slice(0,4)=='http' ? plugin.demo : 'demos/JBrowse-1.12.1/?data=../'+ plugin.demo }}">
Live Demo
</a>
</span>
<a ng-if="plugin.abbrev"><a href="{{plugin.location}}"><i class="fa fa-lg fa-{{plugin.type}}" aria-hidden="true"></i> {{plugin.abbrev}}</a></span>
</div>
</div>
<div class="col-xs-3" ng-if="plugin.image">
<a href="img/{{ plugin.image }}" target="_blank">
<img ng-src="img/{{ plugin.image }}" style="width:100%">
</a>
</div>
</div>
</div>
</div>
</div>
<ul uib-pagination class="pagination-sm pagination" total-items="filterData.length" ng-model="page"
ng-change="pageChanged()" previous-text="‹" next-text="›" items-per-page=10></ul>
<div class="contact">
<p>
This project is licensed under the BSD-2-Clause license,
and is available on <a href="https://github.com/GMOD/jbrowse-registry">GitHub</a>.
Portions of this project was supported by the National
Science Foundation under Grant Number 1565146
</p>
</div>
</section>
</div>
</body>
</html>