Skip to content
Snippets Groups Projects
Commit 44adbcfb authored by alexisben's avatar alexisben
Browse files

Block partner: fix static

parents e09391d6 8a3a02c8
No related branches found
No related tags found
No related merge requests found
......@@ -3,66 +3,75 @@
Add role
</a>
<div class="row">
<draggable class="col-md-11" :list="data.elements">
<div class="card" v-for="element in data.elements">
<div class="card-header pb-0 nav justify-content-between">
<a class="btn ps-0">
<i class="fa fa-bars handle"></i>
</a>
<a class="btn btn-sm btn-danger mt-1" v-on:click="data.elements.splice(data.elements.indexOf(element), 1)">
<i class="fas fa-times"></i>
</a>
<draggable :list="data.elements" handle=".elementHandle">
<div v-for="(element, elementIndex) in data.elements">
<div class="d-flex">
<div>
<a class="btn ps-0 elementHandle">
<i class="fa fa-bars handle"></i>
</a>
</div>
<div class="card-body">
<div class="flex-fill">
<div class="mb-3">
<label class="form-label">Role Title</label>
<input class="form-control"
<label class="visually-hidden"
aria-label="Title"
:for="'element-title-' + elementIndex">
Title
</label>
<input class="form-control form-control-lg"
type="text"
v-model="element.title"
placeholder="Type role name here">
placeholder="Type role name here"
:id="'element-title-' + elementIndex">
</div>
<div class="row">
<div class="col-md-8">
<p>People for {{ element.title }}</p>
</div>
<div class="col-md-4 text-end">
<a class="<%= button_classes('mt-n1') %>"
v-on:click="element.persons.push({id: '', role: ''})">
Add person
</a>
<div>
<div class="row">
<div class="col-md-8">
<p>People for “{{ element.title }}”</p>
</div>
<div class="col-md-4 text-end">
<a class="<%= button_classes('mt-n1') %>"
v-on:click="element.persons.push({id: '', role: ''})">
Add person
</a>
</div>
</div>
</div>
<draggable :list="element.persons" class="list-group">
<div v-for="person in element.persons" class="list-group-item">
<div class="row">
<div class="col-md-1">
<a class="btn ps-0">
<i class="fa fa-bars handle"></i>
</a>
</div>
<div class="col-md-5">
<select class="form-select select" v-model="person.id">
<% @website.university.people.ordered.each_with_index do |person, index| %>
<option value="<%= person.id %>"><%= person.last_name %>, <%= person.first_name %></option>
<% end %>
</select>
</div>
<div class="col-md-5">
<input class="form-control" type="text" v-model="person.role" placeholder="Type role here">
</div>
<div class="col-md-1 text-end">
<a class="btn btn-sm btn-danger mt-1"
v-on:click="element.persons.splice(element.persons.indexOf(person), 1)">
<i class="fas fa-times"></i>
</a>
<draggable :list="element.persons" class="list-group">
<div v-for="person in element.persons" class="list-group-item">
<div class="row">
<div class="col-md-1">
<a class="btn ps-0">
<i class="fa fa-bars handle"></i>
</a>
</div>
<div class="col-md-5">
<select class="form-select select" v-model="person.id">
<% @website.university.people.ordered.each_with_index do |person, index| %>
<option value="<%= person.id %>"><%= person.last_name %>, <%= person.first_name %></option>
<% end %>
</select>
</div>
<div class="col-md-5">
<input class="form-control" type="text" v-model="person.role" placeholder="Type role here">
</div>
<div class="col-md-1 text-end">
<a class="btn btn-sm btn-danger mt-1"
v-on:click="element.persons.splice(element.persons.indexOf(person), 1)">
<i class="fas fa-times"></i>
</a>
</div>
</div>
</div>
</div>
</draggable>
</draggable>
</div>
</div>
<div>
<a class="btn btn-sm btn-danger ms-3"
v-on:click="data.elements.splice(data.elements.indexOf(element), 1)">
<i class="fas fa-times"></i>
</a>
</div>
</div>
</draggable>
</div>
<hr class="my-5">
</div>
</draggable>
......@@ -38,54 +38,58 @@
</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">
<div class="d-flex">
<div>
<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">
<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 class="flex-fill">
<div class="row">
<div class="col-lg-4">
<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="col-lg-4">
<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="col-lg-4">
<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="getImageUrl(partner.logo)" class="img-fluid d-block" />
<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="getImageUrl(partner.logo)" class="img-fluid d-block" />
<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>
</div>
<div class="col-1 text-end">
<a class="btn btn-sm btn-danger mt-1"
<div>
<a class="btn btn-sm btn-danger ms-3"
v-on:click="category.partners.splice(category.partners.indexOf(partner), 1)">
<i class="fas fa-times"></i>
</a>
......@@ -96,7 +100,7 @@
</div>
</div>
<div>
<a class="btn btn-sm ms-3 btn-danger"
<a class="btn btn-sm btn-danger ms-3"
v-on:click="data.elements.splice(data.elements.indexOf(category), 1)">
<i class="fas fa-times"></i>
</a>
......
......@@ -3,6 +3,8 @@
- name: >
<%= element['title'] %>
url: <%= element['url'] %>
logo: <%= element['logo'] %>
<% if element['logo'] %>
logo: <%= element['logo']['id'] %>
<% end %>
<% end %>
<% end %>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment