Commit e358b8bc authored by Stephane Bouvry's avatar Stephane Bouvry
Browse files

Fix : Administration > Flux de jalon

parent 0bf27985

ui/src/views/AdminActivityDateFlow.vue

+22 −14
Changes for ui/src/views/AdminActivityDateFlow.vue: 22 added lines, 14 removed lines.
Original line number Diff line number Diff line
@@ -139,13 +139,12 @@ export default { 
<template>

  <h1><i class="icon-calendar" />Flux de jalon</h1>

  <nav class="buttons-bar">

    <button @click="handlerNew" class="btn btn-default">Nouveau flux</button>

    <button @click="fetch">fetch</button>

    <button @click="handlerNew" class="btn btn-primary">Nouveau flux</button>

  </nav>

  <hr>

  <section class="activitydateflows">

    <article class="card" v-for="adf in activitydateflows">

      <h3>

      <h3 class="card-title">

        <code>[{{ adf.id }}]</code>

        <strong>

        {{ adf.label }}
@@ -155,9 +154,11 @@ export default { 
      </h3>

      <p>{{ adf.description }}</p>

      <section class="activitydateflow-element" v-for="adfe in adf.datetypes">

        <h4>{{ adfe.datetype.label }} <em>{{ adfe.interval }} jours</em></h4>

        <div class="card">

          <strong>{{ adfe.datetype.label }}</strong>

          <em>&nbsp;(après {{ adfe.interval }} jours)</em></div>

      </section>

      <nav class="buttons-bar">

      <nav class="btn-group btn-group-sm">

        <button class="btn btn-danger" @click.prevent="handlerDelete(adf)">Supprimer</button>

        <button class="btn btn-default" @click.prevent="handlerEdit(adf)">Modifier</button>

        <button class="btn btn-default" @click.prevent="handlerDuplicate(adf)">Dupliquer</button>
@@ -172,7 +173,7 @@ export default { 
        <em v-else>Nouveau flux de jalon</em>

      </h1>

      <div class="row">

        <div class="col-md-6">

        <div class="col-md-12">

          <div class="div">

            <label for="label">

              Intitulé
@@ -188,7 +189,7 @@ export default { 
          <div class="div">

            <label for="">

              Publique (Disponible aux utilisateurs)

              <input type="checkbox" class="form-control" v-model="form.public" />

              <input type="checkbox" class="" v-model="form.public" />

            </label>

          </div>

        </div>
@@ -205,11 +206,15 @@ export default { 
        </select>

      </div>

      <section class="datetypes">

        <article class="card datetype-item" v-for="d in orderedDatetypes">

        <article class="datetype-item" v-for="d in orderedDatetypes">

          <div>

            <strong>{{ d.datetype.label }} ({{ d.order }})</strong>

          <input type="number" class="form-inline" v-model="d.interval" placeholder="Jours">

          </div>

          <div>

            <input type="number" class="form-control" v-model="d.interval" placeholder="Jours">

            <em> jours {{ d.interval >= 0 ? 'après' : 'avant' }} la date de référence</em>

          <nav style="display: inline-block">

          </div>

          <nav>

            <!--

            <a href="#" @click.prevent="handlerDown(d)">

              <i class="icon-down-outline"></i>
@@ -235,14 +240,17 @@ export default { 


<style scoped>

.datetype-item {

  border: 1px solid var(--bs-primary-light);

  padding: .5em 1em;

  margin: .5em 0;

  display: flex;

  strong, em, nav{

  box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);

  align-items: center;

  div{

    flex: 3

  }

  input {

    flex: 1;

    width: 2em;



    width: 5em;

  }

}

</style>
 
 No newline at end of file