supergiovane
Version:
website for searching through history of npm modules
127 lines (115 loc) • 8.4 kB
HTML
<html lang="en" ng-app="supergiovane">
<head>
<title>supergiovane</title>
<meta charset="utf-8" />
<meta name="author" content="hex7c0" />
<meta name="description" content="website for searching through history of npm modules" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="icon" type="image/x-icon" href="/static/favicon.ico" />
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/static/css/style.min.css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.9/angular.min.js"></script>
<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body ng-controller="main">
<div id="header" class="container">
<header>
<div class="search">
<a href="https://it.wikipedia.org/wiki/Luca_Mangoni" target="_blank">
<img src="/static/img/sp.jpg" id="search-logo" class="media" alt="supergiovane" width="120" height="114" />
</a>
<h2 class="search-heading">insert <span style="color:#cc3d33;">npm</span> module</h2>
<div class="input-group">
<input id="search" type="search" ng-model="search" class="form-control search-input" placeholder="try monitode" accesskey="p" required autofocus autocomplete data-toggle="tooltip" data-placement="left" title="package">
<span class="input-group-btn">
<button id="cls" ng-click="button('clear', $event);" class="btn btn-default search-input" type="button">clear</button>
</span>
</div>
<button id="sub" ng-click="button('search', $event);" class="btn btn-lg btn-primary btn-block">search</button>
</div>
</header>
</div>
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="processing" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">processing request</h4>
</div>
<div class="modal-body">
<div class="progress">
<div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width:100%">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">close</button>
</div>
</div>
</div>
</div>
<div class="container">
<div class="alert alert-danger" role="alert" style="display:none;">
<strong>:(</strong> module not found or something blow up
</div>
<div ng-show="npm.desc" class="jumbotron"> <!-- ng-show for perPage model -->
<h3>{{ ::npm.desc }}</h3>
<div class="list-group">
<span class="list-group-item" ng-if="npm.author">
author: <a ng-href="https://www.npmjs.com/~{{ ::npm.author.name }}" target="_blank">{{ ::npm.author.name }}</a><span ng-if="npm.author.url">, <a ng-href="{{ ::npm.author.url }}" target="_blank">website</a></span><span ng-if="npm.author.email">, <a ng-href="mailto:{{ ::npm.author.email }}" target="_blank">email</a></span><span ng-if="npm.author.stat">, <a ng-href="{{ ::npm.author.stat }}" target="_blank">stat</a></span>
</span>
<span class="list-group-item" ng-if="npm.npm">
npm: <a ng-href="{{ ::npm.npm.link }}" target="_blank">module</a><span ng-if="npm.npm.issue">, <a ng-href="{{ ::npm.npm.issue }}" target="_blank">issue</a></span><span ng-if="npm.npm.stat">, <a ng-href="{{ ::npm.npm.stat }}" target="_blank">stat</a></span>
</span>
<span class="list-group-item" ng-if="npm.license">license: {{ ::npm.license }}</span>
<span class="list-group-item" ng-if="npm.versions">found: <a ng-href="/#/{{ ::searched }}"><img id="badge" ng-src="/api/{{ ::searched }}/badge.svg" alt="badge" /></a></span>
<span class="list-group-item">show latest <input ng-model="perPage" class="input-sm" type="number" min="1" max="1000" placeholder="Number">
</div>
</div>
<ul id="show" ng-cloak ng-if="versions" class="row row-offcanvas row-offcanvas-right">
<li ng-repeat="element in versions | orderBy:'element.timestamp':true | limitTo:perPage track by element.id" ng-class="class">
<h2>
<a ng-href="/#/{{ ::searched }}/{{ ::element.title }}">version {{ ::element.title }}</a>
</h2>
<p ng-if="element.time">release date: {{ ::element.time }}</p>
<p ng-if="element.node">node engine: {{ ::element.node }}</p>
<p ng-if="element.npmv">npm version: {{ ::element.npmv }}</p>
<p class="btn-group">
<a class="btn btn-default" ng-if="element.page" ng-href="{{ ::element.page }}" role="button">homepage</a>
<a class="btn btn-default" ng-if="element.repo" ng-href="{{ ::element.repo }}" role="button">repo</a>
<a class="btn btn-default" ng-if="element.url" ng-href="{{ ::element.url }}" role="button">download</a>
</p>
<ul ng-if="element.depsN" class="row row-offcanvas row-offcanvas-right">
<li ng-repeat="dep in element.depsN track by dep.title" class="col-6 col-sm-6 col-lg-4">
<a ng-href="{{ ::dep.url }}" target="_blank"><span>{{ ::dep.title }}@{{ ::dep.version }}</span></a>
</li>
</ul>
<ul ng-if="element.depsV" class="row row-offcanvas row-offcanvas-right">
<li ng-repeat="dep in element.depsV track by dep.title" class="col-6 col-sm-6 col-lg-4">
<a ng-href="{{ ::dep.url }}" target="_blank"><span>{{ ::dep.title }}@{{ ::dep.version }}</span></a>
</li>
</ul>
</li>
</ul>
</div>
<script type="text/javascript" src="/static/js/script.min.js"></script>
<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-49163106-3', 'auto');
ga('send', 'pageview');
</script>
<div class="footer">
<div class="container">
<footer>
<p class="text-muted">
<h5>2014 © <a href="https://hex7c0.github.io/" target="_blank">hex7c0</a>. npm is © npm, Inc. <a href="/">supergiovane</a> is not affiliated with <a href="https://www.npmjs.com/" target="_blank">npm</a> or with <a href="http://elioelestorietese.it/" target="_blank">EELST</a>. Go <a onclick="up();" href="#">up</a></h5>
</p>
</footer>
</div>
</div>
</body>
</html>