@access-ci/ui 0.4.0 → 0.5.0-beta1

package/dist/resource-home-Dxx5i3Dz.js

@@ -0,0 +1,227 @@
+import { u as e, c as p, h as f, A as b, _ as w, a as C, i as v, T as y, j as k } from "./index-BOweLV3x.js";
+import { I as u } from "./icon-B_ndaIws.js";
+const R = {
+  "ACCESS Pegasus": "https://pegasus.isi.edu/wordpress/wp-content/uploads/2016/01/favicon.ico",
+  "ACCESS OnDemand": "https://openondemand.org/themes/fire/theme/assets/media/favicons/favicon.ico",
+  "Advance reservations": "calendar-check",
+  "Composable hardware fabric": "boxes",
+  "Compute Resources": "cpu-fill",
+  "CPU Compute": "cpu-fill",
+  "GPU Compute": "cpu",
+  "Innovative / Novel Compute": "lightbulb",
+  "Large Memory Nodes": "arrows-fullscreen",
+  Preemption: "clock-history",
+  "Science Gateway support": "globe",
+  "Storage Resources": "hdd-fill",
+  "Virtual Machines": "pc-display-horizontal",
+  Cloud: "cloud",
+  Storage: "hdd-fill"
+};
+function g({ active: r, tagCategory: c, tagId: n, iconUri: t, name: a, toggleTag: s }) {
+  const i = t || R[a] || "tag";
+  return /* @__PURE__ */ e(
+    "li",
+    {
+      class: `tag tag-category-${c.name.toLowerCase().replace(/[^a-z]+/g, "-")}${r.tagIds.has(n) ? " active" : ""}`,
+      children: /* @__PURE__ */ e(
+        "button",
+        {
+          href: "#",
+          disabled: r.disabledTagIds.has(n),
+          onClick: (o) => {
+            o.preventDefault(), s(n);
+          },
+          children: [
+            i.startsWith("http") ? /* @__PURE__ */ e(u, { alt: a, src: i }) : /* @__PURE__ */ e(u, { name: i }),
+            a
+          ]
+        }
+      )
+    }
+  );
+}
+function m({ children: r }) {
+  return /* @__PURE__ */ e("ul", { class: "tags", children: r });
+}
+function I({
+  active: r,
+  baseUri: c,
+  description: n,
+  imageType: t,
+  imageUri: a,
+  name: s,
+  infoGroupId: i,
+  tags: o,
+  toggleTag: d
+}) {
+  const l = `${c}/${i}`;
+  return /* @__PURE__ */ e("div", { class: "resource-group", children: [
+    /* @__PURE__ */ e(
+      "a",
+      {
+        class: `resource-group-image image-type-${t}`,
+        href: l,
+        children: a ? /* @__PURE__ */ e("img", { src: a }) : /* @__PURE__ */ e(u, { name: "motherboard" })
+      }
+    ),
+    /* @__PURE__ */ e("div", { class: "resource-group-text", children: [
+      /* @__PURE__ */ e("h3", { children: /* @__PURE__ */ e("a", { href: l, children: s }) }),
+      /* @__PURE__ */ e(m, { children: o.map((h) => /* @__PURE__ */ e(g, { ...h, active: r, toggleTag: d })) }),
+      /* @__PURE__ */ e("p", { children: [
+        n && n,
+        " ",
+        /* @__PURE__ */ e("a", { href: l, children: [
+          "Learn more about ",
+          s,
+          " »"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function S({
+  active: r,
+  baseUri: c,
+  name: n,
+  resourceGroups: t,
+  toggleTag: a
+}) {
+  return /* @__PURE__ */ e(p, { children: [
+    /* @__PURE__ */ e("h2", { children: n }),
+    t.filter(({ infoGroupId: s }) => r.infoGroupIds.has(s)).map((s) => /* @__PURE__ */ e(
+      I,
+      {
+        ...s,
+        baseUri: c,
+        active: r,
+        toggleTag: a
+      }
+    ))
+  ] });
+}
+function A({
+  active: r,
+  clearTags: c,
+  tagCategories: n,
+  toggleTag: t
+}) {
+  const [a, s] = f(!1), i = b(null);
+  return w(() => {
+    i.current && (i.current.addEventListener("click", (o) => o.stopPropagation()), document.body.addEventListener("click", () => s(!1)));
+  }, [i.current]), /* @__PURE__ */ e("section", { class: "filters-outer", ref: i, children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: () => s(!a),
+        class: `btn-filters btn ${a ? "active" : ""}`,
+        children: [
+          /* @__PURE__ */ e(u, { name: "filter" }),
+          " Filters",
+          r.tagIds.size > 0 ? /* @__PURE__ */ e("span", { class: "active-tag-count", children: r.tagIds.size }) : null
+        ]
+      }
+    ),
+    a ? /* @__PURE__ */ e("div", { class: "filters-inner", children: [
+      n.map((o) => /* @__PURE__ */ e(p, { children: [
+        /* @__PURE__ */ e("h2", { children: o.name }),
+        /* @__PURE__ */ e(m, { children: o.tags.map((d) => /* @__PURE__ */ e(g, { ...d, active: r, toggleTag: t })) })
+      ] })),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: c,
+          disabled: r.tagIds.size == 0,
+          class: "btn danger",
+          children: [
+            /* @__PURE__ */ e(u, { name: "trash" }),
+            " Clear Filters"
+          ]
+        }
+      )
+    ] }) : null
+  ] });
+}
+function T() {
+  return /* @__PURE__ */ e("section", { id: "resource-pathways", children: /* @__PURE__ */ e("ul", { class: "resource-pathways", children: [
+    {
+      title: "Browse resources",
+      icon: "filter-square",
+      href: "#browse-resources",
+      description: "Filter resources to find the best match for your research."
+    },
+    {
+      title: "Ask a question",
+      icon: "question-circle",
+      href: "https://support.access-ci.org/",
+      description: "You have resource questions. Our Q&A bot has answers!",
+      login: !0
+    },
+    {
+      title: "Get suggestions",
+      icon: "card-checklist",
+      href: "https://access-ara.ccs.uky.edu:8080/",
+      description: "Fill out a form to get resource recommendations."
+    }
+  ].map(({ title: c, icon: n, href: t, description: a, login: s }, i) => /* @__PURE__ */ e("li", { class: `resource-pathway-${i}`, children: /* @__PURE__ */ e("a", { href: t, children: [
+    n ? /* @__PURE__ */ e(u, { name: n }) : null,
+    /* @__PURE__ */ e("span", { class: "detail", children: [
+      /* @__PURE__ */ e("span", { class: "title", children: c }),
+      /* @__PURE__ */ e("span", { class: "description", children: a }),
+      s ? /* @__PURE__ */ e("span", { class: "login", children: [
+        /* @__PURE__ */ e(u, { name: "key" }),
+        " Requires ACCESS Login"
+      ] }) : null
+    ] })
+  ] }) })) }) });
+}
+function G({ maxItems: r = 2 }) {
+  const c = C("https://support.access-ci.org/access_news/api", {
+    defaultValue: []
+  });
+  if (!(!c || c.error || !c.length))
+    return /* @__PURE__ */ e("section", { id: "resource-news", children: [
+      /* @__PURE__ */ e("h2", { children: "Resource News" }),
+      /* @__PURE__ */ e("ul", { class: "resource-news", children: c.slice(0, r).map(({ title: n, linkUrl: t }) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: t, class: "news-link", children: n.replace("&", "&").replace(" ", " ") }) })) })
+    ] });
+}
+function P({ baseUri: r, title: c, showTitle: n }) {
+  const [t, a] = f([]), s = v(), i = y(
+    () => s ? k(s, t) : null,
+    [s, t]
+  ), o = (l) => a(
+    t.includes(l) ? t.filter((h) => h != l) : [...t, l]
+  ), d = () => a([]);
+  return /* @__PURE__ */ e(p, { children: [
+    c && /* @__PURE__ */ e("h1", { class: n ? "" : "visually-hidden", children: c }),
+    /* @__PURE__ */ e("div", { id: "resource-navigation", children: [
+      /* @__PURE__ */ e(T, {}),
+      /* @__PURE__ */ e(G, {})
+    ] }),
+    /* @__PURE__ */ e("div", { id: "browse-resources", children: [
+      i ? /* @__PURE__ */ e(
+        A,
+        {
+          tagCategories: s.tagCategories,
+          active: i,
+          clearTags: d,
+          toggleTag: o
+        }
+      ) : null,
+      s ? s.resourceCategories.filter(
+        ({ resourceCategoryId: l }) => i.resourceCategoryIds.has(l)
+      ).map((l) => /* @__PURE__ */ e(
+        S,
+        {
+          ...l,
+          active: i,
+          baseUri: r,
+          clearTags: d,
+          toggleTag: o
+        }
+      )) : null
+    ] })
+  ] });
+}
+export {
+  P as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@access-ci/ui",
-  "version": "0.4.0",
+  "version": "0.5.0-beta1",
   "description": "User interface components for ACCESS CI",
   "repository": "github:access-ci-org/access-ci-ui",
   "license": "Apache-2.0",
@@ -22,7 +22,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "preact": "^10.24.1"
+    "@glidejs/glide": "^3.6.1",
+    "chart.js": "^4.4.6",
+    "fuse.js": "^7.0.0",
+    "preact": "^10.24.1",
+    "preact-iso": "^2.6.3",
+    "tippy.js": "^6.3.7"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.9.1",