Formatted entries

This commit is contained in:
Brian Peacock 2014-05-07 13:36:48 -05:00
parent f2e433d52b
commit 5464b449ce
5 changed files with 76 additions and 24 deletions

View File

@ -43,12 +43,39 @@ h1 {
}
}
/*** Search Box ***/
#search-form {
float: right;
}
/*** Package Entries ***/
.entry {
background: #EEE;
.border-radius(3px);
padding: 15px;
h3 {
font-size: 24px;
margin: 0 0 10px;
}
.version {
font-size: 16px;
color: #666;
}
.author {
font-size: 16px;
float: right;
color: #555;
}
p {
margin: 0;
}
}
/*** Search Results ***/
.state-search #standard-content {
.state-search #all-packages {
display: none;
}

View File

@ -1,5 +1,4 @@
<article class='entry'>
<h3>{{ name }} <small>v{{ version }}</small></h3>
<div>User: {{ _npmUser.name }}</div>
<h3>{{ name }} <small class='version'>v{{ version }}</small><div class='author'>By: {{ _npmUser.name }}</div></h3>
<p>{{ description }}</p>
</article>

View File

@ -10,29 +10,31 @@
<div id='content'>
<h1><a href='/'>{{ name }}</a></h1>
<form id='search-form'>
<input type='text' placeholder='search' name='q' />
<button class='clear'>x</button>
</form>
<div class='center'>
<article id='setup'>
<code>npm set registry {{ baseUrl }}</code><br>
<code>npm adduser --registry {{ baseUrl }}</code>
</article>
</div>
<h2>
Available Packages:
<form id='search-form'>
<input type='text' placeholder='Search' name='q' />
<button class='clear'>x</button>
</form>
</h2>
<div id='search-results'></div>
<div id='standard-content'>
<div class='center'>
<article id='setup'>
<code>npm set registry {{ baseUrl }}</code><br>
<code>npm adduser --registry {{ baseUrl }}</code>
</article>
</div>
<h2>Available Packages:</h2>
<div id='all-packages'>
{{#each packages}}
{{> entry}}
{{/each}}
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type='text/javascript' src='/-/static/main.js'></script>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type='text/javascript' src='/-/static/main.js'></script>
</body>
</html>

View File

@ -36,12 +36,36 @@ h1 a:hover {
#setup code {
font-family: Consolas, monaco, monospace;
}
/*** Search Box ***/
#search-form {
float: right;
}
/*** Package Entries ***/
.entry {
background: #EEE;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 15px;
}
.entry h3 {
font-size: 24px;
margin: 0 0 10px;
}
.entry .version {
font-size: 16px;
color: #666;
}
.entry .author {
font-size: 16px;
float: right;
color: #555;
}
.entry p {
margin: 0;
}
/*** Search Results ***/
.state-search #standard-content {
.state-search #all-packages {
display: none;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22lib%2FGUI%2Fcss%2Fmain.less%22%2C%22node_modules%2Fhelpers.less%2Fhelpers.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAGA%3BEACC%2CSAAA%3BEACA%2CaAAa%2CiBAAiB%2C8CAA9B%3B%3BAAGD%3BEACC%2CkBAAA%3B%3BAADD%2CEAGC%3BAAHD%2CEAGI%2CEAAC%3BEACH%2CYAAA%3BEACA%2CqBAAA%3B%3BAALF%2CEAQC%2CEAAC%3BEACA%2C0BAAA%3B%3BAAIF%3BEACC%2CkBAAA%3B%3BAAGD%3BEACC%2CcAAA%3BEACA%2CgBAAA%3BEACA%2CaAAA%3B%3B%3BAAID%3BEACC%2CmBAAA%3BEACA%2CkBAAA%3BEACA%2CqBAAA%3BEClBG%2C0BAAA%3BEACA%2CuBAAA%3BEACA%2CkBAAA%3BEDkBH%2CgBAAA%3BEACA%2CWAAA%3B%3BAAND%2CMAQC%3BEACC%2CwCAAA%3B%3B%3BAAKF%3BEACC%2CgBAAA%3B%3B%3BAAID%2CaAAc%3BEACb%2CaAAA%22%7D */
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22lib%2FGUI%2Fcss%2Fmain.less%22%2C%22node_modules%2Fhelpers.less%2Fhelpers.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAGA%3BEACC%2CSAAA%3BEACA%2CaAAa%2CiBAAiB%2C8CAA9B%3B%3BAAGD%3BEACC%2CkBAAA%3B%3BAADD%2CEAGC%3BAAHD%2CEAGI%2CEAAC%3BEACH%2CYAAA%3BEACA%2CqBAAA%3B%3BAALF%2CEAQC%2CEAAC%3BEACA%2C0BAAA%3B%3BAAIF%3BEACC%2CkBAAA%3B%3BAAGD%3BEACC%2CcAAA%3BEACA%2CgBAAA%3BEACA%2CaAAA%3B%3B%3BAAID%3BEACC%2CmBAAA%3BEACA%2CkBAAA%3BEACA%2CqBAAA%3BEClBG%2C0BAAA%3BEACA%2CuBAAA%3BEACA%2CkBAAA%3BEDkBH%2CgBAAA%3BEACA%2CWAAA%3B%3BAAND%2CMAQC%3BEACC%2CwCAAA%3B%3B%3BAAKF%3BEACC%2CYAAA%3B%3B%3BAAID%3BEACC%2CgBAAA%3BECnCG%2C0BAAA%3BEACA%2CuBAAA%3BEACA%2CkBAAA%3BEDmCH%2CaAAA%3B%3BAAHD%2CMAKC%3BEACC%2CeAAA%3BEACA%2CgBAAA%3B%3BAAPF%2CMAUC%3BEACC%2CeAAA%3BEACA%2CWAAA%3B%3BAAZF%2CMAeC%3BEACC%2CeAAA%3BEACA%2CYAAA%3BEACA%2CWAAA%3B%3BAAlBF%2CMAqBC%3BEACC%2CSAAA%3B%3B%3BAAKF%2CaAAc%3BEACb%2CaAAA%22%7D */

View File

@ -9,13 +9,13 @@ helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
if (helper = helpers.name) { stack1 = helper.call(depth0, {hash:{},data:data}); }
else { helper = (depth0 && depth0.name); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
buffer += escapeExpression(stack1)
+ " <small>v";
+ " <small class='version'>v";
if (helper = helpers.version) { stack1 = helper.call(depth0, {hash:{},data:data}); }
else { helper = (depth0 && depth0.version); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
buffer += escapeExpression(stack1)
+ "</small></h3>\n <div>User: "
+ "</small><div class='author'>By: "
+ escapeExpression(((stack1 = ((stack1 = (depth0 && depth0._npmUser)),stack1 == null || stack1 === false ? stack1 : stack1.name)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
+ "</div>\n <p>";
+ "</div></h3>\n <p>";
if (helper = helpers.description) { stack1 = helper.call(depth0, {hash:{},data:data}); }
else { helper = (depth0 && depth0.description); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
buffer += escapeExpression(stack1)