39 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			Vue
		
	
	
	
			
		
		
	
	
			39 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			Vue
		
	
	
	
<template>
 | 
						|
    <page-layout>
 | 
						|
        <template #toolbar>
 | 
						|
            <page-toolbar-button :href="data.meta.links.create" color="primary" icon="plus">Beitrag hinzufügen</page-toolbar-button>
 | 
						|
        </template>
 | 
						|
        <table cellspacing="0" cellpadding="0" border="0" class="custom-table custom-table-sm">
 | 
						|
            <thead>
 | 
						|
                <th>Name</th>
 | 
						|
                <th>Interner Beitrag</th>
 | 
						|
                <th>Nami-Beitrag</th>
 | 
						|
                <th></th>
 | 
						|
            </thead>
 | 
						|
 | 
						|
            <tr v-for="(subscription, index) in data.data" :key="index">
 | 
						|
                <td>
 | 
						|
                    <div v-text="subscription.name"></div>
 | 
						|
                </td>
 | 
						|
                <td>
 | 
						|
                    <div v-text="subscription.amount_human"></div>
 | 
						|
                </td>
 | 
						|
                <td>
 | 
						|
                    <div v-text="subscription.fee_name"></div>
 | 
						|
                </td>
 | 
						|
                <td>
 | 
						|
                    <i-link :href="`/subscription/${subscription.id}/edit`" class="inline-flex btn btn-warning btn-sm"><ui-sprite src="pencil"></ui-sprite></i-link>
 | 
						|
                </td>
 | 
						|
            </tr>
 | 
						|
        </table>
 | 
						|
    </page-layout>
 | 
						|
</template>
 | 
						|
 | 
						|
<script>
 | 
						|
export default {
 | 
						|
    props: {
 | 
						|
        data: {},
 | 
						|
    },
 | 
						|
};
 | 
						|
</script>
 |