android_compile/modules/list-tasks-sk/list-tasks-sk.js

/**
 * @module module/list-tasks-sk
 * @description <h2><code>list-tasks-sk</code></h2>
 *
 * <p>
 *   Displays information about all waiting and running tasks being processed
 *   by the Android Compile Server.
 * </p>
 *
 */

import { define } from 'elements-sk/define';
import { html } from 'lit-html';
import { ElementSk } from '../../../infra-sk/modules/ElementSk';

import { doImpl } from '../compile';

function formatTimestamp(timestamp) {
  if (!timestamp) {
    return timestamp;
  }
  const d = new Date(timestamp);
  return d.toLocaleString();
}

function getUnOwnedPendingTasksRows(ele) {
  return ele._unOwnedPendingTasks.map((task) => html`
  <tr>
    <td align="left">
      <a href="https://skia-review.googlesource.com/c/skia/+/${task.issue}/${task.patchset}" target="_blank">
        skrev/${task.issue}/${task.patchset}
      </a> [${task.lunch_target}]
    </td>
    <td>
      Created: ${formatTimestamp(task.created)}
    </td>
  </tr>
  `);
}

function getOwnedPendingTasksRows(ele) {
  return ele._ownedPendingTasks.map((task) => html`
  <tr>
    <td align="left">
      Running on ${task.compile_server_instance} (${task.checkout}):
      <a href="https://skia-review.googlesource.com/c/skia/+/${task.issue}/${task.patchset}" target="_blank">
        skrev/${task.issue}/${task.patchset}
      </a> [${task.lunch_target}]
    </td>
    <td>
      Created: ${formatTimestamp(task.created)}
    </td>
  </tr>
  `);
}

const template = (ele) => html`
  <table class="tasktable">
    <col width ="50%">
    <col width ="50%">

    <tr class="headers">
       <td colspan=2>
         ${ele._unOwnedPendingTasks.length} Tasks Waiting in Queue
       </td>
    </tr>
    ${getUnOwnedPendingTasksRows(ele)}
  </table>

  <br/><br/>
  <table class="tasktable">
    <col width ="50%">
    <col width ="50%">

    <tr class="headers">
       <td colspan=2>
         ${ele._ownedPendingTasks.length} Tasks Currently Running
       </td>
    </tr>
    ${getOwnedPendingTasksRows(ele)}
  </table>

`;

define('list-tasks-sk', class extends ElementSk {
  constructor() {
    super(template);
    this._unOwnedPendingTasks = [];
    this._ownedPendingTasks = [];
    this._fetchPendingTasks();
  }

  _fetchPendingTasks() {
    doImpl('/_/pending_tasks', {}, (json) => {
      this._unOwnedPendingTasks = json.unowned_pending_tasks;
      this._ownedPendingTasks = json.owned_pending_tasks;
      this._render();
    });
  }

  connectedCallback() {
    super.connectedCallback();
    this._render();
  }

  disconnectedCallback() {
    super.disconnectedCallback();
  }
});