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

add tooltips for member action buttons

This commit is contained in:
philipp lang 2022-11-24 00:00:05 +01:00
parent 8229f9a1aa
commit a1bcd08f5b
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/Member/MemberController.php
View File

@ -43,7 +43,7 @@ class MemberController extends Controller
$payload = app(MemberView::class)->index($request, $query['filter']);
$payload['toolbar'] = [
['href' => route('member.create'), 'label' => 'Mitglied anlegen', 'color' => 'primary', 'icon' => 'plus'],
['href' => route('allpayment.create'), 'label' => 'Rechnungen erstellen', 'color' => 'primary', 'icon' => 'plus', 'show' => $settings->hasModule('bill')],
['href' => route('allpayment.create'), 'label' => 'Rechnungen erstellen', 'color' => 'primary', 'icon' => 'invoice', 'show' => $settings->hasModule('bill')],
['href' => route('sendpayment.create'), 'label' => 'Rechnungen versenden', 'color' => 'info', 'icon' => 'envelope', 'show' => $settings->hasModule('bill')],
];
$payload['query'] = $query;

1
resources/img/svg/invoice.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path d="M430.584 0H218.147v144.132c0 9.54-7.734 17.274-17.274 17.274H56.741v325.917C56.741 500.951 67.79 512 81.418 512h349.166c13.628 0 24.677-11.049 24.677-24.677V24.677C455.261 11.049 444.212 0 430.584 0zm-97.263 409.763H192.675c-9.54 0-17.274-7.734-17.274-17.274s7.734-17.274 17.274-17.274h140.646c9.54 0 17.274 7.734 17.274 17.274s-7.734 17.274-17.274 17.274zm0-81.261H192.675c-9.54 0-17.274-7.734-17.274-17.274 0-9.54 7.734-17.274 17.274-17.274h140.646c9.54 0 17.274 7.734 17.274 17.274 0 9.54-7.734 17.274-17.274 17.274zm0-81.259H192.675c-9.54 0-17.274-7.734-17.274-17.274s7.734-17.274 17.274-17.274h140.646c9.54 0 17.274 7.734 17.274 17.274s-7.734 17.274-17.274 17.274z"/><path d="M183.389 0a24.668 24.668 0 0 0-17.448 7.229L63.968 109.198a24.676 24.676 0 0 0-7.229 17.448v.211h126.86V0h-.21z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 935 B

8
resources/js/layouts/AppLayout.vue
View File

@ -52,9 +52,10 @@
:href="link.href"
class="btn label mr-2"
:class="`btn-${link.color}`"
v-tooltip="tooltipsVisible ? link.label : ''"
>
<svg-sprite v-show="link.icon" class="w-3 h-3 mr-2" :src="link.icon"></svg-sprite>
<span v-text="link.label"></span>
<svg-sprite v-show="link.icon" class="w-3 h-3 xl:mr-2" :src="link.icon"></svg-sprite>
<span class="hidden xl:inline" v-text="link.label"></span>
</i-link>
</div>
</div>
@ -102,6 +103,7 @@ export default {
searchVisible: true,
menuVisible: true,
menuOverflowVisible: false,
tooltipsVisible: false,
};
},
components: {
@ -143,6 +145,8 @@ export default {
this.menuOverflowVisible = false;
return;
}
this.tooltipsVisible = !window.matchMedia('(min-width: 1280px)').matches;
},
},
created() {