partial blade styling..

This commit is contained in:
Cüneyt Şentürk 2021-01-19 15:56:22 +03:00
parent aa6fa518ac
commit 4c0237980c
16 changed files with 61 additions and 24 deletions

View File

@ -5,6 +5,7 @@
@yield('content') @yield('content')
@stack('content_content_end') @stack('content_content_end')
<notifications></notifications> <notifications></notifications>
<form id="form-dynamic-component" method="POST" action="#"></form> <form id="form-dynamic-component" method="POST" action="#"></form>

View File

@ -1,26 +1,26 @@
@stack('header_start') @stack('header_start')
<div id="header" class="header pb-6"> <div id="header" class="header pb-6">
<div class="container-fluid content-layout"> <div class="container-fluid content-layout">
<div class="header-body"> <div class="header-body">
<div class="row py-4 align-items-center"> <div class="row py-4 align-items-center">
<div class="col-xs-12 col-sm-4 col-md-5 align-items-center"> <div class="col-xs-12 col-sm-4 col-md-5 align-items-center">
<h2 class="d-inline-flex mb-0 long-texts">@yield('title')</h2> <h2 class="d-inline-flex mb-0 long-texts">@yield('title')</h2>
@yield('dashboard_action') @yield('dashboard_action')
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-7"> <div class="col-xs-12 col-sm-8 col-md-7">
<div class="text-right"> <div class="text-right">
@stack('header_button_start') @stack('header_button_start')
@yield('new_button') @yield('new_button')
@stack('header_button_end') @stack('header_button_end')
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
@stack('header_end') @stack('header_end')

View File

