created filter calendar

This commit is contained in:
Medet 2019-09-09 12:01:55 +05:00
parent 54d677c0fd
commit 15741dadb7
5 changed files with 117 additions and 17 deletions

View File

@ -41,7 +41,7 @@
#navBar a.nav-link {
color: #ffffff !important;
font-size: 15px;
font-size: 12px;
padding: 5px 0 !important;
transition-property: opacity;
transition-duration: .2s; }
@ -62,6 +62,10 @@ article > .u-block-hover__additional--partially-slide-up {
#bilet-menu-id li {
margin: 0 !important; }
#bilet-menu-id li.diam-sim:last-child{
display: none;
}
#navBar .search-panel {
padding: 0; }
#navBar .search-panel input {
@ -1563,3 +1567,67 @@ input.reserved-seats ~ label svg {
fill: #db635b; }
/*# sourceMappingURL=custom.css.map */
#date-click-content{
display: none;
}
#date-click-content.show-content{
display: block;
}
.ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all{
margin-right: 0 !important;
border: 1px solid #000000;
border-radius: 5px;
}
.ui-datepicker-prev.ui-corner-all i, .ui-datepicker-next.ui-corner-all i{
font-size: 24px;
font-weight: bold;
}
.ui-datepicker-header{
border-bottom: none !important;
}
#datepickerInline a{
margin-right: 0 !important;
}
.ui-datepicker-calendar{
border-collapse: collapse;
border-spacing: 0 !important;
margin-top: 15px !important;
}
.ui-datepicker-calendar thead{
background-color: #d33d33;
}
#datepickerInline thead span{
color: #ffffff;
}
.ui-datepicker-calendar tbody td{
border: 1px solid #e8e9ec;
}
.ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today{
background-color: #d33d33 !important;
color: #000000;
}
.u-datepicker-v1 .ui-datepicker-calendar td a:hover{
background-color: #d33d33;
border: none;
}
.u-datepicker-v1 .ui-datepicker-calendar td a.ui-state-active{
background-color: transparent;
border: none;
}
.ui-datepicker-next.ui-corner-all:hover, .ui-datepicker-prev.ui-corner-all:hover{
border: 1px solid #000000;
}

View File

@ -17,27 +17,54 @@
@yield('after_styles')
@stack('after_styles')
<link rel="stylesheet" href="{{ asset('vendor/jquery-ui/themes/base/jquery-ui.min.css') }}">
<!-- CSS Unify Theme -->
<link rel="stylesheet" href="{{asset('assets/stylesheet/styles.e-commerce.css')}}">
<!-- KMB Custom css -->
<link rel="stylesheet" href='{{asset("assets/stylesheet/custom.css")}}'>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<main>
@include('Bilettm.Partials.PublicHeader')
@yield('content')
@yield('content')2
@include('Bilettm.Partials.PublicFooter')
</main>
<!-- JS Global Compulsory -->
<script src="{{asset('assets/javascript/jquery/jquery.min.js')}}"></script>
<script src="{{asset('vendor/popper.min.js')}}"></script>
<script src="{{asset('vendor/bootstrap4/bootstrap.min.js')}}"></script>
<script src="{{ asset('vendor/chosen/chosen.jquery.js') }}"></script>
<script src="{{ asset('vendor/jquery-ui/ui/widgets/datepicker.js') }}"></script>
@yield('after_scripts')
@stack('after_scripts')
<!-- JS Unify -->
<script src="{{ asset('assets/javascript/components/hs.select.js') }}"></script>
<script src="{{ asset('assets/javascript/components/hs.datepicker.js') }}"></script>
<!-- JS Plugins Init. -->
<script >
$(document).ready(function () {
// initialization of custom select
$.HSCore.components.HSSelect.init('.js-custom-select');
// initialization of forms
$.HSCore.components.HSDatepicker.init('#datepickerInline');
});
</script>
<script>
$(document).ready(function(){
$('#date-click').click(function () {
$('#date-click-content').toggleClass('show-content');
});
});
</script>
</body>

