Skip to content
Snippets Groups Projects
Select Git revision
  • 3c73b3c07cc54fb8282a7930649021c215102a50
  • main default protected
  • 1.8.5
  • 1.8.4
  • 1.8.3
  • 1.8.2
  • 1.8.1
  • 1.8.0
  • 1.7.14
  • 1.7.13
  • 1.7.12
  • 1.7.11
  • 1.7.10
  • 1.7.9
  • 1.7.8
  • 1.7.7
  • 1.7.6
  • 1.7.5
  • 1.7.4
  • 1.7.3
  • 1.7.2
  • 1.7.1
22 results

UWSMCutoutWork.java

Blame
  • Jobs.vue 977 B
    <template>
    <div>
      <h3>Async recall jobs</h3>
      <table class="table b-table table-striped table-hover">
        <thead>
          <tr>
            <th>Creation time</th>
            <th>Id</th>
            <th>Phase</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for="job in jobs" :key="job.id">
            <td>{{job.creationTime}}</td>
            <td>{{job.id}}</td>
            <td>{{job.phase}}</td>
          </tr>
        </tbody>
      </table>
      <div id="jobs-loading" v-if="jobsLoading" class="loading">
        <div class="spinner-wrapper">
          <b-spinner variant="primary" style="width: 3rem; height: 3rem;" label="Loading"></b-spinner>
        </div>
      </div>
    </div>
    </template>
    
    <script>
    export default {
      computed: {
        jobs() { return this.$store.state.jobs },
        jobsLoading() { return this.$store.state.jobsLoading }
      },
      mounted() {
        this.loadJobs();
        this.$store.commit('setLoading', false);
      },
      methods: {
        loadJobs() {
          this.$store.dispatch('loadJobs');
        }
      }
    }
    </script>