jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Show testing badges in appstore view

Browse Source
This commit is contained in:
Johannes Zellner
2015-07-28 13:21:23 +02:00
parent af682e5bb1
commit eea547411b
2 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
webadmin/src/theme.scss
View File

@@ -156,8 +156,14 @@ html {
cursor: pointer;
}
.appstore-item-badge-testing {
position: absolute;
right: 15px;
top: 15px;
}
.appstore-item-content-testing {
background-color: rgb(201, 201, 201);
background-color: #E6E6E6;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 64px 64px;
}
@@ -257,6 +263,10 @@ html {
background-color: #5CB85C;
}
.badge-danger {
background-color: $brand-danger;
}
.progress {
margin-bottom: 0;
}

3
webadmin/src/views/appstore.html
View File

@@ -5,7 +5,7 @@
<div class="modal-content">
<div class="modal-header">
<img ng-src="{{appInstall.app.iconUrl}}" onerror="this.onerror=null;this.src='img/appicon_fallback.png'" class="app-icon"/>
<h3 class="appstore-install-title">{{ appInstall.app.manifest.title }}</h3>
<h3 class="appstore-install-title">{{ appInstall.app.manifest.title }} <span class="badge badge-danger" ng-show="appInstall.app.publishState === 'testing'">Testing</span></h3>
<br/>
<span class="appstore-install-meta">{{ appInstall.app.manifest.author }}</span>
<br/>
@@ -103,6 +103,7 @@
<div class="row-no-margin">
<div class="col-sm-1 appstore-item" ng-repeat="app in apps">
<div class="appstore-item-content highlight" ng-click="showInstall(app)" ng-class="{ 'appstore-item-content-testing': app.publishState === 'testing' }">
<span class="badge badge-danger appstore-item-badge-testing" ng-show="app.publishState === 'testing'">Testing</span>
<div class="appstore-item-content-icon col-same-height">
<img ng-src="{{app.iconUrl}}" onerror="this.onerror=null;this.src='img/appicon_fallback.png'" class="app-icon"/>
</div>