screen-edit.vue 1.35 KB
Newer Older
1
2
3
<template>
  <main>
    <section class="max-w-4xl mx-auto p-9">
4
5
6
7
8
9
10
11
12
13
14
      <h1 class="mb-6 text-3xl">{{ $t('screen.label.step', { num: stepNum }) }}</h1>
      <oa-input id="0" :label="$t('screen.label.title')" :value="screen.name" required="true" @update="screen.name = $event" />
      <oa-input
        id="1"
        :label="$t('screen.label.reference.label')"
        :value="screen.reference"
        required="true"
        @update="screen.reference = $event"
        :helpText="$t('screen.label.reference.helpText')"
      />
      <oa-textarea id="2" :label="$t('screen.label.description')" :value="screen.description" @update="screen.description = $event" />
15
16
17
18
19
20
21
22
23
24
25
26
      <ul class="flex justify-center border-b-2 mb-8">
        <li>
          <a class="block p-2 text-blue-500 border-b border-blue-600 py-2" href="#">Contenus</a>
        </li>
        <li>
          <a class="block p-2 text-gray-600 border-b border-transparent py-2" href="#">Conditions daffichage</a>
        </li>
      </ul>
      <screen-item-edit v-for="(item, key) in items" :key="key" />
      <step-toolbar />
      <div class="flex items-center">
        <div class="text-right flex-grow">
27
          <oa-button type="submit" variant="primary" :label="$t('button.save')" @click="save" />
28
29
30
31
32
33
34
        </div>
      </div>
    </section>
  </main>
</template>

<script lang="ts" src="./screen-edit.component.ts" />