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

fix

parent d24151bf
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/organization_chart/_edit.html.erb
+ 62
− 53
View file @ 8a3a02c8
......@@ -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>
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