items.js

import Clutter from "gi://Clutter";
import GObject from "gi://GObject";
import St from "gi://St";

import * as PopupMenu from "resource:///org/gnome/shell/ui/popupMenu.js";

export const ItemContext = {
  SUCCESS: 0,
  ERROR: 1,
  PREF: 2,
};

export const StatsItem = GObject.registerClass(
  {
    GTypeName: "StatsItem",
  },
  class StatsItem extends PopupMenu.PopupBaseMenuItem {
    _init(statsName) {
      super._init();

      this._nameLabel = new St.Label({
        text: statsName,
        x_align: Clutter.ActorAlign.START,
        x_expand: true,
        style_class: "stat-name",
      });

      this._valueLabel = new St.Label({
        text: "",
      });

      this.actor.add_child(this._nameLabel);
      this.actor.add_child(this._valueLabel);

      this.itemContext = ItemContext.SUCCESS;
    }

    get text() {
      return this._valueLabel.text;
    }

    /**
     * @param {string} value
     */
    set text(value) {
      this._valueLabel.text = value;
    }
  }
);

export const PrefsItem = GObject.registerClass(
  {
    GTypeName: "PrefsItem",
  },
  class PrefsItem extends StatsItem {
    _init() {
      super._init(_("Settings"));
      this._valueLabel.set_style_class_name("ver-value");
      this.itemContext = ItemContext.PREF;
    }
  }
);