start redesign of app list (appstore)

This commit is contained in:
e-lie 2018-08-26 00:22:28 +00:00 committed by elie
parent 76b4007fc9
commit 1350097394
2 changed files with 46 additions and 12 deletions

View file

@ -557,6 +557,25 @@ input[type='radio'].nice-radio {
} }
} }
.app-card {
margin-bottom: 20px;
width: 30%;
float: left;
min-height: 1px;
margin-right: 10px;
margin-left: 10px;
border-radius: 4px;
}
.btn-group {
width: 100%;
margin-left: 0px;
}
.panel-body {
padding: 15px;
}
/** Flash messages **/ /** Flash messages **/
#flashMessage { #flashMessage {

View file

@ -17,18 +17,33 @@
<div class="list-group"> <div class="list-group">
{{#apps}} {{#apps}}
<a href="#/apps/install/{{id}}" class="list-group-item slide" title="{{t 'install'}}"> <div class="app-card_ampache app-card panel panel-default" id="app-card_ampache">
<span class="fa-chevron-right pull-right"></span> <div class="panel-body">
<h2 class="list-group-item-heading"> <h3>{{name}}</h3>
{{name}} <small>{{id}}</small> <div class="category"> <span class="label label-success label-as-badge">{{level}}</span>
{{#installed}}<span class="badge badge-success" title="{{t 'status'}}">{{t 'installed'}}</span>{{/installed}} <span class="label label-success label-as-badge app-validated">validated</span>
</h2> <span class="label label-default">AGPL-3.0</span></div>
<p class="list-group-item-text">{{description}}</p> <div class="app-card-desc">{{description}}</div>
{{^official}} </div>
<p class="list-group-item-text">{{t 'app_repository'}}{{repository}}</p> <div class="app-card-date-maintainer">
<p class="list-group-item-text">{{t 'app_state'}}{{state}}</p> <span class="glyphicon glyphicon-refresh"></span> 10 April 2018 -
{{/official}} <span title="Current maintainer of this package" class="maintained"><span class="glyphicon glyphicon-user"></span> aymhce</span>
</a> </div>
<div class="btn-group" role="group">
<a href="https://github.com/YunoHost-Apps/ampache_ynh" target="_BLANK" type="button" class="btn btn-default col-sm-4">
<span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
Code
</a>
<a href="#/app_ampache_en" target="_BLANK" type="button" class="btn btn-default col-sm-4">
<span class="glyphicon glyphicon-book" aria-hidden="true"></span>
Doc
</a>
<a href="#/apps/install/{{id}}" target="_BLANK" type="button" class="btn btn-success col-sm-4 active">
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
Install
</a>
</div>
</div>
{{/apps}} {{/apps}}
</div> </div>