MAINHACK

Viewing / Editing File: create.vue

<template>
  <div>
    
    <breadcrumbs :items="breadcrumbs" :current="breadcrumbsCurrent" />
    
    <div class="row">
      <div class="col-lg-12">
        <div class="card">
          <div class="card-header">
            <h3 class="card-title">
              {{ $t("cashbook.balances.create.form_title") }}
            </h3>
            <router-link
              :to="{ name: 'balances.index' }"
              class="btn btn-dark float-right"
            >
              <i class="fas fa-long-arrow-alt-left" /> {{ $t("common.back") }}
            </router-link>
          </div>
          
          
          <form
            role="form"
            @submit.prevent="saveAdjustment"
            @keydown="form.onKeydown($event)"
          >
            <div class="card-body">
              <div class="row" v-if="items">
                <div class="form-group col-md-6">
                  <label for="account"
                    >{{ $t("common.account") }}
                    <span class="required">*</span></label
                  >
                  <v-select
                    v-model="form.account"
                    :options="items"
                    label="label"
                    :class="{ 'is-invalid': form.errors.has('account') }"
                    name="account"
                    :placeholder="$t('common.account_placeholder')"
                  />
                  <has-error :form="form" field="account" />
                </div>
                <div class="form-group col-md-6">
                  <label for="type">{{ $t("common.type") }}</label>
                  <select
                    id="type"
                    v-model="form.type"
                    class="form-control"
                    :class="{ 'is-invalid': form.errors.has('type') }"
                  >
                    <option value="1">
                      {{ $t("common.add_balance") }}
                    </option>
                    <option value="0">
                      {{ $t("common.remove_balance") }}
                    </option>
                  </select>
                  <has-error :form="form" field="type" />
                </div>
              </div>
              <div class="row" v-if="form.account">
                <div class="form-group col-md-6">
                  <label for="availableAmount">{{
                    $t("common.available_balance")
                  }}</label>
                  <input
                    id="availableAmount"
                    v-model="form.account.availableBalance"
                    type="number"
                    step="any"
                    class="form-control"
                    name="availableAmount"
                    readonly
                  />
                </div>
                <div class="form-group col-md-6">
                  <label for="amount"
                    >{{ $t("common.amount") }}
                    <span class="required">*</span></label
                  >
                  <input
                    id="amount"
                    v-model="form.amount"
                    type="number"
                    step="any"
                    class="form-control"
                    :class="{ 'is-invalid': form.errors.has('amount') }"
                    name="amount"
                    :placeholder="$t('common.amount_placeholder')"
                    :max="form.type == 0 ? form.account.availableBalance : ''"
                  />
                  <has-error :form="form" field="amount" />
                </div>
              </div>
              <div class="row">
                <div class="form-group col-md-6">
                  <label for="date">{{ $t("common.date") }}</label>
                  <input
                    id="date"
                    v-model="form.date"
                    type="date"
                    class="form-control"
                    :class="{ 'is-invalid': form.errors.has('date') }"
                    name="date"
                  />
                  <has-error :form="form" field="date" />
                </div>
                <div class="form-group col-md-6">
                  <label for="status">{{ $t("common.status") }}</label>
                  <select
                    id="status"
                    v-model="form.status"
                    class="form-control"
                    :class="{ 'is-invalid': form.errors.has('status') }"
                  >
                    <option value="1">
                      {{ $t("common.active") }}
                    </option>
                    <option value="0">
                      {{ $t("common.in_active") }}
                    </option>
                  </select>
                  <has-error :form="form" field="status" />
                </div>
              </div>
              <div class="form-group">
                <label for="note">{{ $t("common.note") }}</label>
                <textarea
                  id="note"
                  v-model="form.note"
                  class="form-control"
                  :class="{ 'is-invalid': form.errors.has('note') }"
                  :placeholder="$t('common.note_placeholder')"
                />
                <has-error :form="form" field="note" />
              </div>
            </div>
            
            <div class="card-footer">
              <v-button :loading="form.busy" class="btn btn-primary">
                <i class="fas fa-save" /> {{ $t("common.save") }}
              </v-button>
              <button
                type="reset"
                class="btn btn-secondary float-right"
                @click="form.reset()"
              >
                <i class="fas fa-power-off" /> {{ $t("common.reset") }}
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</template>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: create.vue

Server Info

System Features

User Info