Replaced the default number input arrow buttons with own ones to better support touch input (references #44)

This commit is contained in:
Bernd Bestel
2018-09-08 12:04:31 +02:00
parent 8a71d55f0f
commit e777be4d3b
12 changed files with 148 additions and 57 deletions

View File

@@ -42,11 +42,15 @@
<div class="invalid-feedback">{{ $L('A period type is required') }}</div>
</div>
<div class="form-group">
<label for="period_days">{{ $L('Period days') }}</label>
<input type="number" class="form-control input-group-habit-period-type" id="period_days" name="period_days" min="0" value="@if($mode == 'edit'){{ $habit->period_days }}@endif">
<div class="invalid-feedback">{{ $L('This cannot be negative') }}</div>
</div>
@php if($mode == 'edit') { $value = $habit->period_days; } else { $value = 0; } @endphp
@include('components.numberpicker', array(
'id' => 'period_days',
'label' => 'Period days',
'value' => $value,
'min' => '0',
'additionalCssClasses' => 'input-group-habit-period-type',
'invalidFeedback' => $L('This cannot be negative')
))
<p id="habit-period-type-info" class="form-text text-muted small d-none"></p>