Skip to content
Snippets Groups Projects
Commit f78dc164 authored by Arnaud Levy's avatar Arnaud Levy
Browse files

better

parent ccbf3067
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
app/views/admin/communication/website/blocks/templates/partners/_edit.html.erb
+ 86
− 83
View file @ f78dc164
......@@ -2,104 +2,107 @@
v-on:click="data.elements.push({title: '', partners: [] })">
Add category
</a>
<draggable :list="data.elements" handle=".categoryHandle">
<div class="card" v-for="(category, categoryIndex) in data.elements">
<div class="card-header pb-0 nav justify-content-between">
<div class="d-flex">
<div v-for="(category, categoryIndex) in data.elements">
<div class="row mb-3">
<div class="col-md-1">
<a class="btn ps-0 categoryHandle">
<i class="fa fa-bars handle"></i>
</a>
<h3 class="pt-1">{{ category.title }}</h3>
</div>
<div>
<div class="col-md-10">
<label class="visually-hidden"
aria-label="Title"
:for="'category-title-' + categoryIndex">
Title
</label>
<input class="form-control form-control-lg"
type="text"
v-model="category.title"
placeholder="Type category name here"
:id="'category-title-' + categoryIndex">
</div>
<div class="col-md-1 text-end">
<a class="btn btn-sm btn-danger"
v-on:click="data.elements.splice(data.elements.indexOf(category), 1)">
<i class="fas fa-times"></i>
</a>
</div>
</div>
<div class="card-header">
<label class="form-label"
:for="'category-title-' + categoryIndex">
Title
</label>
<input class="form-control form-control-lg"
type="text"
v-model="category.title"
placeholder="Type category name here"
:id="'category-title-' + categoryIndex">
</div>
<div class="card-body">
<div class="row">
<div class="col-md-8">
<p>Partners for {{ category.title }}</p>
</div>
<div class="col-md-4 text-end">
<a class="<%= button_classes('mt-n1') %>"
v-on:click="element.partners.push({name: '', url: '', logo: ''})">
Add partner
</a>
<div class="row">
<div class="offset-md-1 col-md-10">
<div class="row">
<div class="col-md-8">
<p>Partners for “{{ category.title }}”</p>
</div>
<div class="col-md-4 text-end">
<a class="<%= button_classes('mt-n1') %>"
v-on:click="category.partners.push({name: '', url: '', logo: ''})">
Add partner
</a>
</div>
</div>
</div>
<draggable :list="category.partners" class="list-group" handle=".partnerHandle">
<div v-for="(partner, partnerIndex) in category.partners" class="list-group-item">
<div class="row">
<div class="col-1">
<a class="btn ps-0 partnerHandle">
<i class="fa fa-bars handle"></i>
</a>
</div>
<div class="col-lg-3 col-sm-10">
<label class="form-label"
:for="'category-' + categoryIndex + '-partner-name-' + partnerIndex">Name</label>
<input class="form-control mb-2"
type="text"
v-model="partner.name"
placeholder="Type partner's name here"
:id="'category-' + categoryIndex + '-partner-name-' + partnerIndex">
</div>
<div class="offset-lg-0 col-lg-3 offset-sm-1 col-sm-10">
<label class="form-label"
:for="'category-' + categoryIndex + '-partner-url-' + partnerIndex">
Url <small>(starting with https:// )</small>
</label>
<input class="form-control mb-2"
type="text"
v-model="partner.url"
placeholder="Type partner's url here"
:id="'category-' + categoryIndex + '-partner-url-' + partnerIndex">
</div>
<div class="offset-lg-0 col-lg-4 offset-sm-1 col-sm-10">
<%# TODO : Replace by real image upload %>
<label class="form-label"
:for="'category-' + categoryIndex + '-partner-logo-' + partnerIndex">
Logo
</label>
<input class="form-control mb-2"
type="file"
accept="image/*"
@change="onFileImageChange( $event, partner, 'logo' )"
:id="'category-' + categoryIndex + '-partner-url-' + partnerIndex">
<draggable :list="category.partners" class="list-group" handle=".partnerHandle">
<div v-for="(partner, partnerIndex) in category.partners" class="list-group-item">
<div class="row">
<div class="col-1">
<a class="btn ps-0 partnerHandle">
<i class="fa fa-bars handle"></i>
</a>
</div>
<div class="col-lg-3 col-sm-10">
<label class="form-label"
:for="'category-' + categoryIndex + '-partner-name-' + partnerIndex">Name</label>
<input class="form-control mb-2"
type="text"
v-model="partner.name"
placeholder="Type partner's name here"
:id="'category-' + categoryIndex + '-partner-name-' + partnerIndex">
</div>
<div class="offset-lg-0 col-lg-3 offset-sm-1 col-sm-10">
<label class="form-label"
:for="'category-' + categoryIndex + '-partner-url-' + partnerIndex">
Url <small>(starting with https:// )</small>
</label>
<input class="form-control mb-2"
type="text"
v-model="partner.url"
placeholder="Type partner's url here"
:id="'category-' + categoryIndex + '-partner-url-' + partnerIndex">
</div>
<div class="offset-lg-0 col-lg-4 offset-sm-1 col-sm-10">
<%# TODO : Replace by real image upload %>
<label class="form-label"
:for="'category-' + categoryIndex + '-partner-logo-' + partnerIndex">
Logo
</label>
<input class="form-control mb-2"
type="file"
accept="image/*"
@change="onFileImageChange( $event, partner, 'logo' )"
:id="'category-' + categoryIndex + '-partner-url-' + partnerIndex">
<div v-if="partner.logo">
<img :src="partner.logo" class="img-fluid" />
<a class="btn btn-sm btn-danger mt-1"
v-on:click="partner.logo=''">
Remove
<i class="fas fa-times"></i>
</a>
<div v-if="partner.logo">
<img :src="partner.logo" class="img-fluid" />
<a class="btn btn-sm btn-danger mt-1"
v-on:click="partner.logo=''">
Remove
<i class="fas fa-times"></i>
</a>
</div>
</div>
<div class="col-1 text-end">
<a class="btn btn-sm btn-danger mt-1"
v-on:click="element.partners.splice(element.partners.indexOf(person), 1)">
<i class="fas fa-times"></i>
</a>
</div>
</div>
</div>
<div class="col-1 text-end">
<a class="btn btn-sm btn-danger mt-1"
v-on:click="element.partners.splice(element.partners.indexOf(person), 1)">
<i class="fas fa-times"></i>
</a>
</div>
</div>
</div>
</draggable>
</draggable>
</div>
</div>
<hr class="my-5">
</div>
</draggable>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment