<div class="right-sidebar">
<div class="slimscrollright">
<div class="rpanel-title"> Service Panel
<span>
<i class="ti-close right-side-toggle"></i>
</span>
</div>
<div class="r-panel-body">
<ul id="themecolors" class="m-t-20">
<li>
<b>With Light sidebar</b>
</li>
<li>
<a href="javascript:void(0)" data-skin="skin-default" class="default-theme working">1</a>
</li>
<li>
<a href="javascript:void(0)" data-skin="skin-green" class="green-theme">2</a>
</li>
<li>
<a href="javascript:void(0)" data-skin="skin-red" class="red-theme">3</a>
</li>
<li>
<a href="javascript:void(0)" data-skin="skin-blue" class="blue-theme">4</a>
</li>
<li>
<a href="javascript:void(0)" data-skin="skin-purple" class="purple-theme">5</a>
</li>
<li>
<a href="javascript:void(0)" data-skin="skin-megna" class="megna-theme">6</a>
</li>
<li class="d-block m-t-30">
<b>With Dark sidebar</b>
</li>
<li>
<a href="javascript:void(0)" data-skin="skin-default-dark" class="default-dark-theme ">7</a>
</li>
<li>
<a href="javascript:void(0)" data-skin="skin-green-dark" class="green-dark-theme">8</a>
</li>
<li>
<a href="javascript:void(0)" data-skin="skin-red-dark" class="red-dark-theme">9</a>
</li>
<li>
<a href="javascript:void(0)" data-skin="skin-blue-dark" class="blue-dark-theme">10</a>
</li>
<li>
<a href="javascript:void(0)" data-skin="skin-purple-dark" class="purple-dark-theme">11</a>
</li>
<li>
<a href="javascript:void(0)" data-skin="skin-megna-dark" class="megna-dark-theme ">12</a>
</li>
</ul>
<ul class="m-t-20 chatonline">
<li>
<b>Chat option</b>
</li>
<li>
<a href="javascript:void(0)">
<img src="../assets/images/users/1.jpg" alt="user-img" class="img-circle">
<span>Varun Dhavan
<small class="text-success">online</small>
</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="../assets/images/users/2.jpg" alt="user-img" class="img-circle">
<span>Genelia Deshmukh
<small class="text-warning">Away</small>
</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="../assets/images/users/3.jpg" alt="user-img" class="img-circle">
<span>Ritesh Deshmukh
<small class="text-danger">Busy</small>
</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="../assets/images/users/4.jpg" alt="user-img" class="img-circle">
<span>Arijit Sinh
<small class="text-muted">Offline</small>
</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="../assets/images/users/5.jpg" alt="user-img" class="img-circle">
<span>Govinda Star
<small class="text-success">online</small>
</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="../assets/images/users/6.jpg" alt="user-img" class="img-circle">
<span>John Abraham
<small class="text-success">online</small>
</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="../assets/images/users/7.jpg" alt="user-img" class="img-circle">
<span>Hritik Roshan
<small class="text-success">online</small>
</span>
</a>
</li>
<li>
<a href="javascript:void(0)">
<img src="../assets/images/users/8.jpg" alt="user-img" class="img-circle">
<span>Pwandeep rajan
<small class="text-success">online</small>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End Right sidebar -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Container fluid -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Page wrapper -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- footer -->
<!-- ============================================================== -->
<footer class="footer">
©Digitalclickflows
</footer>
<!-- ============================================================== -->
<!-- End footer -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<!-- Include Bootstrap JS and jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<!-- Include your JavaScript code -->
<script>
$(document).ready(function () {
// Parse the query string to get the status and message parameters
var urlParams = new URLSearchParams(window.location.search);
var status = urlParams.get('status');
var message = urlParams.get('message');
// Check if status and message parameters are present
if (status && message) {
// Show SweetAlert based on the status
if (status === 'success') {
Swal.fire({
icon: 'success',
title: 'Success!',
text: message,
});
} else {
Swal.fire({
icon: 'error',
title: 'Error!',
text: message,
});
}
}
});
</script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
<script src="../assets/node_modules/jquery/jquery-3.2.1.min.js"></script>
<!-- Bootstrap tether Core JavaScript -->
<script src="../assets/node_modules/popper/popper.min.js"></script>
<script src="../assets/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- slimscrollbar scrollbar JavaScript -->
<script src="dist/js/perfect-scrollbar.jquery.min.js"></script>
<!--Wave Effects -->
<script src="dist/js/waves.js"></script>
<!--Menu sidebar -->
<script src="dist/js/sidebarmenu.js"></script>
<!--stickey kit -->
<script src="../assets/node_modules/sticky-kit-master/dist/sticky-kit.min.js"></script>
<script src="../assets/node_modules/sparkline/jquery.sparkline.min.js"></script>
<!--Custom JavaScript -->
<script src="dist/js/custom.min.js"></script>
<!-- ============================================================== -->
<!-- This page plugins -->
<!-- ============================================================== -->
<script src="dist/js/pages/jasny-bootstrap.js"></script>
<script>
const editors = document.querySelectorAll('.editor');
editors.forEach(editorElement => {
ClassicEditor
.create(editorElement, {
toolbar: ['heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', '|', 'undo', 'redo'],
})
.then(editor => {
window.editor = editor;
// Additional actions with the editor instance can be performed here
})
.catch(err => {
console.error(err.stack);
});
});
</script>
</body>
</html>