Viewing file: 6a9592ae7284bb95354d33e9e3ab4a41dadaa139.php (6.04 KB) -rw-r--r-- Select action/file-type: (+) | (+) | (+) | Code (+) | Session (+) | (+) | SDB (+) | (+) | (+) | (+) | (+) | (+) |
<?php $__env->startSection('title',trans('admin.customize_theme')); ?>
<?php $__env->startSection('extra-css'); ?>
<style>
.h-w-20{
height: 20px;
width: 20px;
}
</style>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<?php $themeData=json_decode(get_settings('theme_customize'))?json_decode(get_settings('theme_customize')):''; ?>
<section class="content">
<div class="row">
<div class="col-md-6 col-lg-6 col-sm-12 col-12 mx-auto">
<div class="card mt-3">
<form method="post" role="form" id="planForm" action="<?php echo e(route('admin.theme.customize.store')); ?>" enctype="multipart/form-data">
<?php echo csrf_field(); ?>
<div class="card-header">
<h4><?php echo e(trans('admin.customize_theme')); ?></h4>
</div>
<div class="card-body p-4">
<div class="form-group">
<label for="">Skin</label>
<div class="form-group">
<input id="light" <?php echo e(isset($themeData->type) && $themeData->type=='light'?'checked':''); ?> name="type" value="light" type="radio">
<label for="light">Light</label>
<input id="dark" name="type" <?php echo e(isset($themeData->type) && $themeData->type=='dark'?'checked':''); ?> value="dark" class="ml-3" type="radio">
<label for="dark">Dark</label>
</div>
</div>
<div id="forLightV">
<div class="form-group">
<label for="">Navbar Color
<span class="ml-4" style="background: <?php echo e(isset($themeData->navbar_color)?$themeData->navbar_color:''); ?>; padding: 2px 16px"></span>
</label>
<input type="color" value="<?php echo e(isset($themeData->navbar_color)?$themeData->navbar_color:''); ?>" name="navbar_color" class="form-control">
</div>
<div class="form-group">
<label for="">Left Sidebar Color
<span class="ml-4" style="background: <?php echo e(isset($themeData->left_sidebar)?$themeData->left_sidebar:''); ?>; padding: 2px 16px"></span>
</label>
<input type="color" value="<?php echo e(isset($themeData->left_sidebar)?$themeData->left_sidebar:''); ?>" name="left_sidebar" class="form-control">
</div>
<div class="form-group">
<label for="">Active Sidebar Color
<span class="ml-4" style="background: <?php echo e(isset($themeData->active_sidebar)?$themeData->active_sidebar:''); ?>; padding: 2px 16px"></span>
</label>
<input type="color" value="<?php echo e(isset($themeData->active_sidebar)?$themeData->active_sidebar:''); ?>" name="active_sidebar" class="form-control">
</div>
</div>
<div class="form-group">
<input type="checkbox" id="clSideBard" value="true" <?php echo e(isset($themeData->collapse_sidebar) && $themeData->collapse_sidebar=='true'?'checked':''); ?> name="collapse_sidebar">
<label class="ml-2" for="clSideBard">Collapse Sidebar</label>
</div>
</div>
<!-- /.card-body -->
<div class="card-footer">
<button type="submit" class="btn btn-primary"><?php echo app('translator')->get('admin.form.button.submit'); ?></button>
</div>
</form>
</div>
</div>
<!-- /.card -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
<?php $__env->stopSection(); ?>
<?php $__env->startSection('extra-scripts'); ?>
<script>
$(document).on('change', 'input[name=navbar_color]', function (e){
const color = $(this).val();
$('.main-header').css('background', color);
})
$(document).on('change', 'input[name=left_sidebar]', function (e){
const color = $(this).val();
$('.main-sidebar').css('background', color);
});
$(document).on('change', 'input[name=active_sidebar]', function (e){
const color = $(this).val();
$('.nav-link.active').css('background-color', color);
});
$(document).on('click', 'input[name=type]', function (e){
const type = $(this).val();
if(type=='dark'){
$('html').attr('theme', 'dark-mode')
$('#forLightV').addClass('d-none')
}else{
$('html').attr('theme', 'light-mode')
$('#forLightV').removeClass('d-none')
}
});
$(document).on('click', 'input[name=collapse_sidebar]', function (e){
const check_type = $('input[name=collapse_sidebar]:checked').val();
console.log(check_type)
if(check_type) {
$('body').addClass('collapse_sidebar')
}else{
$('body').removeClass('collapse_sidebar')
}
$('.fa-bars').trigger('click');
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.admin', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH E:\actiontexts\resources\views/admin/template/theme.blade.php ENDPATH**/ ?>
|