313 lines
12 KiB
HTML
313 lines
12 KiB
HTML
|
{* контент *}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
<!-- END CONTENT -->
|
||
|
|
<div class="page-chatapi hideit">
|
||
|
|
|
||
|
|
<div class="search-bar">
|
||
|
|
<input type="text" placeholder="Search" class="form-control">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="chat-wrapper">
|
||
|
|
<h4 class="group-head">Groups</h4>
|
||
|
|
<ul class="group-list list-unstyled">
|
||
|
|
<li class="group-row">
|
||
|
|
<div class="group-status available">
|
||
|
|
<i class="fa fa-circle"></i>
|
||
|
|
</div>
|
||
|
|
<div class="group-info">
|
||
|
|
<h4><a href="#">Work</a></h4>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="group-row">
|
||
|
|
<div class="group-status away">
|
||
|
|
<i class="fa fa-circle"></i>
|
||
|
|
</div>
|
||
|
|
<div class="group-info">
|
||
|
|
<h4><a href="#">Friends</a></h4>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
|
||
|
|
<h4 class="group-head">Favourites</h4>
|
||
|
|
<ul class="contact-list">
|
||
|
|
|
||
|
|
<li class="user-row" id='chat_user_1' data-user-id='1'>
|
||
|
|
<div class="user-img">
|
||
|
|
<a href="#"><img src="img/avatar-1.png" alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<h4><a href="#">Clarine Vassar</a></h4>
|
||
|
|
<span class="status available" data-status="available"> Available</span>
|
||
|
|
</div>
|
||
|
|
<div class="user-status available">
|
||
|
|
<i class="fa fa-circle"></i>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="user-row" id='chat_user_2' data-user-id='2'>
|
||
|
|
<div class="user-img">
|
||
|
|
<a href="#"><img src="img/avatar-2.png" alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<h4><a href="#">Brooks Latshaw</a></h4>
|
||
|
|
<span class="status away" data-status="away"> Away</span>
|
||
|
|
</div>
|
||
|
|
<div class="user-status away">
|
||
|
|
<i class="fa fa-circle"></i>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="user-row" id='chat_user_3' data-user-id='3'>
|
||
|
|
<div class="user-img">
|
||
|
|
<a href="#"><img src="img/avatar-3.png" alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<h4><a href="#">Clementina Brodeur</a></h4>
|
||
|
|
<span class="status busy" data-status="busy"> Busy</span>
|
||
|
|
</div>
|
||
|
|
<div class="user-status busy">
|
||
|
|
<i class="fa fa-circle"></i>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
|
||
|
|
<h4 class="group-head">More Contacts</h4>
|
||
|
|
<ul class="contact-list">
|
||
|
|
|
||
|
|
<li class="user-row" id='chat_user_4' data-user-id='4'>
|
||
|
|
<div class="user-img">
|
||
|
|
<a href="#"><img src="img/avatar-4.png" alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<h4><a href="#">Carri Busey</a></h4>
|
||
|
|
<span class="status offline" data-status="offline"> Offline</span>
|
||
|
|
</div>
|
||
|
|
<div class="user-status offline">
|
||
|
|
<i class="fa fa-circle"></i>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="user-row" id='chat_user_5' data-user-id='5'>
|
||
|
|
<div class="user-img">
|
||
|
|
<a href="#"><img src="img/avatar-5.png" alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<h4><a href="#">Melissa Dock</a></h4>
|
||
|
|
<span class="status offline" data-status="offline"> Offline</span>
|
||
|
|
</div>
|
||
|
|
<div class="user-status offline">
|
||
|
|
<i class="fa fa-circle"></i>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="user-row" id='chat_user_6' data-user-id='6'>
|
||
|
|
<div class="user-img">
|
||
|
|
<a href="#"><img src="img/avatar-1.png" alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<h4><a href="#">Verdell Rea</a></h4>
|
||
|
|
<span class="status available" data-status="available"> Available</span>
|
||
|
|
</div>
|
||
|
|
<div class="user-status available">
|
||
|
|
<i class="fa fa-circle"></i>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="user-row" id='chat_user_7' data-user-id='7'>
|
||
|
|
<div class="user-img">
|
||
|
|
<a href="#"><img src="img/avatar-2.png" alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<h4><a href="#">Linette Lheureux</a></h4>
|
||
|
|
<span class="status busy" data-status="busy"> Busy</span>
|
||
|
|
</div>
|
||
|
|
<div class="user-status busy">
|
||
|
|
<i class="fa fa-circle"></i>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="user-row" id='chat_user_8' data-user-id='8'>
|
||
|
|
<div class="user-img">
|
||
|
|
<a href="#"><img src="img/avatar-3.png" alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<h4><a href="#">Araceli Boatright</a></h4>
|
||
|
|
<span class="status away" data-status="away"> Away</span>
|
||
|
|
</div>
|
||
|
|
<div class="user-status away">
|
||
|
|
<i class="fa fa-circle"></i>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="user-row" id='chat_user_9' data-user-id='9'>
|
||
|
|
<div class="user-img">
|
||
|
|
<a href="#"><img src="img/avatar-4.png" alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<h4><a href="#">Clay Peskin</a></h4>
|
||
|
|
<span class="status busy" data-status="busy"> Busy</span>
|
||
|
|
</div>
|
||
|
|
<div class="user-status busy">
|
||
|
|
<i class="fa fa-circle"></i>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="user-row" id='chat_user_10' data-user-id='10'>
|
||
|
|
<div class="user-img">
|
||
|
|
<a href="#"><img src="img/avatar-5.png" alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<h4><a href="#">Loni Tindall</a></h4>
|
||
|
|
<span class="status away" data-status="away"> Away</span>
|
||
|
|
</div>
|
||
|
|
<div class="user-status away">
|
||
|
|
<i class="fa fa-circle"></i>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="user-row" id='chat_user_11' data-user-id='11'>
|
||
|
|
<div class="user-img">
|
||
|
|
<a href="#"><img src="img/avatar-1.png" alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<h4><a href="#">Tanisha Kimbro</a></h4>
|
||
|
|
<span class="status idle" data-status="idle"> Idle</span>
|
||
|
|
</div>
|
||
|
|
<div class="user-status idle">
|
||
|
|
<i class="fa fa-circle"></i>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
<li class="user-row" id='chat_user_12' data-user-id='12'>
|
||
|
|
<div class="user-img">
|
||
|
|
<a href="#"><img src="img/avatar-2.png" alt=""></a>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<h4><a href="#">Jovita Tisdale</a></h4>
|
||
|
|
<span class="status idle" data-status="idle"> Idle</span>
|
||
|
|
</div>
|
||
|
|
<div class="user-status idle">
|
||
|
|
<i class="fa fa-circle"></i>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- mod_settings -->
|
||
|
|
<div class="modal fade" id="mod_settings" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||
|
|
<div class="modal-dialog modal-lg" role="document">
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="modal-header">
|
||
|
|
<h5 class="modal-title" id="exampleModalLabel">Настройки модуля {$smarty.get.mod}</h5>
|
||
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
|
|
<span aria-hidden="true">×</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div class="modal-body" id="load_mod_settings">
|
||
|
|
{if $modal_settings} {include file=$modal_settings} {/if}
|
||
|
|
</div>
|
||
|
|
<div class="modal-footer">
|
||
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
|
||
|
|
<button type="button" class="btn btn-primary" id="btn-save-mod-settings">Сохранить</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="chatapi-windows ">
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- END CONTAINER -->
|
||
|
|
<!-- LOAD FILES AT PAGE END FOR FASTER LOADING -->
|
||
|
|
|
||
|
|
|
||
|
|
<!-- CORE JS FRAMEWORK - START -->
|
||
|
|
<script src="/api/jquery/jquery-3.6.0.min.js" type="text/javascript"></script>
|
||
|
|
<script src="js/popper.min.js" type="text/javascript"></script>
|
||
|
|
<script src="js/jquery.easing.min.js" type="text/javascript"></script>
|
||
|
|
<script src="css/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
||
|
|
<script src="css/pace/pace.min.js" type="text/javascript"></script>
|
||
|
|
|
||
|
|
<script src="css/perfect-scrollbar/perfect-scrollbar.min.js" type="text/javascript"></script>
|
||
|
|
<script src="css/viewport/viewportchecker.js" type="text/javascript"></script>
|
||
|
|
<!-- CORE JS FRAMEWORK - END -->
|
||
|
|
|
||
|
|
|
||
|
|
<!-- OTHER SCRIPTS INCLUDED ON THIS PAGE - START -->
|
||
|
|
<script src="css/jquery-ui/smoothness/jquery-ui.min.js" type="text/javascript"></script>
|
||
|
|
<!-- script src="/api/jquery/jquery-ui/dark-hive1.12.1/jquery-ui.min.js" type="text/javascript"></script -->
|
||
|
|
<script src="css/sparkline-chart/jquery.sparkline.min.js" type="text/javascript"></script>
|
||
|
|
<script src="css/easypiechart/jquery.easypiechart.min.js" type="text/javascript"></script>
|
||
|
|
<script src="css/morris-chart/js/raphael-min.js" type="text/javascript"></script>
|
||
|
|
<script src="css/morris-chart/js/morris.min.js" type="text/javascript"></script>
|
||
|
|
<script src="css/jvectormap/jquery-jvectormap-2.0.1.min.js" type="text/javascript"></script>
|
||
|
|
<script src="css/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
|
||
|
|
<script src="css/gauge/gauge.min.js" type="text/javascript"></script>
|
||
|
|
<script src="css/icheck/icheck.min.js" type="text/javascript"></script>
|
||
|
|
<script src="js/dashboard.js" type="text/javascript"></script>
|
||
|
|
<!-- OTHER SCRIPTS INCLUDED ON THIS PAGE - END -->
|
||
|
|
|
||
|
|
|
||
|
|
<!-- CORE TEMPLATE JS - START -->
|
||
|
|
<script src="js/scripts.js" type="text/javascript"></script>
|
||
|
|
<!-- END CORE TEMPLATE JS - END -->
|
||
|
|
|
||
|
|
<!-- Sidebar Graph - START -->
|
||
|
|
<script src="css/sparkline-chart/jquery.sparkline.min.js" type="text/javascript"></script>
|
||
|
|
<script src="js/chart-sparkline.js" type="text/javascript"></script>
|
||
|
|
<!-- Sidebar Graph - END -->
|
||
|
|
<script src="/api/jquery/plugins/lazyload/jquery.lazyload.min1.9.5.js"></script>
|
||
|
|
|
||
|
|
<script src="/api/jquery/plugins/timer/1.2/jquery.timers.min.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="/api/jquery/jquery-ui/dark-hive1.12.1/jquery-ui.css">
|
||
|
|
<link rel="stylesheet" href="/api/jquery/jquery-ui/dark-hive1.12.1/jquery-ui.theme.min.css"> {$plugins}
|
||
|
|
|
||
|
|
<script src="/api/jquery/plugins/magnific-popup/1.1.0/jquery.magnific-popup.min.js"></script>
|
||
|
|
<script src="js/js.js"></script>
|
||
|
|
<script src="/api/modules/{$smarty.const.MOD}/mod.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- General section box modal start -->
|
||
|
|
<div class="modal" id="section-settings" tabindex="-1" role="dialog" aria-labelledby="ultraModal-Label" aria-hidden="true">
|
||
|
|
<div class="modal-dialog animated bounceInDown">
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="modal-header">
|
||
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
|
|
<h4 class="modal-title">Section Settings</h4>
|
||
|
|
</div>
|
||
|
|
<div class="modal-body">
|
||
|
|
|
||
|
|
Body goes here...
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="modal-footer">
|
||
|
|
<button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
|
||
|
|
<button class="btn btn-success" type="button">Save changes</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- modal end -->
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|