mirror of
https://github.com/portainer/portainer.git
synced 2025-08-05 05:45:22 +02:00
feat(applications): show status indication [EE-1623] (#5614)
* feat(applications): show status indication * feat(k8s/applications): move colors to theme * fix helm application indicator for main header * refactor(k8s/apps): receive more general ok status Co-authored-by: waysonwei <degui.wei@gmail.com>
This commit is contained in:
parent
7b72130433
commit
50f63ae865
5 changed files with 28 additions and 0 deletions
12
app/portainer/components/status-indicator/index.js
Normal file
12
app/portainer/components/status-indicator/index.js
Normal file
|
@ -0,0 +1,12 @@
|
|||
import angular from 'angular';
|
||||
|
||||
import './status-indicator.css';
|
||||
|
||||
export const statusIndicator = {
|
||||
templateUrl: './status-indicator.html',
|
||||
bindings: {
|
||||
ok: '<',
|
||||
},
|
||||
};
|
||||
|
||||
angular.module('portainer.app').component('statusIndicator', statusIndicator);
|
|
@ -0,0 +1,13 @@
|
|||
.status-indicator {
|
||||
padding: 0 !important;
|
||||
margin-right: 1ch;
|
||||
border-radius: 50%;
|
||||
background-color: var(--red-3);
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ok {
|
||||
background-color: var(--green-3);
|
||||
}
|
|
@ -0,0 +1 @@
|
|||
<i aria-hidden="true" ng-class="['status-indicator', { ok: $ctrl.ok }]"></i>
|
Loading…
Add table
Add a link
Reference in a new issue