Rename link
This commit is contained in:
parent
d5120aafd2
commit
71a0ee6b1d
resources/js
|
@ -1,5 +1,5 @@
|
|||
import Vue from 'vue';
|
||||
import { App as InertiaApp, plugin, Link } from '@inertiajs/inertia-vue';
|
||||
import { App as InertiaApp, plugin, Link as ILink } from '@inertiajs/inertia-vue';
|
||||
|
||||
import SvgSprite from './components/SvgSprite.js';
|
||||
import FText from './components/FText.vue';
|
||||
|
@ -25,7 +25,7 @@ Vue.component('v-bool', VBool);
|
|||
const el = document.getElementById('app');
|
||||
|
||||
Vue.mixin(hasModule);
|
||||
Vue.component('Link', Link);
|
||||
Vue.component('ILink', ILink);
|
||||
|
||||
new Vue({
|
||||
render: h => h(InertiaApp, {
|
||||
|
|
|
@ -4,9 +4,9 @@
|
|||
<div class="-mx-1 flex items-baseline">
|
||||
<div class="pl-1 pr-3 text-gray-500 text-sm">Seite:</div>
|
||||
<div class="px-1" v-for="link, index in links" :key="index">
|
||||
<Link href="#" @click.prevent="goto(link)" class="rounded text-sm w-8 h-8 text-primary-100 flex items-center justify-center leading-none shadow" :key="index" v-text="link.page"
|
||||
<i-link href="#" @click.prevent="goto(link)" class="rounded text-sm w-8 h-8 text-primary-100 flex items-center justify-center leading-none shadow" :key="index" v-text="link.page"
|
||||
:class="{'bg-primary-700': link.current, 'bg-primary-900': !link.current}"
|
||||
></Link>
|
||||
></i-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -17,9 +17,9 @@
|
|||
<div class="flex">
|
||||
<span class="text-xl font-semibold text-white leading-none" v-html="$page.props.title"></span>
|
||||
<div class="flex ml-4">
|
||||
<Link v-for="link, index in filterMenu" :key="index" :href="link.href" v-text="link.label" class="btn label mr-2" :class="`btn-${link.color}`">
|
||||
<i-link v-for="link, index in filterMenu" :key="index" :href="link.href" v-text="link.label" class="btn label mr-2" :class="`btn-${link.color}`">
|
||||
<svg-sprite :src="link.icon"></svg-sprite>
|
||||
</Link>
|
||||
</i-link>
|
||||
</div>
|
||||
</div>
|
||||
<label for="search">
|
||||
|
|
|
@ -1,10 +1,10 @@
|
|||
<template>
|
||||
<Link class="flex text-white py-2 px-3 rounded-lg hover:bg-gray-600" :href="href" :class="{'bg-gray-700': $page.props.menu == menu}">
|
||||
<i-link class="flex text-white py-2 px-3 rounded-lg hover:bg-gray-600" :href="href" :class="{'bg-gray-700': $page.props.menu == menu}">
|
||||
<svg-sprite class="text-white w-6 h-6 mr-4" :src="icon"></svg-sprite>
|
||||
<span class="font-semibold">
|
||||
<slot></slot>
|
||||
</span>
|
||||
</Link>
|
||||
</i-link>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
<td v-text="course.completed_at_human"></td>
|
||||
<td class="flex">
|
||||
<a href="#" @click.prevent="single = course; mode = 'edit'" class="inline-flex btn btn-warning btn-sm"><svg-sprite src="pencil"></svg-sprite></a>
|
||||
<Link href="#" @click.prevent="remove(course)" class="inline-flex btn btn-danger btn-sm"><svg-sprite src="trash"></svg-sprite></Link>
|
||||
<i-link href="#" @click.prevent="remove(course)" class="inline-flex btn btn-danger btn-sm"><svg-sprite src="trash"></svg-sprite></i-link>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
|
|
@ -23,7 +23,7 @@
|
|||
<td v-text="membership.human_date"></td>
|
||||
<td class="flex">
|
||||
<a href="#" @click.prevent="single = membership; mode = 'edit'" class="inline-flex btn btn-warning btn-sm"><svg-sprite src="pencil"></svg-sprite></a>
|
||||
<Link href="#" @click.prevent="remove(membership)" class="inline-flex btn btn-danger btn-sm"><svg-sprite src="trash"></svg-sprite></Link>
|
||||
<i-link href="#" @click.prevent="remove(membership)" class="inline-flex btn btn-danger btn-sm"><svg-sprite src="trash"></svg-sprite></i-link>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
|
|
@ -24,8 +24,8 @@
|
|||
<td v-text="payment.subscription_name"></td>
|
||||
<td class="flex">
|
||||
<a href="#" @click.prevent="single = payment; mode = 'edit'" class="inline-flex btn btn-warning btn-sm"><svg-sprite src="pencil"></svg-sprite></a>
|
||||
<Link v-show="!payment.is_accepted" href="#" @click.prevent="accept(payment)" class="inline-flex btn btn-success btn-sm"><svg-sprite src="check"></svg-sprite></Link>
|
||||
<Link href="#" @click.prevent="remove(payment)" class="inline-flex btn btn-danger btn-sm"><svg-sprite src="trash"></svg-sprite></Link>
|
||||
<i-link v-show="!payment.is_accepted" href="#" @click.prevent="accept(payment)" class="inline-flex btn btn-success btn-sm"><svg-sprite src="check"></svg-sprite></i-link>
|
||||
<i-link href="#" @click.prevent="remove(payment)" class="inline-flex btn btn-danger btn-sm"><svg-sprite src="trash"></svg-sprite></i-link>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
|
|
@ -51,11 +51,11 @@
|
|||
</td>
|
||||
<td v-text="`${member.joined_at_human}`"></td>
|
||||
<td class="flex">
|
||||
<Link :href="`/member/${member.id}/edit`" class="inline-flex btn btn-warning btn-sm"><svg-sprite src="pencil"></svg-sprite></Link>
|
||||
<i-link :href="`/member/${member.id}/edit`" class="inline-flex btn btn-warning btn-sm"><svg-sprite src="pencil"></svg-sprite></i-link>
|
||||
<a href="#" v-show="hasModule('bill')" @click.prevent="openSidebar(index, 'payment.index')" class="inline-flex btn btn-info btn-sm"><svg-sprite src="money"></svg-sprite></a>
|
||||
<a href="#" v-show="hasModule('courses')" @click.prevent="openSidebar(index, 'courses.index')" class="inline-flex btn btn-info btn-sm"><svg-sprite src="course"></svg-sprite></a>
|
||||
<a href="#" @click.prevent="openSidebar(index, 'membership.index')" class="inline-flex btn btn-info btn-sm"><svg-sprite src="user"></svg-sprite></a>
|
||||
<Link href="#" @click.prevent="remove(member)" class="inline-flex btn btn-danger btn-sm"><svg-sprite src="trash"></svg-sprite></Link>
|
||||
<i-link href="#" @click.prevent="remove(member)" class="inline-flex btn btn-danger btn-sm"><svg-sprite src="trash"></svg-sprite></i-link>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
<div class="py-1 px-6" v-text="sub.amount_human"></div>
|
||||
<div class="py-1 px-6" v-text="sub.fee_name"></div>
|
||||
<div class="py-1 px-6 flex">
|
||||
<Link :href="`/subscription/${sub.id}/edit`" class="inline-flex btn btn-warning btn-sm"><svg-sprite src="pencil"></svg-sprite></Link>
|
||||
<i-link :href="`/subscription/${sub.id}/edit`" class="inline-flex btn btn-warning btn-sm"><svg-sprite src="pencil"></svg-sprite></i-link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in New Issue