Attention une mise à jour du serveur va être effectuée le lundi 17 mai entre 13h et 13h30. Cette mise à jour va générer une interruption du service de quelques minutes.

Commit 7ba2e035 authored by Robin Tissot's avatar Robin Tissot

Put the input in a modal.

parent 335d5796
......@@ -76,6 +76,7 @@
<div id="image-card-{pk}" class="card">
<div style="position: relative;">
<button class="js-card-select-hdl"><i class="fas fa-square"></i></button>
<span class="js-card-order"></span>
<button title="{% trans 'Delete this image and all its data (segmentation, transcriptions)' %}" class="close mr-1 js-card-delete" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<img style="object-fit: cover;" width="180" height="180" class="card-img-top lazy">
<div class="card-btns">
......
......@@ -192,6 +192,11 @@ form.inline-form {
border: 0;
}
.js-card-order {
position: absolute;
left: 50%;
}
.process-part-form h5 {
color: var(--secondary);
text-align: center;
......
......@@ -36,6 +36,7 @@ function openWizard(proc) {
class partCard {
constructor(part) {
this.pk = part.pk;
this.order = part.order;
this.name = part.name;
this.title = part.title;
this.typology = part.typology;
......@@ -60,6 +61,7 @@ class partCard {
// fill template
$new.attr('id', $new.attr('id').replace('{pk}', this.pk));
this.updateThumbnail();
this.updateOrder();
$('img.card-img-top', $new).attr('title', this.title + '\n<' + this.filename +'>');
$new.attr('draggable', true);
......@@ -195,6 +197,10 @@ class partCard {
img.attr('data-src', uri);
}
updateOrder() {
$('span.js-card-order', this.$element).html(this.order+1);
}
updateWorkflowIcons() {
var map = [
['convert', this.convertIcon],
......
......@@ -4,6 +4,7 @@
<div class="nav nav-tabs mb-3" id="nav-tab" role="tablist">
<slot></slot>
<extrainfo></extrainfo>
<gotoelement></gotoelement>
<transmanagement></transmanagement>
<extranav></extranav>
</div>
......@@ -15,6 +16,7 @@
<script>
import ExtraInfo from './ExtraInfo.vue';
import GotoElement from './GotoElement.vue';
import TranscriptionManagement from './TranscriptionManagement.vue';
import ExtraNav from './ExtraNav.vue';
import TabContent from './TabContent.vue';
......@@ -69,6 +71,7 @@ export default {
components: {
'extrainfo': ExtraInfo,
'gotoelement': GotoElement,
'transmanagement': TranscriptionManagement,
'extranav': ExtraNav,
'tabcontent': TabContent,
......
......@@ -15,10 +15,6 @@
class="nav-btn nav-prev"
title="Previous (Page Up or Ctrl+Right Arrow)">
<i class="fas fa-angle-left"></i></a>
<input type="number"
v-if="$store.state.parts.loaded"
v-bind:value="$store.state.parts.order+1"
@change.lazy="goTo"/>
<div>
<button id="zoom-reset"
@click="resetZoom"
......
Markdown is supported
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