Add admin color scheme setting
This commit is contained in:
Mike Koch
parent
aba103bb49
commit
74beb8d6bc
@ -3487,7 +3487,28 @@ $modsForHesk_settings = mfh_getSettings();
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-body">
|
||||
<h4 class="bold"><?php echo $hesklang['uiColors']; ?></h4>
|
||||
<h4>Common Properties</h4>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-xs-12">
|
||||
<div class="form-group">
|
||||
<label for="questionMarkColor"
|
||||
class="col-sm-7 col-xs-12 control-label"><?php echo $hesklang['questionMarkColor']; ?>
|
||||
<i class="fa fa-question-circle settingsquestionmark" data-toggle="popover"
|
||||
data-placement="left"
|
||||
title="<?php echo $hesklang['questionMarkColor']; ?>"
|
||||
data-content="<?php echo $hesklang['questionMarkColorHelp']; ?>"></i>
|
||||
</label>
|
||||
|
||||
<div class="col-sm-5 col-xs-12">
|
||||
<input type="text" id="questionMarkColor" name="questionMarkColor"
|
||||
class="form-control"
|
||||
value="<?php echo $modsForHesk_settings['questionMarkColor']; ?>">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4>Customer View</h4>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-xs-12">
|
||||
<div class="form-group">
|
||||
@ -3650,23 +3671,6 @@ $modsForHesk_settings = mfh_getSettings();
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xs-12">
|
||||
<div class="form-group">
|
||||
<label for="questionMarkColor"
|
||||
class="col-sm-7 col-xs-12 control-label"><?php echo $hesklang['questionMarkColor']; ?>
|
||||
<i class="fa fa-question-circle settingsquestionmark" data-toggle="popover"
|
||||
data-placement="left"
|
||||
title="<?php echo $hesklang['questionMarkColor']; ?>"
|
||||
data-content="<?php echo $hesklang['questionMarkColorHelp']; ?>"></i>
|
||||
</label>
|
||||
|
||||
<div class="col-sm-5 col-xs-12">
|
||||
<input type="text" id="questionMarkColor" name="questionMarkColor"
|
||||
class="form-control"
|
||||
value="<?php echo $modsForHesk_settings['questionMarkColor']; ?>">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-xs-12">
|
||||
@ -3687,6 +3691,54 @@ $modsForHesk_settings = mfh_getSettings();
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h4>Admin Panel</h4>
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="form-group">
|
||||
<label for="admin-color-scheme"
|
||||
class="col-sm-3 col-xs-5 control-label">Color Scheme
|
||||
<i class="fa fa-question-circle settingsquestionmark" data-toggle="popover"
|
||||
data-placement="left"
|
||||
title="<?php echo $hesklang['dropdownItemTextHoverBackgroundColor']; ?>"
|
||||
data-content="<?php echo $hesklang['dropdownItemTextHoverBackgroundColorHelp']; ?>"></i>
|
||||
</label>
|
||||
|
||||
<div class="col-sm-9 col-xs-7">
|
||||
<select name="admin-color-scheme" class="form-control">
|
||||
<option value="skin-blue">Blue</option>
|
||||
<option value="skin-blue-light">Blue (Light)</option>
|
||||
<option value="skin-yellow">Yellow</option>
|
||||
<option value="skin-yellow-light">Yellow (Light)</option>
|
||||
<option value="skin-green">Green</option>
|
||||
<option value="skin-green-light">Green (Light)</option>
|
||||
<option value="skin-purple">Purple</option>
|
||||
<option value="skin-purple-light">Purple (Light)</option>
|
||||
<option value="skin-red">Red</option>
|
||||
<option value="skin-red-light">Red (Light)</option>
|
||||
<option value="skin-black">Black</option>
|
||||
<option value="skin-black-light">Black (Light)</option>
|
||||
</select>
|
||||
</div>
|
||||
<script>
|
||||
$('select[name="admin-color-scheme"]').change(function() {
|
||||
$('body').removeClass('skin-blue')
|
||||
.removeClass('skin-blue-light')
|
||||
.removeClass('skin-yellow')
|
||||
.removeClass('skin-yellow-light')
|
||||
.removeClass('skin-green')
|
||||
.removeClass('skin-green-light')
|
||||
.removeClass('skin-purple')
|
||||
.removeClass('skin-purple-light')
|
||||
.removeClass('skin-red')
|
||||
.removeClass('skin-red-light')
|
||||
.removeClass('skin-black')
|
||||
.removeClass('skin-black-light')
|
||||
.addClass($(this).val());
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" style="margin-left: 10px">
|
||||
|
||||
@ -513,6 +513,7 @@ $set['dropdownItemTextColor'] = hesk_input(hesk_POST('dropdownItemTextColor'));
|
||||
$set['dropdownItemTextHoverColor'] = hesk_input(hesk_POST('dropdownItemTextHoverColor'));
|
||||
$set['questionMarkColor'] = hesk_input(hesk_POST('questionMarkColor'));
|
||||
$set['dropdownItemTextHoverBackgroundColor'] = hesk_input(hesk_POST('dropdownItemTextHoverBackgroundColor'));
|
||||
$set['admin_color_scheme'] = hesk_input(hesk_POST('admin-color-scheme'));
|
||||
mfh_updateSetting('rtl', $set['rtl']);
|
||||
mfh_updateSetting('show_icons', $set['show-icons']);
|
||||
mfh_updateSetting('custom_field_setting', $set['custom-field-setting']);
|
||||
@ -549,6 +550,7 @@ mfh_updateSetting('use_mailgun', $set['use_mailgun'], false);
|
||||
mfh_updateSetting('enable_calendar', $set['enable_calendar'], false);
|
||||
mfh_updateSetting('first_day_of_week', $set['first_day_of_week'], false);
|
||||
mfh_updateSetting('default_calendar_view', $set['default_view'], true);
|
||||
mfh_updateSetting('admin_color_scheme', $set['admin_color_scheme'], true);
|
||||
|
||||
// Prepare settings file and save it
|
||||
$settings_file_content = '<?php
|
||||
|
||||
@ -89,51 +89,6 @@ $modsForHesk_settings = mfh_getSettings();
|
||||
}
|
||||
?>
|
||||
<style>
|
||||
.navbar-default {
|
||||
background-color: <?php echo $modsForHesk_settings['navbarBackgroundColor']; ?>;
|
||||
background-image: none;
|
||||
filter: none;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-brand {
|
||||
color: <?php echo $modsForHesk_settings['navbarBrandColor']; ?>;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
|
||||
color: <?php echo $modsForHesk_settings['navbarBrandHoverColor']; ?>;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav > li > a {
|
||||
color: <?php echo $modsForHesk_settings['navbarItemTextColor']; ?>;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
|
||||
color: <?php echo $modsForHesk_settings['navbarItemTextHoverColor']; ?>;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.dropdown-menu > li > a {
|
||||
color: <?php echo $modsForHesk_settings['dropdownItemTextColor']; ?>;
|
||||
}
|
||||
|
||||
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
|
||||
color: <?php echo $modsForHesk_settings['dropdownItemTextHoverColor']; ?>;
|
||||
text-decoration: none;
|
||||
background-color: <?php echo $modsForHesk_settings['dropdownItemTextHoverBackgroundColor']; ?>;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav > .open > a,
|
||||
.navbar-default .navbar-nav > .open > a:focus,
|
||||
.navbar-default .navbar-nav > .open > a:hover,
|
||||
.navbar-default .navbar-nav > .active > a,
|
||||
.navbar-default .navbar-nav > .active > a:focus,
|
||||
.navbar-default .navbar-nav > .active > a:hover {
|
||||
color: <?php echo $modsForHesk_settings['navbarItemTextSelectedColor']; ?>;
|
||||
background-color: <?php echo $modsForHesk_settings['navbarItemSelectedBackgroundColor']; ?>;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.settingsquestionmark {
|
||||
color: <?php echo $modsForHesk_settings['questionMarkColor']; ?>;
|
||||
cursor: pointer;
|
||||
@ -270,7 +225,7 @@ $modsForHesk_settings = mfh_getSettings();
|
||||
|
||||
</head>
|
||||
<body onload="<?php echo $onload;
|
||||
unset($onload); ?>" class="hold-transition skin-blue sidebar-mini">
|
||||
unset($onload); ?>" class="hold-transition <?php echo $modsForHesk_settings['admin_color_scheme']; ?> sidebar-mini">
|
||||
|
||||
<?php
|
||||
include(HESK_PATH . 'header.txt');
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user