Logo Component Moved To Compilation

This commit is contained in:
devansh bawari 2021-07-15 14:51:15 +05:30
parent e6668c442b
commit 8c2fb5b8fe
7 changed files with 28 additions and 23 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,5 +1,5 @@
{
"/js/velocity.js": "/js/velocity.js?id=1fbd2262da4ff080d425",
"/js/velocity.js": "/js/velocity.js?id=bb427adb33496ed9e8ce",
"/css/velocity-admin.css": "/css/velocity-admin.css?id=4322502d80a0e4a0affd",
"/css/velocity.css": "/css/velocity.css?id=170046c99c8d10e332ef"
}

View File

@ -0,0 +1,16 @@
<template>
<a
:class="`left ${addClass}`"
:href="redirectSrc"
aria-label="Logo"
>
<img class="logo" :src="imgSrc" alt="" />
</a>
</template>
<script>
export default {
template: '#logo-template',
props: ['addClass', 'imgSrc', 'redirectSrc']
};
</script>

View File

@ -73,6 +73,7 @@ Vue.component('wishlist-component', require('./UI/components/wishlist'));
Vue.component('carousel-component', require('./UI/components/carousel'));
Vue.component('child-sidebar', require('./UI/components/child-sidebar'));
Vue.component('card-list-header', require('./UI/components/card-header'));
Vue.component('logo-component', require('./UI/components/image-logo'));
Vue.component('magnify-image', require('./UI/components/image-magnifier'));
Vue.component('image-search-component', require('./UI/components/image-search'));
Vue.component('compare-component', require('./UI/components/product-compare'));

View File

@ -330,7 +330,10 @@
<i class="rango-toggle hamburger"></i>
</div>
<logo-component></logo-component>
<logo-component
img-src="{{ core()->getCurrentChannel()->logo_url ?? asset('themes/velocity/assets/images/logo-text.png') }}"
redirect-src="{{ route('shop.home.index') }}">
</logo-component>
</div>
@php

View File

@ -47,20 +47,6 @@
@include('velocity::UI.header')
@push('scripts')
<script type="text/x-template" id="logo-template">
<a
:class="`left ${addClass}`"
href="{{ route('shop.home.index') }}"
aria-label="Logo">
@if ($logo = core()->getCurrentChannel()->logo_url)
<img class="logo" src="{{ $logo }}" alt="" width="200" height="50" />
@else
<img class="logo" src="{{ asset('themes/velocity/assets/images/logo-text.png') }}" alt="" width="200" height="50" />
@endif
</a>
</script>
<script type="text/x-template" id="searchbar-template">
<div class="right searchbar">
<div class="row">
@ -268,11 +254,6 @@
}
});
Vue.component('logo-component', {
template: '#logo-template',
props: ['addClass'],
});
Vue.component('searchbar-component', {
template: '#searchbar-template',

View File

@ -1,6 +1,10 @@
<header class="sticky-header">
<div class="row remove-padding-margin velocity-divide-page">
<logo-component add-class="navbar-brand"></logo-component>
<logo-component
add-class="navbar-brand"
img-src="{{ core()->getCurrentChannel()->logo_url ?? asset('themes/velocity/assets/images/logo-text.png') }}"
redirect-src="{{ route('shop.home.index') }}">
</logo-component>
<searchbar-component></searchbar-component>
</div>
</header>