monitor/views/partials/components/job_info.ejs at 692f6e1ba6ec7d04379e1294157dc6a6605c1d5d · ign-gpao/monitor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!-- views/partials/jobs_info.ejs -->
<div class="card shadow mb-4">
  <div class="card-header py-3">
    <div class="row align-items-center">
      <div class="col-lg-6">
        <h6 class="m-0 font-weight-bold text-primary">Job : <%= job.job_id %></h6>
      </div>
        <%if (job.job_status == 'failed') { %>
          <div class="col-lg-6 text-right">
            <button type="button" onclick='reinitJobs({"ids":[<%= job.job_id %>]})' data-toggle="tooltip" title="Réinitialise le job <%= job.job_id %>" class="btn btn-circle btn-warning">
              <i class="fas fa-sync-alt fa-1x" aria-hidden="true"></i>
            </button>
          </div>
        <%}%>
    </div>
  </div>
  <div class="card-body">
      <ul class="list-group list-group-flush">
          <li class="list-group-item">Id : <%= job.job_id %></li>
          <li class="list-group-item">Nom du Job : <%= job.job_name %></li>
          <li class="list-group-item">
            <div class="d-flex justify-content-between align-items-center">
              <div>Tags : <%= job.job_tags %></div>
              <div class="d-flex justify-content-end align-items-center">
                <%if (job.job_status == 'ready' || job.job_status == 'waiting' || job.job_status == 'failed') { %>
                  <input id="tags" type="text" class="form-control mr-2" pattern="(\w+,{1}){0,}\w+" value="<%= job.job_tags %>" aria-label="tag" aria-describedby="invalid-feedback" style="display: none;">
                  <div class="invalid-tooltip">Format invalide : chaînes de caractères alphanumériques séparées d'une virgule</div>
                  <button class="btn btn-sm btn-circle btn-primary" id="btn-show" type="button" onclick="showTags()" data-toggle="tooltip" title="Changer les tags"><i class="fa fa-pen"></i></button>
                  <button class="btn btn-sm btn-circle btn-success" id="btn-send" type="button" onclick="setTags({'ids':[<%= job.job_id %>]}, document.getElementById('tags').value)" data-toggle="tooltip" title="Valider" style="display: none;"><i class="fas fa-check"></i></button>
                <%}%>
              </div>
            </div>
          </li>
          <li class="list-group-item">Date de début : <%= job.date_debut %> à  <%= job.hms_debut %> (UTC)</li>
          <li class="list-group-item">Date de fin : <%= job.date_fin %> à  <%= job.hms_fin %> (UTC)</li>
          <li class="list-group-item">Durée : <%= job.duree %> secondes</li>
          <li class="list-group-item">Statut : <%= job.job_status %></li>
          <li class="list-group-item">Code de retour : <%= job.job_return_code %></li>
          <li class="list-group-item">Id Projet : <%= job.project_id %></li>
          <li class="list-group-item">
            <div class="d-flex justify-content-between align-items-center">
              <div>Nom du Projet : <%= job.project_name %></div>
              <a type="button" data-toggle="tooltip" title="Accéder aux jobs de ce projet" class="btn btn-sm btn-circle btn-primary" href="<%= base %>/jobs?filter=<%= job.project_id %>">
                <i class="fas fa-search" aria-hidden="true"></i>
              </a>
            </div>
          </li>
          <li class="list-group-item">Id Session : <%= job.session_id %></li>
          <li class="list-group-item">Client : <%= job.session_host %></li>
      </ul>
  </div>
</div>

<script type="text/javascript">

function showTags(){
  document.getElementById("btn-show").style.display = "none";
  document.getElementById("btn-send").style.display = "inline-block";
  document.getElementById("tags").style.display = "inline-block";
}

// Validation de l'input tags
$('#tags').on('input', function(event) {
    validateTags('tags','btn-send')
});

</script>