UNPKG

supergiovane

Version:

website for searching through history of npm modules

127 lines (115 loc) 8.4 kB
<!DOCTYPE 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">&times;</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>