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>
 |