tapis_job-1.4.1-alpha1/templates/tapis-job.html.twig

{#
/**
 * @file
 * Default theme implementation to present a job entity.
 *
 * This template is used when viewing a canonical job page,
 *
 * Available variables:
 * - content: A list of content items. Use 'content' to print all content, or
 *   print a subset such as 'content.label'.
 * - attributes: HTML attributes for the container element.
 *
 * @see template_preprocess_tapis_job()
 */
#}
<div class="oak-layout oak-layout-aside oak-layout-aside-primary">

  <div class="content">
    <div class="oak-block">
      <div class="inner">
        {{ content.job_status_refresh_form }}

        {% if content.app.0 %}
          <p><strong class="field__label">{{ content.app['#title'] }}</strong>: {{ content.app.0 }}</p>
        {% endif %}

        {% if content.system.0 %}
          <p><strong class="field__label">{{ content.system['#title'] }}</strong>: {{ content.system.0 }}</p>
        {% endif %}

        {% if content.uid.0 %}
          <p><strong class="field__label">{{ content.uid['#title'] }}</strong>: {{ content.uid.0 }}</p>
        {% endif %}

        {% if content.created.0 %}
          <p><strong class="field__label">{{ content.created['#title'] }}</strong>: {{ content.created[0]["#attributes"]["datetime"]|date("M d, Y") }}</p>
        {% endif %}

        {% if content.tapisUUID.0 %}
          <p><strong class="field__label">{{ content.tapisUUID['#title'] }}</strong>: {{ content.tapisUUID.0 }}</p>
        {% endif %}
      </div>
    </div>
  </div>

  <aside>
    {% set statusClass = 'sucess' %}
    {% if content.job_status_refresh_form['#attached']['drupalSettings']['tapis_job']['status']|lower|capitalize == 'Failed' %}
      {% set statusClass = 'error' %}
    {% elseif content.job_status_refresh_form['#attached']['drupalSettings']['tapis_job']['status']|lower|capitalize == 'Cancelled' %}
      {% set statusClass = 'warning' %}
    {% endif %}

    <section class="oak-as-layer job-status-section">
      <div class="inner">
        <div class="oak-status {{ statusClass }}">
          <div class="content">
            {{ content.job_status_refresh_form['#attached']['drupalSettings']['tapis_job']['status']|lower|capitalize }}
          </div>
        </div>
      </div>
    </section>

    {% set jobButtonsClass = 'hidden' %}
    {% if content.job_status_refresh_form['job_status_info']['#job_button'] or content.tapis_job_terminate or content.job_status_refresh_form['job_status_info']['#terminate_job_button'] %}
      {% set jobButtonsClass = '' %}
    {% endif %}

    <section class="oak-as-layer job-buttons {{ jobButtonsClass }}">
      <div class="inner stacked-buttons-container button-container-full-width">
        <div id="proxy-status-message" class="proxy-status-message visually-hidden" aria-live="polite"></div>
        {{ content.job_status_refresh_form['job_status_info']['#job_button'] | raw }}
        {{ content.job_status_refresh_form['job_status_info']['#terminate_job_button'] | raw }}

        {% if content.tapis_job_terminate %}
          {{ content.tapis_job_terminate }}
        {% endif %}
      </div>
    </section>

    {% set jobButtonClass = 'hidden' %}
    {% if content.job_status_refresh_form['job_status_info']['#job_button'] %}
      {% set jobButtonClass = '' %}
    {% endif %}

    <section class="oak-as-layer hidden job-progress-section">
      <div class="inner">
        <ul class="oak-progress oak-progress-latest">

        </ul>
      </div>
    </section>
  </aside>
</div>