Home Reference Source

cables_dev/cables_ui/src/ui/dialogs/modalopdependencies.js

  1. import { utils } from "cables";
  2. import ModalDialog from "./modaldialog.js";
  3. import { gui } from "../gui.js";
  4. import OpDependencyTabPanel from "../elements/tabpanel/opdependencytabpanel.js";
  5. import OpDependencyTab from "../components/tabs/tab_opdependency.js";
  7. /** @typedef {import("cables-shared-client").OpDoc} OpDoc */
  9. export default class ModalOpDependencies
  10. {
  12.     /** @type {OpDependencyTabPanel} */
  13.     #tabs;
  15.     /** @type {ModalDialog} */
  16.     #dialog;
  18.     /** @type {OpDoc} */
  19.     #opDoc;
  21.     /** @type {boolean} */
  22.     #canEdit;
  24.     /**
  25.      *
  26.      * @param {OpDoc} opDoc
  27.      */
  28.     constructor(opDoc)
  29.     {
  31.         this.#opDoc = opDoc;
  32.         this.#canEdit = gui.serverOps.canEditOp(gui.user, this.#opDoc.name);
  34.         /** @type {import("./modaldialog.js").ModalDialogOptions} */
  35.         const modalOptions = {
  36.             "title": "Add dependency for " + this.#opDoc.name,
  37.             "html": this.getHtml(),
  38.             "showOkButton": !this.#canEdit,
  39.             "warning": !this.#canEdit,
  40.             "choice": this.#canEdit
  41.         };
  43.         if (this.#canEdit)
  44.         {
  45.             modalOptions.choice = true;
  46.             modalOptions.okButton = {
  47.                 "text": "Add",
  48.                 "disabled": true,
  49.                 "callback": (done) =>
  50.                 {
  51.                     const activeTab = this.#tabs.getActiveTab();
  52.                     activeTab.submit(done);
  53.                 }
  54.             };
  55.         }
  56.         else
  57.         {
  58.             modalOptions.showOkButton = true;
  59.             modalOptions.warning = true;
  60.         }
  62.         this.#dialog = new ModalDialog(modalOptions);
  63.         this.#initTabs();
  65.     }
  67.     /**
  68.      * @returns {string}
  69.      */
  70.     getHtml()
  71.     {
  72.         if (this.#canEdit)
  73.         {
  74.             return "<div id=\"dependencytabs\" class=\"dependencytabs\"></div>";
  75.         }
  76.         else
  77.         {
  78.             return "You are not allowed to change attachments of this op";
  79.         }
  80.     }
  82.     #initTabs()
  83.     {
  84.         if (this.#canEdit)
  85.         {
  87.             const allLibs = gui.opDocs.libs.sort((a, b) => { return a.localeCompare(b); });
  88.             const libs = [];
  89.             allLibs.forEach((lib) =>
  90.             {
  91.                 libs.push({
  92.                     "url": lib,
  93.                     "name": utils.basename(lib),
  94.                     "isAssetLib": lib.startsWith("/assets/")
  95.                 });
  96.             });
  98.             this.#tabs = new OpDependencyTabPanel("dependencytabs", this.#opDoc);
  99.             this.#tabs.init();
  100.         }
  101.     }
  103.     close()
  104.     {
  105.         this.#dialog.close();
  106.         this.#dialog = null;
  107.     }
  108. }