Add a 'remove this day' button

This commit is contained in:
Antonin 2016-08-07 12:22:58 +02:00
parent 5c11e5fe4d
commit d762c38e81
10 changed files with 69 additions and 46 deletions

View File

@ -487,6 +487,15 @@ table.results > tbody > tr:hover > td .glyphicon {
border:none; border:none;
background:transparent; background:transparent;
} }
#selected-days legend .input-group-addon:last-of-type {
padding-top: 0;
padding-bottom: 0;
}
#selected-days legend {
height: 33px;
}
/* create_classic_poll.php */ /* create_classic_poll.php */
.md-a-img { .md-a-img {
text-decoration:none !important; text-decoration:none !important;

View File

@ -214,16 +214,12 @@ $(document).ready(function () {
newDateFields(); newDateFields();
}); });
// Button "Remove a day" // Button "Remove the current day"
$('#remove-a-day').on('click', function () { $(document).on('click', '.remove-day', function () {
$selected_days.find('fieldset:last').remove(); if ($('#days_container').find('fieldset').length > 1) {
var nb_days = $selected_days.find('fieldset').length; $(this).parents('fieldset').remove();
$('#day' + (nb_days - 1)).focus();
if (nb_days == 1) {
$removeaday_and_copyhours.addClass('disabled');
} }
submitDaysAvalaible();
}); });
// Add an range of dates // Add an range of dates

View File

@ -259,6 +259,7 @@
"Copy hours of the first day": "Eilañ eurioù an devezh kentañ war an devezhioù all", "Copy hours of the first day": "Eilañ eurioù an devezh kentañ war an devezhioù all",
"Remove a day": "Dilemel an devezh diwezhañ", "Remove a day": "Dilemel an devezh diwezhañ",
"Add a day": "Ouzhpennañ un devezh", "Add a day": "Ouzhpennañ un devezh",
"Remove this day": "BR_Supprimer ce jour",
"Remove all days": "Dilemel an holl zevezhioù", "Remove all days": "Dilemel an holl zevezhioù",
"Remove all hours": "Dilemel an holl eurioù" "Remove all hours": "Dilemel an holl eurioù"
}, },

View File

@ -265,6 +265,7 @@
"Copy hours of the first day": "Uhrzeiten des ersten Tags kopieren", "Copy hours of the first day": "Uhrzeiten des ersten Tags kopieren",
"Remove a day": "Einen Tag entfernen", "Remove a day": "Einen Tag entfernen",
"Add a day": "Einen Tag hinzufügen", "Add a day": "Einen Tag hinzufügen",
"Remove this day": "DE_Supprimer ce jour",
"Remove all days": "Alle Tage entfernen", "Remove all days": "Alle Tage entfernen",
"Remove all hours": "Alle Uhrzeiten entfernen" "Remove all hours": "Alle Uhrzeiten entfernen"
}, },

View File

@ -265,6 +265,7 @@
"Copy hours of the first day": "Copy times from the first day", "Copy hours of the first day": "Copy times from the first day",
"Remove a day": "Remove a day", "Remove a day": "Remove a day",
"Add a day": "Add a day", "Add a day": "Add a day",
"Remove this day": "Remove this day",
"Remove all days": "Remove all days", "Remove all days": "Remove all days",
"Remove all hours": "Remove all times" "Remove all hours": "Remove all times"
}, },

View File

@ -265,6 +265,7 @@
"Copy hours of the first day": "Copiar los horarios del primer día en los otros días", "Copy hours of the first day": "Copiar los horarios del primer día en los otros días",
"Remove a day": "Borrar el último día", "Remove a day": "Borrar el último día",
"Add a day": "Añadir un día", "Add a day": "Añadir un día",
"Remove this day": "ES_Supprimer ce jour",
"Remove all days": "Borrar todos los días", "Remove all days": "Borrar todos los días",
"Remove all hours": "Borrar todos los horarios" "Remove all hours": "Borrar todos los horarios"
}, },

View File

@ -265,6 +265,7 @@
"Copy hours of the first day": "Reporter les horaires du premier jour sur les autres jours", "Copy hours of the first day": "Reporter les horaires du premier jour sur les autres jours",
"Remove a day": "Supprimer le dernier jour", "Remove a day": "Supprimer le dernier jour",
"Add a day": "Ajouter un jour", "Add a day": "Ajouter un jour",
"Remove this day": "Supprimer ce jour",
"Remove all days": "Effacer tous les jours", "Remove all days": "Effacer tous les jours",
"Remove all hours": "Effacer tous les horaires" "Remove all hours": "Effacer tous les horaires"
}, },

View File

@ -265,6 +265,7 @@
"Copy hours of the first day": "Copiare gli orari del primo giorno", "Copy hours of the first day": "Copiare gli orari del primo giorno",
"Remove a day": "Eliminare l'ultimo giorno", "Remove a day": "Eliminare l'ultimo giorno",
"Add a day": "Aggiungere un giorno", "Add a day": "Aggiungere un giorno",
"Remove this day": "IT_Supprimer ce jour",
"Remove all days": "Cancellare tutti i giorni", "Remove all days": "Cancellare tutti i giorni",
"Remove all hours": "Cancellare tutti gli orari" "Remove all hours": "Cancellare tutti gli orari"
}, },

View File

