silva
/
adrema
2
1
Fork 0
Code Issues 23 Pull Requests 1 Projects 1 Releases 104 Wiki Activity

Fix payments table layout
continuous-integration/drone/push Build is passing Details

This commit is contained in:
philipp lang 2021-08-22 19:40:12 +02:00
parent 40eeffeed8
commit 6f376b7f91
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
resources/js/views/member/Payments.vue
View File

@ -9,25 +9,25 @@
<button type="submit" class="btn btn-primary">Absenden</button> <button type="submit" class="btn btn-primary">Absenden</button>
</form> </form>
<div v-else class="custom-table custom-table-light custom-table-sm text-sm flex-grow"> <table v-else class="custom-table custom-table-light custom-table-sm text-sm flex-grow">
<header> <thead>
<div>Nr</div> <th>Nr</th>
<div>Status</div> <th>Status</th>
<div>Beitrag</div> <th>Beitrag</th>
<div></div> <th></th>
</header> </thead>
<div v-for="payment, index in value.payments"> <tr v-for="payment, index in value.payments">
<div v-text="payment.nr"></div> <td v-text="payment.nr"></td>
<div v-text="payment.status_name"></div> <td v-text="payment.status_name"></td>
<div v-text="payment.subscription_name"></div> <td v-text="payment.subscription_name"></td>
<div class="flex"> <td class="flex">
<a href="#" @click.prevent="single = payment; mode = 'edit'" class="inline-flex btn btn-warning btn-sm"><sprite src="pencil"></sprite></a> <a href="#" @click.prevent="single = payment; mode = 'edit'" class="inline-flex btn btn-warning btn-sm"><sprite src="pencil"></sprite></a>
<inertia-link v-show="!payment.is_accepted" href="#" @click.prevent="accept(payment)" class="inline-flex btn btn-success btn-sm"><sprite src="check"></sprite></inertia-link> <inertia-link v-show="!payment.is_accepted" href="#" @click.prevent="accept(payment)" class="inline-flex btn btn-success btn-sm"><sprite src="check"></sprite></inertia-link>
<inertia-link href="#" @click.prevent="remove(payment)" class="inline-flex btn btn-danger btn-sm"><sprite src="trash"></sprite></inertia-link> <inertia-link href="#" @click.prevent="remove(payment)" class="inline-flex btn btn-danger btn-sm"><sprite src="trash"></sprite></inertia-link>
</div> </td>
</div> </tr>
</div> </table>
<div class="flex flex-col pb-6 px-6"> <div class="flex flex-col pb-6 px-6">
<a href="#" @click.prevent="openLink(link)" :class="{'disabled': link.disabled}" target="_BLANK" v-for="link in value.payment_links" class="mt-1 text-center btn btn-primary" v-text="link.label"></a> <a href="#" @click.prevent="openLink(link)" :class="{'disabled': link.disabled}" target="_BLANK" v-for="link in value.payment_links" class="mt-1 text-center btn btn-primary" v-text="link.label"></a>
</div> </div>