@nasa-terra/components 0.0.186 → 0.0.187

package/cdn/chunks/chunk.5WHV7BIM.js

@@ -0,0 +1,294 @@
+import {
+  data_subsetter_history_styles_default
+} from "./chunk.ZM6WMVSY.js";
+import {
+  TerraDataSubsetter
+} from "./chunk.AMNA4TAA.js";
+import {
+  TerraDialog
+} from "./chunk.Y5PJFEBI.js";
+import {
+  AuthController
+} from "./chunk.P34Y4ETY.js";
+import {
+  queryHarmonyJobs
+} from "./chunk.36G5VRI3.js";
+import {
+  QueryClientMixin
+} from "./chunk.DOUWGQFH.js";
+import {
+  QueryController
+} from "./chunk.YY3ZUPZV.js";
+import {
+  TerraIcon
+} from "./chunk.AW3SAWPB.js";
+import {
+  TerraElement,
+  component_styles_default,
+  e,
+  n,
+  r
+} from "./chunk.UME44J4L.js";
+import {
+  A,
+  b
+} from "./chunk.RRCYT4LP.js";
+import {
+  __decorateClass,
+  __privateAdd,
+  __privateMethod,
+  init_buffer,
+  init_dirname,
+  init_process
+} from "./chunk.ZEOVK2FE.js";
+
+// src/components/data-subsetter-history/data-subsetter-history.component.ts
+init_dirname();
+init_buffer();
+init_process();
+var _renderHistoryItems, renderHistoryItems_fn, _renderSubsetterHistoryItem, renderSubsetterHistoryItem_fn, _handleHistoryItemClick, handleHistoryItemClick_fn, _parseLabelsAsJson, parseLabelsAsJson_fn;
+var TerraDataSubsetterHistory = class extends QueryClientMixin(
+  TerraElement
+) {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _renderHistoryItems);
+    __privateAdd(this, _renderSubsetterHistoryItem);
+    __privateAdd(this, _handleHistoryItemClick);
+    __privateAdd(this, _parseLabelsAsJson);
+    this.label = "History";
+    this.alwaysShow = true;
+    this.collapsed = true;
+    this.hideCancelled = true;
+    this.jobsQuery = new QueryController(
+      this,
+      () => queryHarmonyJobs({ page: 1 }, { bearerToken: this.bearerToken })
+    );
+    this._authController = new AuthController(this);
+  }
+  toggleCollapsed() {
+    this.collapsed = !this.collapsed;
+  }
+  render() {
+    var _a;
+    const jobs = (_a = this.jobsQuery.result) == null ? void 0 : _a.data;
+    const hasJobs = jobs && jobs.jobs.length > 0;
+    if (!hasJobs) {
+      return A;
+    }
+    return b`
+            <div class="${this.collapsed ? "collapsed" : ""}">
+                <div class="history-header" @click=${this.toggleCollapsed}>
+                    <span>${this.label}</span>
+                </div>
+
+                <div class="history-panel">
+                    ${hasJobs ? b`
+                              <div class="history-link-row">
+                                  <label>
+                                      <input
+                                          type="checkbox"
+                                          .checked=${this.hideCancelled}
+                                          @change=${(e2) => {
+      this.hideCancelled = e2.target.checked;
+    }}
+                                      />
+                                      Hide Cancelled
+                                  </label>
+
+                                  <a
+                                      href="https://harmony.earthdata.nasa.gov/workflow-ui"
+                                      target="_blank"
+                                      rel="noopener noreferrer"
+                                      class="history-link"
+                                  >
+                                      View all
+                                      <terra-icon
+                                          name="outline-arrow-top-right-on-square"
+                                          library="heroicons"
+                                          size="32px"
+                                      ></terra-icon>
+                                  </a>
+                              </div>
+                          ` : A}
+
+                    <div class="history-list">
+                        ${jobs ? hasJobs ? __privateMethod(this, _renderHistoryItems, renderHistoryItems_fn).call(this, jobs) : b`<div class="history-alert-message">
+                                      You haven't made any requests yet.<br />
+                                      Get started by
+                                      <a
+                                          href="#"
+                                          class="history-alert-link"
+                                          @click=${(e2) => {
+      var _a2;
+      e2.preventDefault();
+      this.selectedJob = void 0;
+      this.selectedCollectionEntryId = void 0;
+      (_a2 = this.dialog) == null ? void 0 : _a2.show();
+    }}
+                                      >
+                                          creating your first request!</a
+                                      >.
+                                  </div>` : b`<div class="history-alert-message">
+                                  Retrieving your requests....
+                              </div>`}
+                    </div>
+                </div>
+            </div>
+
+            <terra-data-subsetter
+                .jobId=${this.selectedJob}
+                .collectionEntryId=${this.selectedCollectionEntryId}
+                .bearerToken=${this.bearerToken}
+                is-history-view
+                dialog="history-dialog"
+                part="subsetter"
+            ></terra-data-subsetter>
+        `;
+  }
+};
+_renderHistoryItems = new WeakSet();
+renderHistoryItems_fn = function(subsetJobs) {
+  const filteredJobs = subsetJobs.jobs.slice().filter((job) => {
+    if (this.hideCancelled) {
+      return job.status !== "canceled" /* CANCELED */;
+    }
+    return true;
+  }).sort(
+    (a, b2) => new Date(b2.createdAt).getTime() - new Date(a.createdAt).getTime()
+  );
+  if (!filteredJobs.length) {
+    return b`
+                <div class="history-alert-message">
+                    There are no active requests to show.<br />
+                    If you'd like, you can
+                    <a
+                        href="#"
+                        class="history-alert-link"
+                        @click=${(e2) => {
+      var _a;
+      e2.preventDefault();
+      this.selectedJob = void 0;
+      this.selectedCollectionEntryId = void 0;
+      (_a = this.dialog) == null ? void 0 : _a.show();
+    }}
+                    >
+                        create a new request.</a
+                    >
+                </div>
+            `;
+  }
+  return filteredJobs.map((job) => {
+    let fillColor = "#0066cc";
+    if (job.status === "successful" /* SUCCESSFUL */ || job.status === "complete_with_errors" /* COMPLETE_WITH_ERRORS */ || job.status === "running_with_errors" /* RUNNING_WITH_ERRORS */) {
+      fillColor = "#28a745";
+    } else if (job.status === "failed" /* FAILED */) {
+      fillColor = "#dc3545";
+    } else if (job.status === "canceled" /* CANCELED */) {
+      fillColor = "#ffc107";
+    }
+    const progressLabel = job.status === "failed" /* FAILED */ || job.status === "canceled" /* CANCELED */ ? job.status : `${job.progress}%`;
+    const progress = job.status === "failed" /* FAILED */ || job.status === "canceled" /* CANCELED */ ? 100 : job.progress;
+    const parsedLabels = __privateMethod(this, _parseLabelsAsJson, parseLabelsAsJson_fn).call(this, job.labels || []);
+    return b`
+                <div
+                    class="history-item"
+                    @click=${__privateMethod(this, _handleHistoryItemClick, handleHistoryItemClick_fn).bind(this, job)}
+                >
+                    <div class="item-header">
+                        <div class="item-title">
+                            ${__privateMethod(this, _renderSubsetterHistoryItem, renderSubsetterHistoryItem_fn).call(this, job, parsedLabels)}
+                        </div>
+                    </div>
+
+                    <div class="progress-bar">
+                        <div
+                            class="progress-fill"
+                            style="width: ${progress}%; background-color: ${fillColor}"
+                        >
+                            ${progressLabel}
+                        </div>
+                    </div>
+                </div>
+            `;
+  });
+};
+_renderSubsetterHistoryItem = new WeakSet();
+renderSubsetterHistoryItem_fn = function(job, labels) {
+  var _a;
+  return b`
+            <div class="subsetter-history-item">
+                <div class="history-item-title">
+                    ${(_a = labels["collection-entry-id"]) != null ? _a : job.jobID}
+                </div>
+                <div>${new Date(job.createdAt).toLocaleString()}</div>
+            </div>
+        `;
+};
+_handleHistoryItemClick = new WeakSet();
+handleHistoryItemClick_fn = function(job) {
+  var _a;
+  const parsedLabels = __privateMethod(this, _parseLabelsAsJson, parseLabelsAsJson_fn).call(this, job.labels || []);
+  this.selectedJob = job.jobID;
+  this.selectedCollectionEntryId = parsedLabels["collection-entry-id"];
+  (_a = this.subsetter) == null ? void 0 : _a.showDialog();
+};
+_parseLabelsAsJson = new WeakSet();
+parseLabelsAsJson_fn = function(labels) {
+  try {
+    return Object.fromEntries(
+      labels.map((line) => {
+        const [key, ...rest] = line.split(":");
+        const valueRaw = rest.join(":").trim();
+        let value = valueRaw;
+        if (valueRaw.startsWith("{") || valueRaw.startsWith("[")) {
+          try {
+            value = JSON.parse(valueRaw);
+          } catch (e2) {
+            value = valueRaw;
+          }
+        }
+        return [key.trim(), value];
+      })
+    );
+  } catch (e2) {
+    return {};
+  }
+};
+TerraDataSubsetterHistory.dependencies = {
+  "terra-icon": TerraIcon,
+  "terra-data-subsetter": TerraDataSubsetter,
+  "terra-dialog": TerraDialog
+};
+TerraDataSubsetterHistory.styles = [component_styles_default, data_subsetter_history_styles_default];
+__decorateClass([
+  n()
+], TerraDataSubsetterHistory.prototype, "label", 2);
+__decorateClass([
+  n({ attribute: "bearer-token" })
+], TerraDataSubsetterHistory.prototype, "bearerToken", 2);
+__decorateClass([
+  n({ attribute: "always-show", type: Boolean })
+], TerraDataSubsetterHistory.prototype, "alwaysShow", 2);
+__decorateClass([
+  r()
+], TerraDataSubsetterHistory.prototype, "collapsed", 2);
+__decorateClass([
+  r()
+], TerraDataSubsetterHistory.prototype, "selectedJob", 2);
+__decorateClass([
+  r()
+], TerraDataSubsetterHistory.prototype, "selectedCollectionEntryId", 2);
+__decorateClass([
+  r()
+], TerraDataSubsetterHistory.prototype, "hideCancelled", 2);
+__decorateClass([
+  e('[part~="dialog"]')
+], TerraDataSubsetterHistory.prototype, "dialog", 2);
+__decorateClass([
+  e('[part~="subsetter"]')
+], TerraDataSubsetterHistory.prototype, "subsetter", 2);
+
+export {
+  TerraDataSubsetterHistory
+};