@ -18,7 +18,6 @@
'use strict'; 'use strict';
var Layout = (function() { var Layout = (function() {
function pinSidenav() { function pinSidenav() {
$('.sidenav-toggler').addClass('active'); $('.sidenav-toggler').addClass('active');
$('.sidenav-toggler').data('action', 'sidenav-unpin'); $('.sidenav-toggler').data('action', 'sidenav-unpin');
@ -43,7 +42,7 @@
var $sidenavState = Cookies.get('sidenav-state') ? Cookies.get('sidenav-state') : 'pinned'; var $sidenavState = Cookies.get('sidenav-state') ? Cookies.get('sidenav-state') : 'pinned';
if($(window).width() > 1200) { if ($(window).width() > 1200) {
if($sidenavState == 'pinned') { if($sidenavState == 'pinned') {
pinSidenav() pinSidenav()
} }

View File

@ -28,6 +28,8 @@
@stack('stylesheet') @stack('stylesheet')
@livewireStyles
<script type="text/javascript"><!-- <script type="text/javascript"><!--
var url = '{{ url("/") }}'; var url = '{{ url("/") }}';
var app_url = '{{ config("app.url") }}'; var app_url = '{{ config("app.url") }}';

View File

@ -11,4 +11,6 @@
@stack('body_js') @stack('body_js')
@stack('body_scripts') @stack('body_scripts')
@livewireScripts
@stack('scripts_end') @stack('scripts_end')

View File

@ -26,6 +26,8 @@
@stack('stylesheet') @stack('stylesheet')
@livewireStyles
<script type="text/javascript"><!-- <script type="text/javascript"><!--
var url = '{{ url("/") }}'; var url = '{{ url("/") }}';
//--></script> //--></script>
@ -35,7 +37,7 @@
<script type="text/javascript"><!-- <script type="text/javascript"><!--
window.Laravel = <?php echo json_encode([ window.Laravel = <?php echo json_encode([
'csrfToken' => csrf_token(), 'csrfToken' => csrf_token(),
]); ?> ]); ?>;
var flash_notification = {!! (session()->has('flash_notification')) ? json_encode(session()->get('flash_notification')) : 'false' !!}; var flash_notification = {!! (session()->has('flash_notification')) ? json_encode(session()->get('flash_notification')) : 'false' !!};
//--></script> //--></script>

View File

@ -14,4 +14,6 @@
@stack('body_scripts') @stack('body_scripts')
@livewireScripts
@stack('scripts_end') @stack('scripts_end')

View File

@ -5,6 +5,7 @@
@yield('content') @yield('content')
@stack('content_content_end') @stack('content_content_end')
<notifications></notifications> <notifications></notifications>
<form id="form-dynamic-component" method="POST" action="#"></form> <form id="form-dynamic-component" method="POST" action="#"></form>

View File

@ -30,6 +30,8 @@
@stack('stylesheet') @stack('stylesheet')
@livewireStyles
<script type="text/javascript"><!-- <script type="text/javascript"><!--
var url = '{{ url("/") }}'; var url = '{{ url("/") }}';
var app_url = '{{ config("app.url") }}'; var app_url = '{{ config("app.url") }}';

View File

@ -1,21 +1,26 @@
@stack('header_start') @stack('header_start')
<div id="header" class="header pb-6"> <div id="header" class="header pb-6">
<div class="container-fluid content-layout"> <div class="container-fluid content-layout">
<div class="header-body"> <div class="header-body">
<div class="row py-4 align-items-center"> <div class="row py-4 align-items-center">
<div class="col-sm-4 col-md-5 align-items-center"> <div class="col-xs-12 col-sm-4 col-md-5 align-items-center">
<h2 class="d-inline-flex mb-0 long-texts">@yield('title')</h2> <h2 class="d-inline-flex mb-0 long-texts">@yield('title')</h2>
@yield('dashboard_action') @yield('dashboard_action')
</div> </div>
<div class="col-sm-8 col-md-7">
<div class="col-xs-12 col-sm-8 col-md-7">
<div class="text-right"> <div class="text-right">
@stack('header_button_start')
@yield('new_button') @yield('new_button')
@stack('header_button') @stack('header_button_end')
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@stack('header_end') @stack('header_end')

View File

@ -14,12 +14,10 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.0.2/echarts-en.min.js" charset=utf-8></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.0.2/echarts-en.min.js" charset=utf-8></script>
<!-- Argon --> <!-- Argon -->
<script type="text/javascript"> <script type="text/javascript">
'use strict'; 'use strict';
var Layout = (function() { var Layout = (function() {
function pinSidenav() { function pinSidenav() {
$('.sidenav-toggler').addClass('active'); $('.sidenav-toggler').addClass('active');
$('.sidenav-toggler').data('action', 'sidenav-unpin'); $('.sidenav-toggler').data('action', 'sidenav-unpin');
@ -44,7 +42,7 @@
var $sidenavState = Cookies.get('sidenav-state') ? Cookies.get('sidenav-state') : 'pinned'; var $sidenavState = Cookies.get('sidenav-state') ? Cookies.get('sidenav-state') : 'pinned';
if($(window).width() > 1200) { if ($(window).width() > 1200) {
if($sidenavState == 'pinned') { if($sidenavState == 'pinned') {
pinSidenav() pinSidenav()
} }
@ -138,4 +136,5 @@
@stack('body_scripts') @stack('body_scripts')
@livewireScripts
@stack('scripts_end') @stack('scripts_end')

View File

@ -18,6 +18,11 @@
@yield('content') @yield('content')
@stack('content_content_end') @stack('content_content_end')
<notifications></notifications> <notifications></notifications>
<form id="form-dynamic-component" method="POST" action="#"></form>
<component v-bind:is="component"></component>
</div> </div>
@stack('content_end') @stack('content_end')

View File

@ -30,6 +30,8 @@
@stack('stylesheet') @stack('stylesheet')
@livewireStyles
<script type="text/javascript"><!-- <script type="text/javascript"><!--
var url = '{{ url("/") }}'; var url = '{{ url("/") }}';
var app_url = '{{ config("app.url") }}'; var app_url = '{{ config("app.url") }}';
@ -50,5 +52,12 @@
@stack('scripts') @stack('scripts')
<!-- Core -->
<script src="{{ asset('public/vendor/jquery/dist/jquery.min.js') }}"></script>
<script src="{{ asset('public/vendor/bootstrap/dist/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('public/vendor/js-cookie/js.cookie.js') }}"></script>
@livewireScripts
@stack('head_end') @stack('head_end')
</head> </head>

View File

@ -13,6 +13,10 @@
@yield('content') @yield('content')
@stack('content_content_end') @stack('content_content_end')
<notifications></notifications> <notifications></notifications>
<form id="form-dynamic-component" method="POST" action="#"></form>
<component v-bind:is="component"></component> <component v-bind:is="component"></component>
@stack('content_end') @stack('content_end')

View File

@ -3,8 +3,8 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8; charset=ISO-8859-1"/>
<title>@yield('title') - @setting('company.name')</title> <title>@yield('title') - @setting('company.name')</title>
@ -30,6 +30,8 @@
@stack('stylesheet') @stack('stylesheet')
@livewireStyles
<script type="text/javascript"><!-- <script type="text/javascript"><!--
var url = '{{ url("/") }}'; var url = '{{ url("/") }}';
var app_url = '{{ config("app.url") }}'; var app_url = '{{ config("app.url") }}';

View File

@ -11,4 +11,6 @@
@stack('body_js') @stack('body_js')
@stack('body_scripts') @stack('body_scripts')
@livewireScripts
@stack('scripts_end') @stack('scripts_end')