czydojade/resources/components/favourites/save.html

35 lines
1.3 KiB
HTML

<form class="favourite-add-form" @submit.prevent="save">
<div class="form-group">
<label for="favourite_add_name">Nazwa</label>
<div class="input-group">
<input class="form-control form-control-sm" placeholder="np. Z pracy"
:class="{ 'is-invalid': errors.name.length > 0 }" id="favourite_add_name"
v-model="name" v-autofocus/>
<div v-if="errors.name.length > 0" class="invalid-feedback">
<p v-for="error in errors.name">{{ error }}</p>
</div>
</div>
</div>
<ul class="favourite__stops">
<li class="favourite__stop" v-for="stop in stops" :key="stop.id">
<stop :stop="stop"/>
</li>
</ul>
<div class="favourite-add-form__actions">
<template v-if="confirmation">
<button class="btn btn-xs btn-danger" type="submit">
nadpisz
</button>
<button class="btn btn-xs btn-action" @click="$emit('close')">
anuluj
</button>
</template>
<template v-else>
<button class="btn btn-xs btn-primary" type="submit">
<ui-icon icon="add" />
zapisz
</button>
</template>
</div>
</form>