Small design fixes
This commit is contained in:
@@ -68,15 +68,13 @@ async function save() {
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Slug</th>
|
||||
<th>Status</th>
|
||||
<th></th>
|
||||
<th class="empty"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="paymentMethod in paymentMethods" :key="paymentMethod.id">
|
||||
<td>{{ paymentMethod.name }}</td>
|
||||
<td>{{ paymentMethod.slug }}</td>
|
||||
<td>
|
||||
<span :class="paymentMethod.active ? 'badge-active' : 'badge-inactive'">
|
||||
{{ paymentMethod.active ? 'Aktiv' : 'Inaktiv' }}
|
||||
@@ -93,15 +91,14 @@ async function save() {
|
||||
<template v-if="editing">
|
||||
<h2>Zahlungsweg bearbeiten</h2>
|
||||
<table class="data-table">
|
||||
<tr><th>Name:</th><td><input type="text" v-model="form.name" class="form-input" /></td></tr>
|
||||
<tr><th>Slug:</th><td>{{ editing.slug }}</td></tr>
|
||||
<tr><th>Beschreibung:</th><td><textarea v-model="form.description" class="form-input"></textarea></td></tr>
|
||||
<tr><th>Name</th><td><input type="text" v-model="form.name" class="form-input" /></td></tr>
|
||||
<tr><th>Beschreibung</th><td><textarea v-model="form.description" class="form-input"></textarea></td></tr>
|
||||
<tr v-for="option in editing.optionsSchema ?? []" :key="option.name">
|
||||
<th>{{ option.label }}<span v-if="option.required" class="required-marker">*</span>:</th>
|
||||
<th>{{ option.label }}<span v-if="option.required" class="required-marker">*</span></th>
|
||||
<td><input type="text" v-model="form.configuration[option.name]" class="form-input" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Aktiv:</th>
|
||||
<th>Aktiv</th>
|
||||
<td>
|
||||
<input type="checkbox" v-model="form.active" :disabled="!requiredComplete && !form.active" />
|
||||
<span v-if="!requiredComplete" class="hint">Bitte zuerst alle Pflichtfelder (*) ausfüllen, um zu aktivieren.</span>
|
||||
|
||||
Reference in New Issue
Block a user