Do not use those panels but simple rectangles for appstore and applist

This commit is contained in:
Johannes Zellner
2015-02-25 17:24:56 +01:00
parent 535ba65097
commit f0d1613458
6 changed files with 54 additions and 34 deletions
+7 -2
View File
@@ -24,9 +24,10 @@
<!-- Custom Fonts -->
<link href="3rdparty/sb-admin-2/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="3rdparty/rickshaw/rickshaw.min.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
<style>
.animateMe {
@@ -54,6 +55,10 @@
opacity: 0;
}
body {
font-family: 'Roboto', sans-serif;
}
</style>
<!-- angularjs scripts -->
@@ -167,7 +172,7 @@
<!-- /.navbar-top-links -->
</nav>
<div id="page-wrapper">
<div id="page-wrapper" style="background-color: #E5E5E5">
<div ng-view id="ng-view"></div>
</div>
</div>
+10 -7
View File
@@ -1,21 +1,24 @@
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">Installed Applications</h1>
<h1>Installed Applications</h1>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6" ng-repeat="app in installedApps">
<div class="panel panel-primary">
<div class="col-md-1" ng-repeat="app in installedApps" style="padding: 15px">
<div style="background-color: white;">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<div class="col-xs-12 text-center">
<img ng-show="app.icon" width="48" height="48" ng-src="{{app.icon}}"/>
<span ng-show="!app.icon" class="fa fa-space-shuttle fa-4x"></span>
</div>
<div class="col-xs-9 text-right">
<div class="huge">{{ app.location || "App" }}</div>
<div>{{ app.installationState | installationStateLabel }}</div>
</div>
<br/>
<div class="row">
<div class="col-xs-12 text-left">
<div>{{ app.location || "App" }}</div>
<div class="text-muted">{{ app.installationState | installationStateLabel }}</div>
<div ng-show="app.installationState | installationActive" class="animateMe ng-hide">
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
+10 -8
View File
@@ -24,18 +24,20 @@
</div>
<div class="row animateMeOpacity ng-hide" ng-show="loadStatus == LOADED">
<div class="col-lg-4 col-md-6" ng-repeat="app in apps">
<div class="panel panel-primary">
<div class="col-md-1" ng-repeat="app in apps" style="padding: 15px">
<div style="background-color: white;">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<div class="col-xs-12 text-center">
<img ng-show="app.icon" width="48" height="48" ng-src="{{app.icon}}"/>
<span ng-show="!app.icon" class="fa fa-space-shuttle fa-4x"></span>
</div>
<div class="col-xs-9 text-right">
<div class="huge">{{ app.title }}</div>
<div>{{ app.contactEmail }}</div>
<div>{{ app.description || "No description" }}</div>
</div>
<br/>
<div class="row">
<div class="col-xs-12 text-left">
<div>{{ app.title }}</div>
<div class="text-muted">{{ app.description || "No description" }}</div>
</div>
</div>
</div>
@@ -48,4 +50,4 @@
</a>
</div>
</div>
</div>
</div>
+7 -2
View File
@@ -24,9 +24,10 @@
<!-- Custom Fonts -->
<link href="3rdparty/sb-admin-2/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="3rdparty/rickshaw/rickshaw.min.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
<style>
.animateMe {
@@ -54,6 +55,10 @@
opacity: 0;
}
body {
font-family: 'Roboto', sans-serif;
}
</style>
<!-- angularjs scripts -->
@@ -167,7 +172,7 @@
<!-- /.navbar-top-links -->
</nav>
<div id="page-wrapper">
<div id="page-wrapper" style="background-color: #E5E5E5">
<div ng-view id="ng-view"></div>
</div>
</div>
+10 -7
View File
@@ -1,21 +1,24 @@
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">Installed Applications</h1>
<h1>Installed Applications</h1>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6" ng-repeat="app in installedApps">
<div class="panel panel-primary">
<div class="col-md-1" ng-repeat="app in installedApps" style="padding: 15px">
<div style="background-color: white;">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<div class="col-xs-12 text-center">
<img ng-show="app.icon" width="48" height="48" ng-src="{{app.icon}}"/>
<span ng-show="!app.icon" class="fa fa-space-shuttle fa-4x"></span>
</div>
<div class="col-xs-9 text-right">
<div class="huge">{{ app.location || "App" }}</div>
<div>{{ app.installationState | installationStateLabel }}</div>
</div>
<br/>
<div class="row">
<div class="col-xs-12 text-left">
<div>{{ app.location || "App" }}</div>
<div class="text-muted">{{ app.installationState | installationStateLabel }}</div>
<div ng-show="app.installationState | installationActive" class="animateMe ng-hide">
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
+10 -8
View File
@@ -24,18 +24,20 @@
</div>
<div class="row animateMeOpacity ng-hide" ng-show="loadStatus == LOADED">
<div class="col-lg-4 col-md-6" ng-repeat="app in apps">
<div class="panel panel-primary">
<div class="col-md-1" ng-repeat="app in apps" style="padding: 15px">
<div style="background-color: white;">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<div class="col-xs-12 text-center">
<img ng-show="app.icon" width="48" height="48" ng-src="{{app.icon}}"/>
<span ng-show="!app.icon" class="fa fa-space-shuttle fa-4x"></span>
</div>
<div class="col-xs-9 text-right">
<div class="huge">{{ app.title }}</div>
<div>{{ app.contactEmail }}</div>
<div>{{ app.description || "No description" }}</div>
</div>
<br/>
<div class="row">
<div class="col-xs-12 text-left">
<div>{{ app.title }}</div>
<div class="text-muted">{{ app.description || "No description" }}</div>
</div>
</div>
</div>
@@ -48,4 +50,4 @@
</a>
</div>
</div>
</div>
</div>