@ -265,6 +265,7 @@
"Copy hours of the first day": "Reportar los oraris del primièr jorn suls autres jorns", "Copy hours of the first day": "Reportar los oraris del primièr jorn suls autres jorns",
"Remove a day": "Suprimir lo darrièr jorn", "Remove a day": "Suprimir lo darrièr jorn",
"Add a day": "Ajustar un jorn", "Add a day": "Ajustar un jorn",
"Remove this day": "OC_Supprimer ce jour",
"Remove all days": "Suprimir totes los jorns", "Remove all days": "Suprimir totes los jorns",
"Remove all hours": "Suprimir totes los oraris" "Remove all hours": "Suprimir totes los oraris"
}, },

View File

@ -36,49 +36,60 @@
<p>{__('Step 2 date', 'For each selected day, you can choose, or not, meeting hours (e.g.: "8h", "8:30", "8h-10h", "evening", etc.)')}</p> <p>{__('Step 2 date', 'For each selected day, you can choose, or not, meeting hours (e.g.: "8h", "8:30", "8h-10h", "evening", etc.)')}</p>
</div> </div>
{foreach $choices as $i=>$choice} <div id="days_container">
{if $choice->getName()} {foreach $choices as $i=>$choice}
{$day_value = $choice->getName()|date_format:$date_format['txt_date']} {if $choice->getName()}
{else} {$day_value = $choice->getName()|date_format:$date_format['txt_date']}
{$day_value = ''} {else}
{/if} {$day_value = ''}
<fieldset> {/if}
<div class="form-group"> <fieldset>
<legend> <div class="form-group">
<label class="sr-only" for="day{$i}">{__('Generic', 'Day')} {$i+1}</label> <legend>
<label class="sr-only" for="day{$i}">{__('Generic', 'Day')} {$i+1}</label>
<div class="input-group date col-xs-7"> <div class="col-xs-10 col-sm-11">
<span class="input-group-addon"><i class="glyphicon glyphicon-calendar text-info"></i></span> <div class="input-group date">
<input type="text" class="form-control" id="day{$i}" title="{__('Generic', 'Day')} {$i+1}" <span class="input-group-addon"><i class="glyphicon glyphicon-calendar text-info"></i></span>
data-date-format="{__('Date', 'dd/mm/yyyy')}" aria-describedby="dateformat{$i}" name="days[]" value="{$day_value}" <input type="text" class="form-control" id="day{$i}" title="{__('Generic', 'Day')} {$i+1}"
size="10" maxlength="10" placeholder="{__('Date', 'dd/mm/yyyy')}" autocomplete="nope"/> data-date-format="{__('Date', 'dd/mm/yyyy')}" aria-describedby="dateformat{$i}" name="days[]" value="{$day_value}"
</div> size="10" maxlength="10" placeholder="{__('Date', 'dd/mm/yyyy')}" autocomplete="nope"/>
<span id="dateformat{$i}" class="sr-only">({__('Date', 'dd/mm/yyyy')})</span> </div>
</legend> </div>
<div class="col-xs-1 col-sm-1">
<button type="button" title="{__('Step 2 date', 'Remove this day')}" class="remove-day btn btn-sm btn-link">
<span class="glyphicon glyphicon-remove text-danger"></span>
<span class="sr-only">{__('Step 2 date', 'Remove this day')}</span>
</button>
</div>
<span id="dateformat{$i}" class="sr-only">({__('Date', 'dd/mm/yyyy')})</span>
</legend>
{foreach $choice->getSlots() as $j=>$slot}
<div class="col-sm-2">
<label for="d{$i}-h{$j}" class="sr-only control-label">{__('Generic', 'Time')} {$j+1}</label>
<input type="text" class="form-control hours" title="{$day_value} - {__('Generic', 'Time')} {$j+1}"
placeholder="{__('Generic', 'Time')} {$j+1}" id="d{$i}-h{$j}" name="horaires{$i}[]" value="{$slot}"/>
</div>
{/foreach}
{foreach $choice->getSlots() as $j=>$slot}
<div class="col-sm-2"> <div class="col-sm-2">
<label for="d{$i}-h{$j}" class="sr-only control-label">{__('Generic', 'Time')} {$j+1}</label> <div class="btn-group btn-group-xs" style="margin-top: 5px;">
<input type="text" class="form-control hours" title="{$day_value} - {__('Generic', 'Time')} {$j+1}" <button type="button" title="{__('Step 2 date', 'Remove an hour')}" class="remove-an-hour btn btn-default">
placeholder="{__('Generic', 'Time')} {$j+1}" id="d{$i}-h{$j}" name="horaires{$i}[]" value="{$slot}"/> <span class="glyphicon glyphicon-minus text-info"></span>
</div> <span class="sr-only">{__('Step 2 date', 'Remove an hour')}</span>
{/foreach} </button>
<button type="button" title="{__('Step 2 date', 'Add an hour')}" class="add-an-hour btn btn-default">
<div class="col-sm-2"> <span class="glyphicon glyphicon-plus text-success"></span>
<div class="btn-group btn-group-xs" style="margin-top: 5px;"> <span class="sr-only">{__('Step 2 date', 'Add an hour')}</span>
<button type="button" title="{__('Step 2 date', 'Remove an hour')}" class="remove-an-hour btn btn-default"> </button>
<span class="glyphicon glyphicon-minus text-info"></span> </div>
<span class="sr-only">{__('Step 2 date', 'Remove an hour')}</span>
</button>
<button type="button" title="{__('Step 2 date', 'Add an hour')}" class="add-an-hour btn btn-default">
<span class="glyphicon glyphicon-plus text-success"></span>
<span class="sr-only">{__('Step 2 date', 'Add an hour')}</span>
</button>
</div> </div>
</div> </div>
</div> </fieldset>
</fieldset> {/foreach}
{/foreach} </div>
<div class="col-md-4"> <div class="col-md-4">