case 4738 - security advisory monitor page

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-11-01 18:12:38 -07:00
parent bb6fdd3b9e
commit 2240a3b61f
5 changed files with 465 additions and 1 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -97,7 +97,9 @@
                      </v-list-item-action>
                      <v-list-item-content>
                        <v-list-item-title>{{
-                          $sock.t(subitem.title)
+                          subitem.notrans
+                            ? subitem.title
+                            : $sock.t(subitem.title)
                        }}</v-list-item-title>
                      </v-list-item-content>
                    </v-list-item>
--- a/src/api/initialize.js
+++ b/src/api/initialize.js
@@ -485,6 +485,17 @@ ServiceContractor = 5 */
    });
  }

+  //case 4738 (Sockeye-only, plain English title)
+  if (window.$gz.role.canOpen(window.$gz.type.GlobalOps)) {
+    sub.push({
+      title: "Security advisories",
+      notrans: true,
+      icon: "$sockiShieldAlt",
+      route: "/ops-security-advisories",
+      key: key++
+    });
+  }
+
  if (window.$gz.role.canOpen(window.$gz.type.OpsNotificationSettings)) {
    sub.push({
      title: "NotificationDeliveryLog",
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -193,6 +193,7 @@ import {
  faSeedling,
  faServer,
  faShare,
+  faShieldAlt,
  faShippingFast,
  faShoppingCart,
  faSignInAlt,
@@ -390,6 +391,7 @@ library.add(
  faSeedling,
  faServer,
  faShare,
+  faShieldAlt,
  faShippingFast,
  faShoppingCart,
  faSignInAlt,
@@ -1279,6 +1281,12 @@ const CUSTOM_ICONS = {
      icon: ["fas", "shipping-fast"]
    }
  },
+  sockiShieldAlt: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "shield-alt"]
+    }
+  },
  sockiShoppingCart: {
    component: FontAwesomeIcon,
    props: {
--- a/src/router.js
+++ b/src/router.js
@@ -577,6 +577,14 @@ export default new Router({
          /* webpackChunkName: "ops" */ "./views/ops-notification-settings.vue"
        )
    },
+    {
+      path: "/ops-security-advisories",
+      name: "ops-security-advisories",
+      component: () =>
+        import(
+          /* webpackChunkName: "ops" */ "./views/ops-security-advisories.vue"
+        )
+    },
    {
      path: "/ops-notify-log",
      name: "ops-notify-log",
--- a/src/views/ops-security-advisories.vue
+++ b/src/views/ops-security-advisories.vue
@@ -0,0 +1,435 @@
+<template>
+  <!-- case 4738: security advisory monitor. Sockeye-only, so plain English text (no translation keys) -->
+  <v-row v-if="formState.ready" dense>
+    <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
+
+    <v-col cols="12">
+      <div class="text-h6">Sources</div>
+      <v-data-table
+        dense
+        :headers="sourceHeaders"
+        :items="sources"
+        class="elevation-1"
+        hide-default-footer
+        disable-pagination
+        no-data-text="Not run yet"
+        data-cy="sourcesTable"
+      ></v-data-table>
+    </v-col>
+
+    <v-col cols="12" class="mt-4">
+      <div class="text-h6">
+        Watched assets
+        <v-btn small class="ml-4" :disabled="!rights.change" @click="addAsset"
+          >Add asset</v-btn
+        >
+      </div>
+      <div class="text-caption mb-2">
+        For an Ubuntu release, paste the output of
+        <code>dpkg-query -W -f='${source:Package}\n' | sort -u</code> from one
+        of its droplets. For PostgreSQL, list the major versions in use (e.g.
+        15).
+      </div>
+      <v-card
+        v-for="(a, index) in assets"
+        :key="a.key"
+        class="mb-4 pa-3"
+        outlined
+        :data-cy="'asset' + index"
+      >
+        <v-row dense>
+          <v-col cols="12" sm="6" lg="3">
+            <v-text-field
+              v-model="a.name"
+              label="Name"
+              :readonly="!rights.change"
+            ></v-text-field>
+          </v-col>
+          <v-col cols="12" sm="6" lg="3">
+            <v-select
+              v-model="a.platform"
+              :items="platforms"
+              label="Platform"
+              :readonly="!rights.change"
+            ></v-select>
+          </v-col>
+          <v-col cols="6" lg="2">
+            <v-select
+              v-model="a.alertAt"
+              :items="severities"
+              label="Alert at once from"
+              :readonly="!rights.change"
+            ></v-select>
+          </v-col>
+          <v-col cols="6" lg="2">
+            <v-select
+              v-model="a.digestAt"
+              :items="severities"
+              label="Wednesday digest from"
+              :readonly="!rights.change"
+            ></v-select>
+          </v-col>
+          <v-col cols="12" lg="2">
+            <v-checkbox
+              v-model="a.active"
+              label="Active"
+              :readonly="!rights.change"
+            ></v-checkbox>
+          </v-col>
+          <v-col cols="12">
+            <v-textarea
+              v-model="a.componentsText"
+              :label="`Components (${countComponents(a)})`"
+              rows="6"
+              no-resize
+              outlined
+              :readonly="!rights.change"
+            ></v-textarea>
+          </v-col>
+          <v-col cols="12">
+            <v-btn
+              small
+              color="primary"
+              :disabled="!rights.change"
+              @click="saveAsset(a)"
+              >Save</v-btn
+            >
+            <v-btn
+              small
+              class="ml-4"
+              :disabled="!rights.change"
+              @click="deleteAsset(a)"
+              >Delete</v-btn
+            >
+          </v-col>
+        </v-row>
+      </v-card>
+    </v-col>
+
+    <v-col cols="12" class="mt-4">
+      <div class="text-h6">Dry run</div>
+      <div class="text-caption mb-2">
+        What the advisories of the last days would have done with the assets as
+        saved. Sends nothing and records nothing. Looking up Ubuntu's CVE
+        priorities can take a few minutes the first time.
+      </div>
+      <v-row dense align="center">
+        <v-col cols="4" sm="2">
+          <v-text-field
+            v-model.number="dryRunDays"
+            type="number"
+            label="Days"
+            min="1"
+            max="90"
+          ></v-text-field>
+        </v-col>
+        <v-col cols="8" sm="10">
+          <v-btn
+            small
+            :disabled="!rights.change || dryRun.running"
+            :loading="dryRun.running"
+            @click="startDryRun"
+            >Run</v-btn
+          >
+          <span v-if="dryRun.error" class="error--text ml-4">{{
+            dryRun.error
+          }}</span>
+        </v-col>
+      </v-row>
+      <v-data-table
+        v-if="dryRunRows.length > 0"
+        dense
+        :headers="
+          advisoryHeaders.concat([
+            { text: 'Already processed', value: 'alreadyProcessed' }
+          ])
+        "
+        :items="dryRunRows"
+        class="elevation-1"
+        :items-per-page="50"
+        data-cy="dryRunTable"
+      >
+        <template v-slot:[`item.sourceId`]="{ item }">
+          <a :href="item.url" target="_blank">{{ item.sourceId }}</a>
+        </template>
+      </v-data-table>
+    </v-col>
+
+    <v-col cols="12" class="mt-4">
+      <div class="text-h6">
+        Matched advisories, last 60 days ({{ processed }} processed)
+        <v-btn small class="ml-4" @click="getDataFromApi">
+          <v-icon small>$sockiSync</v-icon>
+        </v-btn>
+      </div>
+      <v-data-table
+        dense
+        :headers="advisoryHeaders"
+        :items="advisories"
+        class="elevation-1"
+        :items-per-page="50"
+        no-data-text="None"
+        data-cy="advisoriesTable"
+      >
+        <template v-slot:[`item.sourceId`]="{ item }">
+          <a :href="item.url" target="_blank">{{ item.sourceId }}</a>
+        </template>
+      </v-data-table>
+    </v-col>
+  </v-row>
+</template>
+<script>
+const SEVERITIES = [
+  { text: "Critical", value: 5 },
+  { text: "High", value: 4 },
+  { text: "Medium", value: 3 },
+  { text: "Low", value: 2 },
+  { text: "Negligible", value: 1 }
+];
+const OUTCOMES = ["No match", "Ignored", "Digest", "Alerted"];
+let assetKey = 0;
+let pollTimer = null;
+
+export default {
+  data() {
+    return {
+      sources: [],
+      assets: [],
+      advisories: [],
+      processed: 0,
+      dryRun: { running: false, error: null, report: null },
+      dryRunDays: 30,
+      platforms: [
+        { text: "Ubuntu 24.04 (noble)", value: "ubuntu:noble" },
+        { text: "Ubuntu 26.04 (resolute)", value: "ubuntu:resolute" },
+        { text: "PostgreSQL (PGDG)", value: "postgresql" }
+      ],
+      severities: SEVERITIES,
+      sourceHeaders: [
+        { text: "Source", value: "id" },
+        { text: "Last success", value: "lastSuccess" },
+        { text: "Last attempt", value: "lastAttempt" },
+        { text: "Last error", value: "lastError" }
+      ],
+      advisoryHeaders: [
+        { text: "Published", value: "published" },
+        { text: "Outcome", value: "outcome" },
+        { text: "Advisory", value: "sourceId" },
+        { text: "Severity", value: "severity" },
+        { text: "Known exploited", value: "knownExploited" },
+        { text: "Title", value: "title" },
+        { text: "Affects", value: "matched" }
+      ],
+      formState: {
+        ready: false,
+        loading: true,
+        errorBoxMessage: null,
+        appError: null,
+        serverError: {}
+      },
+      rights: window.$gz.role.defaultRightsObject(),
+      timeZoneName: window.$gz.locale.getResolvedTimeZoneName(),
+      languageName: window.$gz.locale.getResolvedLanguage(),
+      hour12: window.$gz.locale.getHour12()
+    };
+  },
+  computed: {
+    dryRunRows() {
+      if (!this.dryRun.report) {
+        return [];
+      }
+      return this.dryRun.report
+        .filter(z => !z.error && z.outcome != "NoMatch")
+        .map(z => this.advisoryRow(z));
+    }
+  },
+  async created() {
+    const vm = this;
+    try {
+      vm.rights = window.$gz.role.getRights(window.$gz.type.GlobalOps);
+      vm.formState.readOnly = !vm.rights.change;
+      vm.formState.ready = true;
+      generateMenu(vm);
+      await vm.getDataFromApi();
+      await vm.getDryRun();
+    } catch (err) {
+      vm.formState.ready = true;
+      window.$gz.errorHandler.handleFormError(err, vm);
+    }
+  },
+  beforeDestroy() {
+    clearTimeout(pollTimer);
+  },
+  methods: {
+    date(d) {
+      if (!d) {
+        return "";
+      }
+      return window.$gz.locale.utcDateToShortDateAndTimeLocalized(
+        d,
+        this.timeZoneName,
+        this.languageName,
+        this.hour12
+      );
+    },
+    advisoryRow(z) {
+      return {
+        published: this.date(z.published),
+        outcome: typeof z.outcome == "number" ? OUTCOMES[z.outcome] : z.outcome,
+        sourceId: z.sourceId,
+        url: z.url,
+        severity:
+          z.rawSeverity ||
+          (typeof z.severity == "number"
+            ? (SEVERITIES.find(s => s.value == z.severity) || {}).text ||
+              "Unknown"
+            : z.severity),
+        knownExploited: z.knownExploited ? "YES" : "",
+        title: z.title,
+        matched: z.matched,
+        alreadyProcessed: z.alreadyProcessed ? "yes" : ""
+      };
+    },
+    countComponents(a) {
+      return (a.componentsText || "").split(/[\s,]+/).filter(z => z).length;
+    },
+    addAsset() {
+      this.assets.push({
+        key: assetKey++,
+        id: 0,
+        name: "",
+        platform: "ubuntu:resolute",
+        componentsText: "",
+        active: true,
+        alertAt: 4,
+        digestAt: 3
+      });
+    },
+    async saveAsset(a) {
+      const vm = this;
+      window.$gz.form.deleteAllErrorBoxErrors(vm);
+      try {
+        const res = await window.$gz.api.post("security-advisory/asset", {
+          id: a.id,
+          name: a.name,
+          platform: a.platform,
+          components: [a.componentsText || ""],
+          active: a.active,
+          alertAt: a.alertAt,
+          digestAt: a.digestAt
+        });
+        if (res.error) {
+          vm.formState.serverError = res.error;
+          window.$gz.form.setErrorBoxErrors(vm);
+        } else {
+          await vm.getDataFromApi();
+        }
+      } catch (ex) {
+        window.$gz.errorHandler.handleFormError(ex, vm);
+      }
+    },
+    async deleteAsset(a) {
+      const vm = this;
+      if (a.id == 0) {
+        vm.assets = vm.assets.filter(z => z.key != a.key);
+        return;
+      }
+      if ((await window.$gz.dialog.confirmDelete()) != true) {
+        return;
+      }
+      const res = await window.$gz.api.remove(
+        `security-advisory/asset/${a.id}`
+      );
+      if (res.error) {
+        vm.formState.serverError = res.error;
+        window.$gz.form.setErrorBoxErrors(vm);
+      } else {
+        await vm.getDataFromApi();
+      }
+    },
+    async startDryRun() {
+      const vm = this;
+      window.$gz.form.deleteAllErrorBoxErrors(vm);
+      const res = await window.$gz.api.post(
+        `security-advisory/dry-run?days=${vm.dryRunDays || 30}`,
+        {}
+      );
+      if (res.error) {
+        vm.formState.serverError = res.error;
+        window.$gz.form.setErrorBoxErrors(vm);
+        return;
+      }
+      vm.dryRun = res.data;
+      vm.pollDryRun();
+    },
+    pollDryRun() {
+      const vm = this;
+      clearTimeout(pollTimer);
+      pollTimer = setTimeout(async () => {
+        await vm.getDryRun();
+        if (vm.dryRun.running) {
+          vm.pollDryRun();
+        }
+      }, 4000);
+    },
+    async getDryRun() {
+      const res = await window.$gz.api.get("security-advisory/dry-run");
+      if (!res.error) {
+        this.dryRun = res.data;
+        if (this.dryRun.running) {
+          this.pollDryRun();
+        }
+      }
+    },
+    async getDataFromApi() {
+      const vm = this;
+      vm.formState.loading = true;
+      window.$gz.form.deleteAllErrorBoxErrors(vm);
+      try {
+        const assets = await window.$gz.api.get("security-advisory/asset");
+        const status = await window.$gz.api.get("security-advisory/status");
+        if (assets.error || status.error) {
+          vm.formState.serverError = assets.error || status.error;
+          window.$gz.form.setErrorBoxErrors(vm);
+          return;
+        }
+        vm.assets = assets.data.map(a => ({
+          key: assetKey++,
+          id: a.id,
+          name: a.name,
+          platform: a.platform,
+          componentsText: (a.components || []).join("\n"),
+          active: a.active,
+          alertAt: a.alertAt,
+          digestAt: a.digestAt
+        }));
+        vm.sources = status.data.sources.map(s => ({
+          id: s.id,
+          lastSuccess: vm.date(s.lastSuccess),
+          lastAttempt: vm.date(s.lastAttempt),
+          lastError: s.lastError
+        }));
+        vm.advisories = status.data.advisories.map(z => vm.advisoryRow(z));
+        vm.processed = status.data.processed;
+      } catch (error) {
+        window.$gz.errorHandler.handleFormError(error, vm);
+      } finally {
+        vm.formState.loading = false;
+      }
+    }
+  }
+};
+
+function generateMenu(vm) {
+  window.$gz.eventBus.$emit("menu-change", {
+    isMain: true,
+    readOnly: vm.formState.readOnly,
+    icon: "$sockiShieldAlt",
+    formData: {
+      sockType: window.$gz.type.GlobalOps,
+      recordName: "Security advisories"
+    },
+    menuItems: []
+  });
+}
+</script>