mirror of
https://github.com/firefly-iii/firefly-iii.git
synced 2025-10-31 02:36:28 +00:00
218 lines
10 KiB
Twig
218 lines
10 KiB
Twig
{% extends "./layout/default" %}
|
|
{% block breadcrumbs %}
|
|
{{ Breadcrumbs.render(Route.getCurrentRoute.getName) }}
|
|
{% endblock %}
|
|
{% block content %}
|
|
|
|
<form action="{{ route('recurring.store') }}" method="post" id="store" class="form-horizontal">
|
|
<input type="hidden" name="_token" value="{{ csrf_token() }}"/>
|
|
{# row with recurrence information #}
|
|
<div class="row">
|
|
|
|
<div class="col-lg-6 col-md-6 col-sm-12">
|
|
{# mandatory recurrence stuff #}
|
|
<div class="box box-primary">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title">{{ 'mandatory_for_recurring'|_ }}</h3>
|
|
</div>
|
|
<div class="box-body">
|
|
{{ ExpandedForm.text('title') }}
|
|
{{ preFilled.first_date.format('Y-m-d') }}
|
|
{{ ExpandedForm.date('first_date',null, {helpText: trans('firefly.help_first_date'), min: preFilled.first_date}) }}
|
|
{{ ExpandedForm.select('repetition_type', [], null, {helpText: trans('firefly.change_date_other_options')}) }}
|
|
{{ ExpandedForm.number('skip', 0) }}
|
|
{{ ExpandedForm.select('weekend', weekendResponses, null, {helpText: trans('firefly.help_weekend')}) }}
|
|
{{ ExpandedForm.select('repetition_end', repetitionEnds) }}
|
|
{{ ExpandedForm.date('repeat_until',null) }}
|
|
{{ ExpandedForm.number('repetitions',null) }}
|
|
|
|
{# calendar in popup #}
|
|
<div class="form-group" id="calendar_holder">
|
|
<label for="ffInput_calendar" class="col-sm-4 control-label">{{ trans('form.calendar') }}</label>
|
|
|
|
<div class="col-sm-8">
|
|
<p class="form-control-static" id="ffInput_calendar">
|
|
<a href="#" id="calendar-link">{{ 'click_for_calendar'|_ }}</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-6 col-md-6 col-sm-12">
|
|
{# optional recurrence stuff #}
|
|
<div class="box">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title">{{ 'optional_for_recurring'|_ }}</h3>
|
|
</div>
|
|
<div class="box-body">
|
|
{{ ExpandedForm.textarea('recurring_description') }}
|
|
|
|
{# only correct way to do active checkbox #}
|
|
{{ ExpandedForm.checkbox('active', 1) }}
|
|
|
|
{{ ExpandedForm.checkbox('apply_rules',1) }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-12">
|
|
{# mandatory transaction information #}
|
|
<div class="box box-primary">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title">{{ 'mandatory_for_transaction'|_ }}</h3>
|
|
</div>
|
|
<div class="box-body">
|
|
<p><em>{{ 'mandatory_fields_for_tranaction'|_ }}</em></p>
|
|
{# three buttons to distinguish type of transaction#}
|
|
<div class="form-group" id="name_holder">
|
|
<label for="ffInput_type" class="col-sm-4 control-label">
|
|
{{ trans('form.transaction_type') }}
|
|
</label>
|
|
|
|
<div class="col-sm-8">
|
|
<div class="btn-group btn-group-sm">
|
|
<a href="#" class="btn btn-default switch-button" data-value="withdrawal">{{ 'withdrawal'|_ }}</a>
|
|
<a href="#" class="btn btn-default switch-button" data-value="deposit">{{ 'deposit'|_ }}</a>
|
|
<a href="#" class="btn btn-default switch-button" data-value="transfer">{{ 'transfer'|_ }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="transaction_type" value="">
|
|
{# end of three buttons#}
|
|
|
|
{{ ExpandedForm.text('transaction_description') }}
|
|
{# transaction information (mandatory) #}
|
|
{{ ExpandedForm.currencyList('transaction_currency_id', defaultCurrency.id) }}
|
|
{{ ExpandedForm.amountNoCurrency('amount', []) }}
|
|
|
|
{# source account if withdrawal, or if transfer: #}
|
|
{{ ExpandedForm.activeLongAccountList('source_id', null, {label: trans('form.asset_source_account')}) }}
|
|
|
|
{# source account name for deposits: #}
|
|
{{ ExpandedForm.text('source_name', null, {label: trans('form.revenue_account')}) }}
|
|
|
|
{# destination if deposit or transfer: #}
|
|
{{ ExpandedForm.activeLongAccountList('destination_id', null, {label: trans('form.asset_destination_account')} ) }}
|
|
|
|
{# destination account name for withdrawals #}
|
|
{{ ExpandedForm.text('destination_name', null, {label: trans('form.expense_account')}) }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-6 col-md-6 col-sm-12">
|
|
{# optional transaction information #}
|
|
<div class="box">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title">{{ 'optional_for_transaction'|_ }}</h3>
|
|
</div>
|
|
<div class="box-body">
|
|
{# transaction information (optional) #}
|
|
{{ ExpandedForm.currencyListEmpty('foreign_currency_id', 0) }}
|
|
{{ ExpandedForm.amountNoCurrency('foreign_amount', []) }}
|
|
|
|
{# BUDGET ONLY WHEN CREATING A WITHDRAWAL #}
|
|
{% if budgets|length > 1 %}
|
|
{{ ExpandedForm.select('budget_id', budgets, null) }}
|
|
{% else %}
|
|
{{ ExpandedForm.select('budget_id', budgets, null, {helpText: trans('firefly.no_budget_pointer', {link: route('budgets.index')})}) }}
|
|
{% endif %}
|
|
|
|
{# CATEGORY ALWAYS #}
|
|
{{ ExpandedForm.text('category') }}
|
|
|
|
{# TAGS #}
|
|
{{ ExpandedForm.text('tags') }}
|
|
|
|
{# RELATE THIS TRANSFER TO A PIGGY BANK #}
|
|
{{ ExpandedForm.piggyBankList('piggy_bank_id',0) }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{# row with submit stuff. #}
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-12 col-lg-offset-6 lg-md-offset-6">
|
|
<div class="box">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title">{{ 'options'|_ }}</h3>
|
|
</div>
|
|
<div class="box-body">
|
|
{{ ExpandedForm.optionsList('create','recurrence') }}
|
|
</div>
|
|
<div class="box-footer">
|
|
<button type="submit" class="btn pull-right btn-success">
|
|
{{ ('store_new_recurrence')|_ }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{#
|
|
<div class="row">
|
|
<div class="box box-primary">
|
|
<div class="box-header with-border">
|
|
<h3 class="box-title">{{ 'expected_repetitions'|_ }}</h3>
|
|
</div>
|
|
<div class="box-body">
|
|
Here.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
#}
|
|
</form>
|
|
|
|
{# calendar modal #}
|
|
<div class="modal fade" id="calendarModal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">{{ 'recurring_calendar_view'|_ }}</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div id="recurring_calendar" style="max-width: 400px;margin: 0 auto;">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{% endblock %}
|
|
{% block scripts %}
|
|
<script type="text/javascript" src="v1/js/lib/modernizr-custom.js?v={{ FF_VERSION }}"></script>
|
|
<script type="text/javascript" src="v1/js/lib/typeahead/typeahead.bundle.min.js?v={{ FF_VERSION }}"></script>
|
|
<script type="text/javascript" src="v1/js/ff/common/autocomplete.js?v={{ FF_VERSION }}"></script>
|
|
<script type="text/javascript" src="v1/js/lib/bootstrap-tagsinput.min.js?v={{ FF_VERSION }}"></script>
|
|
<script type="text/javascript" src="v1/js/lib/jquery-ui.min.js?v={{ FF_VERSION }}"></script>
|
|
<script type="text/javascript" src="v1/lib/fc/fullcalendar.min.js?v={{ FF_VERSION }}"></script>
|
|
<script type="text/javascript">
|
|
var transactionType = "{{ preFilled.transaction_type }}";
|
|
var suggestUri = "{{ route('recurring.suggest') }}";
|
|
var eventsUri = "{{ route('recurring.events') }}";
|
|
var oldRepetitionType= "{{ oldRepetitionType }}";
|
|
</script>
|
|
<script type="text/javascript" src="v1/js/ff/recurring/create.js?v={{ FF_VERSION }}"></script>
|
|
{% endblock %}
|
|
|
|
{% block styles %}
|
|
<link href="v1/css/bootstrap-tagsinput.css?v={{ FF_VERSION }}" type="text/css" rel="stylesheet" media="all">
|
|
<link href="v1/css/jquery-ui/jquery-ui.structure.min.css?v={{ FF_VERSION }}" type="text/css" rel="stylesheet" media="all">
|
|
<link href="v1/css/jquery-ui/jquery-ui.theme.min.css?v={{ FF_VERSION }}" type="text/css" rel="stylesheet" media="all">
|
|
<link href="v1/lib/fc/fullcalendar.min.css?v={{ FF_VERSION }}" type="text/css" rel="stylesheet" media="all">
|
|
{% endblock %}
|