merdan
/
sarga
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

customer panel accordian view and file picker view

This commit is contained in:
Shubham Mehrotra 2020-04-06 10:27:07 +05:30
parent b92e6796c3
commit 26b0e253d1
1 changed files with 63 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
packages/Webkul/Velocity/src/Resources/views/shop/customers/account/index.blade.php
View File

@ -13,18 +13,73 @@
@endsection
@push('scripts')
{{-- push style in css section --}}
<style>
.accordian .accordian-header {
padding: 10px 0;
font-weight: 600;
}
.image-wrapper {
width: 100%;
margin-top: 10px;
margin-bottom: 20px;
display: inline-block;
}
.image-wrapper .image-item {
float: left;
width: 200px;
height: 200px;
position: relative;
border-radius: 3px;
margin-right: 20px;
background: #f8f9fa;
margin-bottom: 20px;
display: inline-block;
background-position: 50%;
background-repeat: no-repeat;
background-image: url(/vendor/webkul/ui/assets/images/placeholder-icon.svg);
}
.image-wrapper .image-item .remove-image {
left: 0;
bottom: 0;
color: #fff;
width: 100%;
padding: 10px;
cursor: pointer;
text-align: center;
position: absolute;
margin-right: 20px;
border-radius: 0 0 4px 4px;
text-shadow: 0 1px 2px rgba(0,0,0,.24);
background-image: linear-gradient(-180deg,rgba(0,0,0,.08),rgba(0,0,0,.24));
}
.image-wrapper .image-item input {
display: none;
}
.image-wrapper .image-item img.preview {
width: 100%;
height: 100%;
}
<style>
<script>
$(document).ready(function() {
let sidebarHeight = $('.customer-sidebar').css('height');
let contentHeight = $('.account-layout').css('height');
let updateHeight = () => {
let sidebarHeight = $('.customer-sidebar').css('height');
let contentHeight = $('.account-layout').css('height');
sidebarHeight = parseInt(sidebarHeight.substring(0, sidebarHeight.length - 2));
contentHeight = parseInt(contentHeight.substring(0, contentHeight.length - 2));
sidebarHeight = parseInt(sidebarHeight.substring(0, sidebarHeight.length - 2));
contentHeight = parseInt(contentHeight.substring(0, contentHeight.length - 2));
let height = sidebarHeight > contentHeight ? sidebarHeight + 30 : contentHeight;
height = height + "px";
let height = sidebarHeight > contentHeight ? sidebarHeight + 30 : contentHeight;
height = height + "px";
$('.account-content').css('height', height);
$('.account-content').css('height', height);
}
updateHeight();
$('.accordian-header').click(updateHeight);
});
</script>
@endpush
@endpush