diff --git a/app/assets/css/theme.css b/app/assets/css/theme.css index 957cb451c..902fbd2c8 100644 --- a/app/assets/css/theme.css +++ b/app/assets/css/theme.css @@ -88,6 +88,7 @@ html { --green-1: #164; --green-2: #1ec863; + --green-3: #23ae89; } :root { diff --git a/app/kubernetes/components/datatables/applications-datatable/applicationsDatatable.html b/app/kubernetes/components/datatables/applications-datatable/applicationsDatatable.html index d13ae7e3c..20e35dd01 100644 --- a/app/kubernetes/components/datatables/applications-datatable/applicationsDatatable.html +++ b/app/kubernetes/components/datatables/applications-datatable/applicationsDatatable.html @@ -201,6 +201,7 @@ > {{ item.ApplicationType | kubernetesApplicationTypeText }} + Replicated Global diff --git a/app/portainer/components/status-indicator/index.js b/app/portainer/components/status-indicator/index.js new file mode 100644 index 000000000..5b2cc7659 --- /dev/null +++ b/app/portainer/components/status-indicator/index.js @@ -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); diff --git a/app/portainer/components/status-indicator/status-indicator.css b/app/portainer/components/status-indicator/status-indicator.css new file mode 100644 index 000000000..2b0345266 --- /dev/null +++ b/app/portainer/components/status-indicator/status-indicator.css @@ -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); +} diff --git a/app/portainer/components/status-indicator/status-indicator.html b/app/portainer/components/status-indicator/status-indicator.html new file mode 100644 index 000000000..e459de370 --- /dev/null +++ b/app/portainer/components/status-indicator/status-indicator.html @@ -0,0 +1 @@ +