hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

dedicated action button

Browse Source 
Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
This commit is contained in:
Jari Kolehmainen 2021-05-17 17:06:49 +03:00
parent b3da20c425
commit 4b983ae5bd
3 changed files with 72 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
extensions/metrics-cluster-feature/resources/01-namespace.yml → extensions/metrics-cluster-feature/resources/01-namespace.yml.hb
View File

@ -2,3 +2,5 @@ apiVersion: v1
kind: Namespace
metadata:
name: lens-metrics
annotations:
extensionVersion: "{{ version }}"

11
extensions/metrics-cluster-feature/src/metrics-feature.ts
View File

@ -46,6 +46,7 @@ export interface MetricsConfiguration {
alertManagers: string[];
replicas: number;
storageClass: string;
version?: string;
}
export interface MetricsStatus {
@ -77,6 +78,8 @@ export class MetricsFeature {
sc.metadata?.annotations?.["storageclass.beta.kubernetes.io/is-default-class"] === "true"
));
config.version = this.latestVersion;
return this.stack.kubectlApplyFolder(this.resourceFolder, config, ["--prune"]);
}
@ -88,11 +91,11 @@ export class MetricsFeature {
const status: MetricsStatus = { installed: false, canUpgrade: false};
try {
const statefulSet = K8sApi.forCluster(this.cluster, K8sApi.StatefulSet);
const prometheus = await statefulSet.get({name: "prometheus", namespace: "lens-metrics"});
const namespaceApi = K8sApi.forCluster(this.cluster, K8sApi.Namespace);
const namespace = await namespaceApi.get({name: "lens-metrics"});
if (prometheus?.kind) {
const currentVersion = prometheus.spec.template.spec.containers[0].image.split(":")[1];
if (namespace?.kind) {
const currentVersion = namespace.metadata.annotations?.extensionVersion || "0.0.0";
status.installed = true;
status.canUpgrade = semver.lt(currentVersion, this.latestVersion, true);

113
extensions/metrics-cluster-feature/src/metrics-settings.tsx
View File

@ -17,6 +17,8 @@ export class MetricsSettings extends React.Component<Props> {
};
@observable canUpgrade = false;
@observable upgrading = false;
@observable changed = false;
@observable inProgress = false;
config: MetricsConfiguration = {
prometheus: {
@ -44,6 +46,7 @@ export class MetricsSettings extends React.Component<Props> {
feature: MetricsFeature;
@computed get isTogglable() {
if (this.inProgress) return false;
if (!this.props.cluster.status.active) return false;
if (this.canUpgrade) return false;
if (!this.isActiveMetricsProvider) return false;
@ -69,7 +72,23 @@ export class MetricsSettings extends React.Component<Props> {
const status = await this.feature.getStatus();
this.canUpgrade = status.canUpgrade;
this.featureStates.prometheus = status.installed;
if (this.canUpgrade) {
this.changed = true;
}
const statefulSet = K8sApi.forCluster(this.props.cluster, K8sApi.StatefulSet);
try {
await statefulSet.get({name: "prometheus", namespace: "lens-metrics"});
this.featureStates.prometheus = true;
} catch(e) {
if (e?.error?.code === 404) {
this.featureStates.prometheus = false;
} else {
this.featureStates.prometheus = undefined;
}
}
const deployment = K8sApi.forCluster(this.props.cluster, K8sApi.Deployment);
@ -103,55 +122,47 @@ export class MetricsSettings extends React.Component<Props> {
this.config.kubeStateMetrics.enabled = !!this.featureStates.kubeStateMetrics;
this.config.nodeExporter.enabled = !!this.featureStates.nodeExporter;
if (!this.config.prometheus.enabled && !this.config.kubeStateMetrics.enabled && !this.config.nodeExporter.enabled) {
await this.feature.uninstall(this.config);
} else {
await this.feature.install(this.config);
this.inProgress = true;
try {
if (!this.config.prometheus.enabled && !this.config.kubeStateMetrics.enabled && !this.config.nodeExporter.enabled) {
await this.feature.uninstall(this.config);
} else {
await this.feature.install(this.config);
}
} finally {
this.inProgress = false;
this.changed = false;
await this.updateFeatureStates();
}
}
async togglePrometheus(enabled: boolean) {
this.featureStates.prometheus = enabled;
try {
await this.save();
} catch(error) {
this.featureStates.prometheus = !enabled;
Component.Notifications.error(`Failed to ${enabled ? "enable" : "disable"} Prometheus: ${error}`);
}
this.changed = true;
}
async toggleKubeStateMetrics(enabled: boolean) {
this.featureStates.kubeStateMetrics = enabled;
try {
await this.save();
} catch(error) {
this.featureStates.kubeStateMetrics = !enabled;
Component.Notifications.error(`Failed to ${enabled ? "enable" : "disable"} kube-state-metrics: ${error}`);
}
this.changed = true;
}
async toggleNodeExporter(enabled: boolean) {
this.featureStates.nodeExporter = enabled;
try {
await this.save();
} catch(error) {
this.featureStates.nodeExporter = !enabled;
Component.Notifications.error(`Failed to ${enabled ? "enable" : "disable"} node-exporter: ${error}`);
}
this.changed = true;
}
async updateStack() {
this.upgrading = true;
@computed get buttonLabel() {
if (this.inProgress && this.canUpgrade) return "Upgrading ...";
if (this.inProgress) return "Applying ...";
if (this.canUpgrade) return "Upgrade";
await this.save();
setTimeout(() => {
Component.Notifications.info("Lens Metrics stack updated!", {timeout: 5_000});
this.upgrading = false;
this.canUpgrade = false;
}, 1000);
if (this.changed && !this.featureStates.kubeStateMetrics && !this.featureStates.nodeExporter && !this.featureStates.prometheus) {
return "Uninstall";
}
return "Apply";
}
render() {
@ -171,17 +182,6 @@ export class MetricsSettings extends React.Component<Props> {
</p>
</section>
)}
{ this.canUpgrade && (
<section>
<Component.SubTitle title="Software Update" />
<Component.Button label={this.upgrading ? "Updating ..." : "Update Now"} primary onClick={() => this.updateStack() } waiting={this.upgrading} />
<small className="hint">
An update is available for enabled metrics components.
</small>
</section>
)}
<section>
<Component.SubTitle title="Prometheus" />
<Component.FormSwitch
@ -193,7 +193,7 @@ export class MetricsSettings extends React.Component<Props> {
name="prometheus"
/>
}
label="Install bundled Prometheus metrics stack"
label="Enable bundled Prometheus metrics stack"
/>
<small className="hint">
Enable timeseries data visualization (Prometheus stack) for your cluster.
@ -211,11 +211,11 @@ export class MetricsSettings extends React.Component<Props> {
name="node-exporter"
/>
}
label="Install bundled kube-state-metrics stack"
label="Enable bundled kube-state-metrics stack"
/>
<small className="hint">
Enable Kubernetes API object metrics for your cluster.
Install this only if you don&apos;t have existing kube-state-metrics stack installed.
Enable this only if you don&apos;t have existing kube-state-metrics stack installed.
</small>
</section>
@ -230,13 +230,26 @@ export class MetricsSettings extends React.Component<Props> {
name="node-exporter"
/>
}
label="Install bundled node-exporter stack"
label="Enable bundled node-exporter stack"
/>
<small className="hint">
Enable node level metrics for your cluster.
Install this only if you don&apos;t have existing node-exporter stack installed.
Enable this only if you don&apos;t have existing node-exporter stack installed.
</small>
</section>
<section>
<Component.Button
label={this.buttonLabel}
waiting={this.inProgress}
onClick={() => this.save()}
primary
disabled={!this.changed} />
{this.canUpgrade && (<small className="hint">
An update is available for enabled metrics components.
</small>)}
</section>
</>
);
}