View File

@ -16,11 +16,15 @@
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" role="tab">Дата <i class="fa fa-caret-down"></i></a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 1</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 2</a>
<a class="dropdown-item nav-link" data-toggle="tab" href="" role="tab">DLink 3</a>
<a class="nav-link" id="date-click">Дата <i class="fa fa-caret-down"></i></a>
<div class="p-3" id="date-click-content" style="background-color: #ffffff; left: -200px; border-radius: 5px; position: absolute; width: auto; z-index: 10; box-shadow: 2px 2px 5px rgba(0,0,0,.2), -2px 2px 5px rgba(0,0,0,.2), 2px -2px 5px rgba(0,0,0,.2), -2px -2px 5px rgba(0,0,0,.2);">
<div style="position: relative; z-index: 10">
<div class="col-xl-12 p-0" style="border-radius: 5px">
<!-- Datepicker -->
<div id="datepickerInline" class="u-datepicker-v1 u-shadow-v32 g-brd-none rounded"></div>
<!-- End Datepicker -->
</div>
</div>
</div>
</li>
</ul>

View File

@ -4,7 +4,7 @@
<div class="item">
<li style="height: 600px" class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll loaded dzsprx-readyall" data-index="rs-2800" data-transition="slidingoverlayhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- Parallax Image -->
<div class="divimage dzsparallaxer--target w-100" style="height: 130%; background-image: url(assets/assets/img/slider/fs1.jpg); transform: unset !important;"></div>
<div class="divimage dzsparallaxer--target w-100" style="height: 130%; background-image: url({{ asset('assets/images/slider/fs1.jpg') }}); transform: unset !important;"></div>
<!-- End Parallax Image -->
<a href="" class="d-block container g-py-200 h-100"></a>
</li>
@ -12,7 +12,7 @@
<div class="item">
<li style="height: 600px" class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll loaded dzsprx-readyall" data-index="rs-2800" data-transition="slidingoverlayhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- Parallax Image -->
<div class="divimage dzsparallaxer--target w-100" style="height: 130%; background-image: url(assets/assets/img/slider/fs1.jpg); transform: unset !important;"></div>
<div class="divimage dzsparallaxer--target w-100" style="height: 130%; background-image: url(assets/assets/img/slider/fs1.jpg); transform: unset !important;"></7div>
<!-- End Parallax Image -->
<a href="" class="d-block container g-py-200 h-100"></a>
</li>

View File

@ -66,9 +66,9 @@
<div class="row" style="width: 30%; margin-left: 0" id="top-header-right">
<div class="col-lg-12 col-md-12">
<ul id="top-menu-three-btn" style="float: right;">
<li><a href=""><img src="{{asset('assets/images/icons/user.svg')}}">&nbsp;Вход</a></li>
<li><a href=""><img src="{{asset('assets/images/icons/plus.svg')}}">&nbsp;Регистрация</a></li>
<li class="dropdown">
{{--<li><a href=""><img src="{{asset('assets/images/icons/user.svg')}}">&nbsp;Вход</a></li>--}}
{{--<li><a href=""><img src="{{asset('assets/images/icons/plus.svg')}}">&nbsp;Регистрация</a></li>--}}
<li class="dropdown pull-right">
<a href="" class="dropdown-toggle" data-toggle="dropdown"><img src="{{asset('assets/images/icons/globe.svg')}}">&nbsp;Русский <i class="fa fa-caret-down"></i></a>
<ul class="dropdown-menu">
<li><a href="">Русский</a></li>
@ -76,8 +76,9 @@
<li><a href="">English</a></li>
</ul>
</li>
<div class="clearfix"></div>
<li style="display: block;" id="bottom-of-three-btn">
<a style="display: block; padding: 7px 0;">+(993) 12 60-60-60</a>
<a style="display: block; padding: 7px 0; min-width: 200px">+(993) 12 60-60-60</a>
</li>
</ul>
</div>