| Dir : /home/trave494/productjuly1video/healreals.click/admin-panel/pages/change-site-desgin/ |
| Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
| Dir : /home/trave494/productjuly1video/healreals.click/admin-panel/pages/change-site-desgin/content.html |
<div class="container-fluid">
<div class="block-header">
<h2>Design > Change Site Design</h2>
</div>
<!-- Vertical Layout -->
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="card">
<div class="header">
<h2>Change Site Design</h2>
</div>
<div class="body">
<div class="alert alert-success d-settings-alert"></div>
<form class="d-settings" method="POST">
<div class="input-group">
<span>Favicon</span>
<span class="btn btn-default btn-file">
<i class="fa fa-camera"></i>
<input type="file" id="favicon" accept="image/x-png, image/gif, image/jpeg" name="favicon">
</span>
<div class="form-group hidden" id="favicon-i">
<input type="text" class="form-control" readonly>
</div>
</div>
<div class="input-group">
<span>Logo</span>
<span class="btn btn-default btn-file">
<i class="fa fa-camera"></i>
<input type="file" id="logo" accept="image/x-png, image/gif, image/jpeg" name="logo">
</span>
<div class="form-group hidden" id="logo-i">
<input type="text" class="form-control" readonly>
</div>
</div>
<div class="input-group">
<span>Light Logo (<a href="{{LINK admin-panel/light-logo.png}}" target="_blank">What is this?</a>)</span>
<span class="btn btn-default btn-file">
<i class="fa fa-camera"></i>
<input type="file" id="light-logo" accept="image/x-png, image/gif, image/jpeg" name="light-logo">
</span>
<div class="form-group hidden" id="light-logo-i">
<input type="text" class="form-control" readonly>
</div>
</div>
<hr>
<label for="night_mode">Design Mode</label>
<div class="form-group">
<input type="radio" name="night_mode" id="night_mode-both" value="both" <?php echo ($pt->config->night_mode == 'both') ? 'checked': '';?>>
<label for="night_mode-both">Night & Light (Default: light, Toggle)</label>
<input type="radio" name="night_mode" id="night_mode-night_default" value="night_default" <?php echo ($pt->config->night_mode == 'night_default') ? 'checked': '';?>>
<label for="night_mode-night_default">Night & Light (Default: night, Toggle)</label>
<input type="radio" name="night_mode" id="night_mode-night" value="night" <?php echo ($pt->config->night_mode == 'night') ? 'checked': '';?>>
<label for="night_mode-night" class="m-l-20">Night</label>
<input type="radio" name="night_mode" id="night_mode-light" value="light" <?php echo ($pt->config->night_mode == 'light') ? 'checked': '';?>>
<label for="night_mode-light" class="m-l-20">Light</label>
</div>
<div>Please make sure to clean your browser cache after changing the design settings.</div>
<button type="submit" class="btn btn-primary m-t-15 waves-effect">Save</button>
</form>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
<!-- #END# Vertical Layout -->
<script>
$(function() {
$('.colorpicker').colorpicker();
$("#favicon").change(function () {
var filename = $(this).val().replace(/C:\\fakepath\\/i, '');
var check = filename.split('.').pop();
if (check == 'png' || check == 'PNG') {
$("#favicon-i input").val(filename);
$("#favicon-i").removeClass('hidden');
} else {
alert('Just PNG format is supported');
$("#favicon-i input").val('');
$("#favicon-i").addClass('hidden');
$('#favicon').val('');
}
});
$("#logo").change(function () {
var filename = $(this).val().replace(/C:\\fakepath\\/i, '');
var check = filename.split('.').pop();
if (check == 'png' || check == 'PNG') {
$("#logo-i input").val(filename);
$("#logo-i").removeClass('hidden');
} else {
alert('Just PNG format is supported');
$("#logo-i input").val('');
$("#logo-i").addClass('hidden');
$('#logo').val('');
}
});
$("#light-logo").change(function () {
var filename = $(this).val().replace(/C:\\fakepath\\/i, '');
var check = filename.split('.').pop();
if (check == 'png' || check == 'PNG') {
$("#light-logo-i input").val(filename);
$("#light-logo-i").removeClass('hidden');
} else {
alert('Just PNG format is supported');
$("#light-logo-i input").val('');
$("#light-logo-i").addClass('hidden');
$('#light-logo').val('');
}
});
var form_d_settings = $('form.d-settings');
form_d_settings.ajaxForm({
url: '{{LINK aj/ap/save-design}}',
beforeSend: function() {
form_d_settings.find('.waves-effect').text('Please wait..');
},
success: function(data) {
if (data.status == 200) {
$("html, body").animate({ scrollTop: 0 }, "slow");
$('.d-settings-alert').html('<i class="fa fa-check"></i> Settings updated successfully');
setTimeout(function () {
$('.d-settings-alert').empty();
}, 2000);
}
form_d_settings.find('.waves-effect').text('Save');
}
});
});
</script>