Cutlery/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2025-07-09 03:14:30 -04:00
Code Issues Packages Projects Releases Wiki Activity

Tweaks to limits UI

Browse Source
This commit is contained in:
Hillel Coren 2016-09-16 12:46:53 +03:00
parent 481c1b52a6
commit 4ac6c7eeee
1 changed files with 35 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
resources/views/accounts/payments.blade.php
View File

@ -37,7 +37,7 @@
{{ Session::get("show_trash:gateway") ? 'checked' : ''}}/>  {{ trans('texts.show_archived_deleted')}} {{ Utils::transFlowText('gateways') }} {{ Session::get("show_trash:gateway") ? 'checked' : ''}}/>  {{ trans('texts.show_archived_deleted')}} {{ Utils::transFlowText('gateways') }}
</label> </label>
--> -->
@if ($showAdd) @if ($showAdd)
{!! Button::primary(trans('texts.add_gateway')) {!! Button::primary(trans('texts.add_gateway'))
->asLinkTo(URL::to('/gateways/create')) ->asLinkTo(URL::to('/gateways/create'))
@ -72,39 +72,41 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="row" style="text-align:center"> <div class="panel-body">
<div class="col-xs-12"> <div class="row" style="text-align:center">
<div id="payment-limits-slider"></div> <div class="col-xs-12">
</div> <div id="payment-limits-slider"></div>
</div>
<div class="row">
<div class="col-md-6">
<div id="payment-limit-min-container">
<label for="payment-limit-min">{{ trans('texts.min') }}</label><br>
<div class="input-group">
<span class="input-group-addon">{{ $currency->symbol }}</span>
<input type="number" class="form-control" min="0" id="payment-limit-min"
name="limit_min">
</div>
<label><input type="checkbox" id="payment-limit-min-enable"
name="limit_min_enable"> {{ trans('texts.enable_min') }}</label>
</div> </div>
</div> </div><br/>
<div class="col-md-6"> <div class="row">
<div id="payment-limit-max-container"> <div class="col-md-6">
<label for="payment-limit-max">{{ trans('texts.max') }}</label><br> <div id="payment-limit-min-container">
<label for="payment-limit-min">{{ trans('texts.min') }}</label><br>
<div class="input-group" style="padding-bottom:8px">
<span class="input-group-addon">{{ $currency->symbol }}</span>
<input type="number" class="form-control" min="0" id="payment-limit-min"
name="limit_min">
</div>
<label><input type="checkbox" id="payment-limit-min-enable"
name="limit_min_enable"> {{ trans('texts.enable_min') }}</label>
</div>
</div>
<div class="col-md-6">
<div id="payment-limit-max-container">
<label for="payment-limit-max">{{ trans('texts.max') }}</label><br>
<div class="input-group"> <div class="input-group" style="padding-bottom:8px">
<span class="input-group-addon">{{ $currency->symbol }}</span> <span class="input-group-addon">{{ $currency->symbol }}</span>
<input type="number" class="form-control" min="0" id="payment-limit-max" <input type="number" class="form-control" min="0" id="payment-limit-max"
name="limit_max"> name="limit_max">
</div>
<label><input type="checkbox" id="payment-limit-max-enable"
name="limit_max_enable"> {{ trans('texts.enable_max') }}</label>
</div> </div>
<label><input type="checkbox" id="payment-limit-max-enable"
name="limit_max_enable"> {{ trans('texts.enable_max') }}</label>
</div> </div>
</div> </div>
<input type="hidden" name="gateway_type_id" id="payment-limit-gateway-type">
</div> </div>
<input type="hidden" name="gateway_type_id" id="payment-limit-gateway-type">
</div> </div>
<div class="modal-footer" style="margin-top: 0px"> <div class="modal-footer" style="margin-top: 0px">
@ -168,24 +170,24 @@
}); });
limitsSlider.noUiSlider.on('update', function (values, handle) { limitsSlider.noUiSlider.on('update', function (values, handle) {
var value = values[handle]; var value = Math.round(values[handle]);
if (handle == 1) { if (handle == 1) {
$('#payment-limit-max').val(Math.round(value)).removeAttr('disabled'); $('#payment-limit-max').val(value).removeAttr('disabled');
$('#payment-limit-max-enable').prop('checked', true); $('#payment-limit-max-enable').prop('checked', true);
} else { } else {
$('#payment-limit-min').val(Math.round(value)).removeAttr('disabled'); $('#payment-limit-min').val(value).removeAttr('disabled');
$('#payment-limit-min-enable').prop('checked', true); $('#payment-limit-min-enable').prop('checked', true);
} }
}); });
$('#payment-limit-min').on('change keyup', function () { $('#payment-limit-min').on('change input', function () {
setTimeout(function () { setTimeout(function () {
limitsSlider.noUiSlider.set([$('#payment-limit-min').val(), null]); limitsSlider.noUiSlider.set([$('#payment-limit-min').val(), null]);
}, 100); }, 100);
$('#payment-limit-min-enable').attr('checked', 'checked'); $('#payment-limit-min-enable').attr('checked', 'checked');
}); });
$('#payment-limit-max').on('change keyup', function () { $('#payment-limit-max').on('change input', function () {
setTimeout(function () { setTimeout(function () {
limitsSlider.noUiSlider.set([null, $('#payment-limit-max').val()]); limitsSlider.noUiSlider.set([null, $('#payment-limit-max').val()]);
}, 100); }, 100);