Fork of FusionPBX but with LDAP kinda working
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

1144 lines
43 KiB

{* <?php *}
{*//set the doctype *}
{if $browser_name == 'Internet Explorer'}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{else}
<!DOCTYPE html>
{/if}
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<head>
<meta charset='utf-8'>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
{*//external css files *}
<link rel='stylesheet' type='text/css' href='{$project_path}/resources/bootstrap/css/bootstrap.min.css.php'>
<link rel='stylesheet' type='text/css' href='{$project_path}/resources/bootstrap/css/bootstrap-tempusdominus.min.css.php'>
<link rel='stylesheet' type='text/css' href='{$project_path}/resources/bootstrap/css/bootstrap-colorpicker.min.css.php'>
<link rel='stylesheet' type='text/css' href='{$project_path}/resources/fontawesome/css/all.min.css.php'>
<link rel='stylesheet' type='text/css' href='{$project_path}/themes/default/css.php'>
{*//link to custom css file *}
{if $settings.theme.custom_css}
<link rel='stylesheet' type='text/css' href='{$settings.theme.custom_css}'>
{/if}
{*//set favorite icon *}
<link rel='icon' href='{$settings.theme.favicon}'>
{*//document title *}
<title>{$document_title}</title>
{*//remote javascript *}
<script language='JavaScript' type='text/javascript' src='{$project_path}/resources/jquery/jquery.min.js.php'></script>
<script language='JavaScript' type='text/javascript' src='{$project_path}/resources/jquery/jquery.autosize.input.js.php'></script>
<script language='JavaScript' type='text/javascript' src='{$project_path}/resources/momentjs/moment-with-locales.min.js.php'></script>
<script language='JavaScript' type='text/javascript' src='{$project_path}/resources/bootstrap/js/bootstrap.min.js.php'></script>
<script language='JavaScript' type='text/javascript' src='{$project_path}/resources/bootstrap/js/bootstrap-tempusdominus.min.js.php'></script>
<script language='JavaScript' type='text/javascript' src='{$project_path}/resources/bootstrap/js/bootstrap-colorpicker.min.js.php'></script>
<script language='JavaScript' type='text/javascript' src='{$project_path}/resources/bootstrap/js/bootstrap-pwstrength.min.js.php'></script>
<script language='JavaScript' type='text/javascript'>{literal}window.FontAwesomeConfig = { autoReplaceSvg: false }{/literal}</script>
<script language='JavaScript' type='text/javascript' src='{$project_path}/resources/fontawesome/js/solid.min.js.php' defer></script>
{*//web font loader *}
{if $settings.theme.font_loader == 'true'}
{if $settings.theme.font_retrieval != 'asynchronous'}
<script language='JavaScript' type='text/javascript' src='//ajax.googleapis.com/ajax/libs/webfont/{$settings.theme.font_loader_version}/webfont.js'></script>
{/if}
<script language='JavaScript' type='text/javascript' src='{$project_path}/resources/fonts/web_font_loader.php?v={$settings.theme.font_loader_version}'></script>
{/if}
{*//local javascript *}
<script language='JavaScript' type='text/javascript'>
//message bar display
{literal}
function display_message(msg, mood, delay) {
mood = mood !== undefined ? mood : 'default';
delay = delay !== undefined ? delay : {/literal}{$settings.theme.message_delay}{literal};
if (msg !== '') {
var message_text = $(document.createElement('div'));
message_text.addClass('message_text message_mood_'+mood);
message_text.html(msg);
message_text.on('click', function() {
var object = $(this);
object.clearQueue().finish();
$('#message_container div').remove();
$('#message_container').css({opacity: 0, 'height': 0}).css({'height': 'auto'});
} );
$('#message_container').append(message_text);
message_text.css({'height': 'auto'}).animate({opacity: 1}, 250, function(){
$('#message_container').delay(delay).animate({opacity: 0, 'height': 0}, 500, function() {
$('#message_container div').remove();
$('#message_container').animate({opacity: 1}, 300).css({'height': 'auto'});
});
});
}
}
{/literal}
{if $settings.theme.menu_style == 'side'}
//side menu visibility toggle
var menu_side_expand_timer;
var menu_side_contract_timer;
var menu_side_state_current = '{if $menu_side_state == 'hidden'}expanded{else}{$menu_side_state}{/if}';
{literal}
function menu_side_contract_start() {
menu_side_contract_timer = setTimeout(function() {
menu_side_contract();
}, {/literal}{$settings.theme.menu_side_toggle_hover_delay_contract}{literal});
}
function menu_side_contract() {
if (menu_side_state_current == 'expanded') {
{/literal}
{if $menu_side_state == 'hidden'}
{literal}
$('#menu_side_container').hide();
{/literal}
{else}
{literal}
$('.menu_side_sub').slideUp(180);
$('.menu_side_item_title').hide();
{/literal}
{if $settings.theme.menu_brand_type == 'image' || $settings.theme.menu_brand_type == 'image_text' || $settings.theme.menu_brand_type == ''}
{literal}
$('#menu_brand_image_expanded').fadeOut(180, function() {
$('#menu_brand_image_contracted').fadeIn(180);
});
{/literal}
{else if $settings.theme.menu_brand_type == 'text'}
{literal}
$('.menu_brand_text').hide();
{/literal}
{/if}
{literal}
$('.menu_side_control_state').hide();
$('.menu_side_item_main_sub_icons').hide();
$('.sub_arrows').removeClass('fa-{/literal}{$settings.theme.menu_side_item_main_sub_icon_contract}{literal}').addClass('fa-{/literal}{$settings.theme.menu_side_item_main_sub_icon_expand}{literal}');
$('#menu_side_container').animate({ width: '{/literal}{$settings.theme.menu_side_width_contracted}{literal}px' }, 180, function() {
menu_side_state_current = 'contracted';
});
{/literal}
{if $settings.theme.menu_side_toggle_body_width == 'shrink' || ($settings.theme.menu_side_state == 'expanded' && $settings.theme.menu_side_toggle_body_width == 'fixed')}
{literal}
if ($(window).width() >= 576) {
$('#content_container').animate({ width: $(window).width() - {/literal}{$settings.theme.menu_side_width_contracted}{literal} }, 250);
}
{/literal}
{/if}
{literal}
$('.menu_side_contract').hide();
$('.menu_side_expand').show();
if ($(window).width() < 576) {
$('#menu_side_container').hide();
}
{/literal}
{/if}
{literal}
}
}
function menu_side_expand_start() {
menu_side_expand_timer = setTimeout(function() {
menu_side_expand();
}, {/literal}{$settings.theme.menu_side_toggle_hover_delay_expand}{literal});
}
function menu_side_expand() {
{/literal}
{if $menu_side_state == 'hidden'}
{literal}
$('.menu_side_contract').show();
{/literal}
{if $settings.theme.menu_brand_type == 'image' || $settings.theme.menu_brand_type == 'image_text' || $settings.theme.menu_brand_type == ''}
{literal}
$('#menu_brand_image_contracted').hide();
$('#menu_brand_image_expanded').show();
{/literal}
{/if}
{literal}
$('.menu_side_control_state').show();
$('.menu_brand_text').show();
$('.menu_side_item_main_sub_icons').show();
$('.menu_side_item_title').show();
if ($(window).width() < 576) {
$('#menu_side_container').width($(window).width());
}
$('#menu_side_container').show();
{/literal}
{else}
{if $settings.theme.menu_brand_type == 'image' || $settings.theme.menu_brand_type == 'image_text' ||$settings.theme.menu_brand_type == ''}
{literal}
$('#menu_brand_image_contracted').fadeOut(180);
{/literal}
{/if}
{literal}
$('.menu_side_expand').hide();
$('.menu_side_contract').show();
$('#menu_side_container').show();
var menu_side_container_width = $(window).width() < 576 ? $(window).width() : '{/literal}{$settings.theme.menu_side_width_expanded}{literal}px';
$('#menu_side_container').animate({ width: menu_side_container_width }, 180, function() {
{/literal}
{if $settings.theme.menu_brand_type == 'image' || $settings.theme.menu_brand_type == 'image_text' || $settings.theme.menu_brand_type == ''}
{literal}
$('#menu_brand_image_expanded').fadeIn(180);
{/literal}
{/if}
{literal}
$('.menu_side_control_state').fadeIn(180);
$('.menu_brand_text').fadeIn(180);
$('.menu_side_item_main_sub_icons').fadeIn(180);
$('.menu_side_item_title').fadeIn(180, function() {
menu_side_state_current = 'expanded';
});
});
{/literal}
{if $settings.theme.menu_side_toggle_body_width == 'shrink' || ($settings.theme.menu_side_state == 'expanded' && $settings.theme.menu_side_toggle_body_width == 'fixed')}
{literal}
if ($(window).width() >= 576) {
$('#content_container').animate({ width: $(window).width() - {/literal}{$settings.theme.menu_side_width_expanded}{literal} }, 250);
}
{/literal}
{/if}
{/if}
{literal}
}
function menu_side_item_toggle(item_id) {
$('#sub_arrow_'+item_id).toggleClass(['fa-{/literal}{$settings.theme.menu_side_item_main_sub_icon_contract}{literal}','fa-{/literal}{$settings.theme.menu_side_item_main_sub_icon_expand}{literal}']);
$('.sub_arrows').not('#sub_arrow_'+item_id).removeClass('fa-{/literal}{$settings.theme.menu_side_item_main_sub_icon_contract}{literal}').addClass('fa-{/literal}{$settings.theme.menu_side_item_main_sub_icon_expand}{literal}');
$('#sub_'+item_id).slideToggle(180, function() {
{/literal}
{if $settings.theme.menu_side_item_main_sub_close != 'manual'}
{literal}
if (!$(this).is(':hidden')) {
$('.menu_side_sub').not($(this)).slideUp(180);
}
{/literal}
{/if}
{literal}
});
}
function menu_side_state_set(state) {
var user_setting_set_path = '{/literal}{$project_path}{literal}/core/user_settings/user_setting_set.php?category=theme&subcategory=menu_side_state&name=text&value='+state;
var xhr = new XMLHttpRequest();
xhr.open('GET', user_setting_set_path);
xhr.send(null);
xhr.onreadystatechange = function () {
var setting_modified;
if (xhr.readyState === 4) {
if (xhr.status === 200) {
setting_modified = xhr.responseText;
if (setting_modified == 'true') {
document.getElementById('menu_side_state_set_expanded').style.display = state == 'expanded' ? 'none' : 'block';
document.getElementById('menu_side_state_set_contracted').style.display = state == 'contracted' ? 'none' : 'block';
{/literal}
{if $menu_side_state == 'hidden'}
{literal}
document.getElementById('menu_side_state_hidden_button').style.display='none';
{/literal}
{/if}
{literal}
if (state == 'expanded') {
if ($(window).width() >= 576) {
$('#content_container').animate({ width: $(window).width() - {/literal}{$settings.theme.menu_side_width_expanded}{literal} }, 250);
}
else {
$('#menu_side_container').animate({ width: $(window).width() }, 180);
}
document.getElementById('menu_side_state_current').value = 'expanded';
display_message("{/literal}{$text.theme_message_menu_expanded}{literal}", 'positive', 1000);
}
else {
menu_side_contract();
if ($(window).width() >= 576) {
$('#content_container').animate({ width: $(window).width() - {/literal}{$settings.theme.menu_side_width_contracted}{literal} }, 250);
}
menu_side_state_current = 'contracted';
document.getElementById('menu_side_state_current').value = 'contracted';
display_message("{/literal}{$text.theme_message_menu_contracted}{literal}", 'positive', 1000);
}
}
else if (setting_modified == 'deleted') {
display_message("{/literal}{$text.theme_message_menu_reset}{literal}", 'positive', 1000);
document.location.reload();
}
}
}
}
}
{/literal}
{/if}
{literal}
$(document).ready(function() {
{/literal}
{$messages}
//message bar hide on hover
{literal}
$('#message_container').on('mouseenter',function() {
$('#message_container div').remove();
$('#message_container').css({opacity: 0, 'height': 0}).css({'height': 'auto'});
});
{/literal}
//domain selector controls
{if $domain_selector_enabled}
{literal}
$('.domain_selector_domain').on('click', function() { show_domains(); });
$('#header_domain_selector_domain').on('click', function() { show_domains(); });
$('#domains_hide').on('click', function() { hide_domains(); });
function show_domains() {
$('#domains_visible').val(1);
var scrollbar_width = (window.innerWidth - $(window).width()); //gold: only solution that worked with body { overflow:auto } (add -ms-overflow-style: scrollbar; to <body> style for ie 10+)
if (scrollbar_width > 0) {
$('body').css({'margin-right':scrollbar_width, 'overflow':'hidden'}); //disable body scroll bars
$('.navbar').css('margin-right',scrollbar_width); //adjust navbar margin to compensate
$('#domains_container').css('right',-scrollbar_width); //domain container right position to compensate
}
$(document).scrollTop(0);
$('#domains_container').show();
$('#domains_block').animate({marginRight: '+=300'}, 400, function() {
$('#domains_filter').trigger('focus');
});
}
function hide_domains() {
$('#domains_visible').val(0);
$(document).ready(function() {
$('#domains_block').animate({marginRight: '-=300'}, 400, function() {
$('#domains_filter').val('');
domain_search($('#domains_filter').val());
$('.navbar').css('margin-right','0'); //restore navbar margin
$('#domains_container').css('right','0'); //domain container right position
$('#domains_container').hide();
$('body').css({'margin-right':'0','overflow':'auto'}); //enable body scroll bars
document.activeElement.blur();
});
});
}
{/literal}
{/if}
//keyboard shortcut scripts
//key: [enter] - retain default behavior to submit form, when present - note: safari does not honor the first submit element when hiding it using 'display: none;' in the setAttribute method
{if $settings.theme.keyboard_shortcut_submit_enabled}
{literal}
var action_bar_actions, first_form, first_submit, modal_input_class, modal_continue_button;
action_bar_actions = document.querySelector('div#action_bar.action_bar > div.actions');
first_form = document.querySelector('form#frm');
if (action_bar_actions !== null) {
if (first_form !== null) {
first_submit = document.createElement('input');
first_submit.type = 'submit';
first_submit.id = 'default_submit';
first_submit.setAttribute('style','position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;');
first_form.prepend(first_submit);
window.addEventListener('keydown',function(e){
modal_input_class = e.target.className;
if (e.which == 13 && (e.target.tagName == 'INPUT' || e.target.tagName == 'SELECT')) {
if (modal_input_class.includes('modal-input')) {
e.preventDefault();
modal_continue_button = document.getElementById(e.target.dataset.continue);
if (modal_continue_button) { modal_continue_button.click(); }
}
else {
if (typeof window.submit_form === 'function') { submit_form(); }
else { document.getElementById('frm').submit(); }
}
}
});
}
}
{/literal}
{/if}
//common (used by delete and toggle)
{if $settings.theme.keyboard_shortcut_delete_enabled || $settings.theme.keyboard_shortcut_toggle_enabled}
var list_checkboxes;
list_checkboxes = document.querySelectorAll('table.list tr.list-row td.checkbox input[type=checkbox]');
{/if}
//keyup event listener
{literal}
window.addEventListener('keyup', function(e) {
{/literal}
//key: [escape] - close modal window, if open, or toggle domain selector
{literal}
if (e.which == 27) {
e.preventDefault();
var modals, modal_visible, modal;
modal_visible = false;
modals = document.querySelectorAll('div.modal-window');
if (modals.length !== 0) {
for (var x = 0, max = modals.length; x < max; x++) {
modal = document.getElementById(modals[x].id);
if (window.getComputedStyle(modal).getPropertyValue('opacity') == 1) {
modal_visible = true;
}
}
}
if (modal_visible) {
modal_close();
}
{/literal}
{if $domain_selector_enabled}
{literal}
else {
if (document.getElementById('domains_visible').value == 0) {
show_domains();
}
else {
hide_domains();
}
}
{/literal}
{/if}
{literal}
}
{/literal}
//key: [insert], list: to add
{if $settings.theme.keyboard_shortcut_add_enabled}
{literal}
if (e.which == 45 && !(e.target.tagName == 'INPUT' && e.target.type == 'text') && e.target.tagName != 'TEXTAREA') {
e.preventDefault();
var add_button;
add_button = document.getElementById('btn_add');
if (add_button === null || add_button === undefined) {
add_button = document.querySelector('button[name=btn_add]');
}
if (add_button !== null) { add_button.click(); }
}
{/literal}
{/if}
//key: [delete], list: to delete checked, edit: to delete
{if $settings.theme.keyboard_shortcut_delete_enabled}
{literal}
if (e.which == 46 && !(e.target.tagName == 'INPUT' && e.target.type == 'text') && e.target.tagName != 'TEXTAREA') {
e.preventDefault();
var delete_button;
delete_button = document.querySelector('button[name=btn_delete]');
if (delete_button === null || delete_button === undefined) {
delete_button = document.getElementById('btn_delete');
}
if (delete_button !== null) { delete_button.click(); }
}
{/literal}
{/if}
//key: [space], list,edit:prevent default space key behavior when opening toggle confirmation (which would automatically *click* the focused continue button on key-up)
{if $settings.theme.keyboard_shortcut_toggle_enabled}
{literal}
if (e.which == 32 && e.target.id == 'btn_toggle') {
e.preventDefault();
}
{/literal}
{/if}
//keyup end
{literal}
});
{/literal}
//keydown event listener
{literal}
window.addEventListener('keydown', function(e) {
{/literal}
//key: [space], list: to toggle checked - note: for default [space] checkbox behavior (ie. toggle focused checkbox) include in the if statement: && !(e.target.tagName == 'INPUT' && e.target.type == 'checkbox')
{if $settings.theme.keyboard_shortcut_toggle_enabled}
{literal}
if (e.which == 32 && !(e.target.tagName == 'INPUT' && e.target.type == 'text') && e.target.tagName != 'BUTTON' && !(e.target.tagName == 'INPUT' && e.target.type == 'button') && !(e.target.tagName == 'INPUT' && e.target.type == 'submit') && e.target.tagName != 'TEXTAREA' && list_checkboxes.length !== 0) {
e.preventDefault();
var toggle_button;
toggle_button = document.querySelector('button[name=btn_toggle]');
if (toggle_button === null || toggle_button === undefined) {
toggle_button = document.getElementById('btn_toggle');
}
if (toggle_button !== null) { toggle_button.click(); }
}
{/literal}
{/if}
//key: [ctrl]+[a], list,edit: to check all
{if $settings.theme.keyboard_shortcut_check_all_enabled}
{literal}
if ((((e.which == 97 || e.which == 65) && (e.ctrlKey || e.metaKey) && !e.shiftKey) || e.which == 19) && !(e.target.tagName == 'INPUT' && e.target.type == 'text') && e.target.tagName != 'TEXTAREA') {
var all_checkboxes;
all_checkboxes = document.querySelectorAll('table.list tr.list-header th.checkbox input[name=checkbox_all]');
if (typeof all_checkboxes != 'object' || all_checkboxes.length == 0) {
all_checkboxes = document.querySelectorAll('td.edit_delete_checkbox_all > span > input[name=checkbox_all]');
}
if (typeof all_checkboxes == 'object' && all_checkboxes.length > 0) {
e.preventDefault();
for (var x = 0, max = all_checkboxes.length; x < max; x++) {
all_checkboxes[x].click();
}
}
}
{/literal}
{/if}
//key: [ctrl]+[s], edit: to save
{if $settings.theme.keyboard_shortcut_save_enabled}
{literal}
if (((e.which == 115 || e.which == 83) && (e.ctrlKey || e.metaKey) && !e.shiftKey) || (e.which == 19)) {
e.preventDefault();
var save_button;
save_button = document.getElementById('btn_save');
if (save_button === null || save_button === undefined) {
save_button = document.querySelector('button[name=btn_save]');
}
if (save_button !== null) { save_button.click(); }
}
{/literal}
{/if}
//key: [ctrl]+[c], list,edit: to copy
{if $settings.theme.keyboard_shortcut_copy_enabled}
{if $browser_name_short == 'Safari'} //emulate with detecting [c] only, as [command] and [control] keys are ignored when captured
{literal}
if (
(e.which == 99 || e.which == 67) &&
!(e.target.tagName == 'INPUT' && e.target.type == 'text') &&
!(e.target.tagName == 'INPUT' && e.target.type == 'password') &&
e.target.tagName != 'TEXTAREA'
) {
{/literal}
{else}
{literal}
if (
(
(
(e.which == 99 || e.which == 67) &&
(e.ctrlKey || e.metaKey) &&
!e.shiftKey
) ||
e.which == 19
) &&
!(e.target.tagName == 'INPUT' && e.target.type == 'text') &&
e.target.tagName != 'TEXTAREA'
) {
{/literal}
{/if}
{literal}
var current_selection, copy_button;
current_selection = window.getSelection();
if (current_selection === null || current_selection === undefined || current_selection.toString() == '') {
e.preventDefault();
copy_button = document.querySelector('button[name=btn_copy]');
if (copy_button === null || copy_button === undefined) {
copy_button = document.getElementById('btn_copy');
}
if (copy_button !== null) { copy_button.click(); }
}
}
{/literal}
{/if}
//keydown end
{literal}
});
{/literal}
//link list rows
{literal}
$('.tr_hover tr,.list tr').each(function(i,e) {
$(e).children('td:not(.list_control_icon,.list_control_icons,.tr_link_void,.list-row > .no-link,.list-row > .checkbox,.list-row > .button,.list-row > .action-button)').on('click', function() {
var href = $(this).closest('tr').attr('href');
var target = $(this).closest('tr').attr('target');
if (href) {
if (target) { window.open(href, target); }
else { window.location = href; }
}
});
});
{/literal}
//autosize jquery autosize plugin on applicable input fields
{literal}
$('input[type=text].txt.auto-size,input[type=number].txt.auto-size,input[type=password].txt.auto-size,input[type=text].formfld.auto-size,input[type=number].formfld.auto-size,input[type=password].formfld.auto-size').autosizeInput();
{/literal}
//initialize bootstrap tempusdominus (calendar/datetime picker) plugin
{literal}
$(function() {
//set defaults
$.fn.datetimepicker.Constructor.Default = $.extend({}, $.fn.datetimepicker.Constructor.Default, {
buttons: {
showToday: true,
showClear: true,
showClose: true,
},
icons: {
time: 'fas fa-clock',
date: 'fas fa-calendar-alt',
up: 'fas fa-arrow-up',
down: 'fas fa-arrow-down',
previous: 'fas fa-chevron-left',
next: 'fas fa-chevron-right',
today: 'fas fa-calendar-check',
clear: 'fas fa-trash',
close: 'fas fa-times',
}
});
//define formatting of individual classes
$('.datepicker').datetimepicker({ format: 'YYYY-MM-DD', });
$('.datetimepicker').datetimepicker({ format: 'YYYY-MM-DD HH:mm', });
$('.datetimesecpicker').datetimepicker({ format: 'YYYY-MM-DD HH:mm:ss', });
});
{/literal}
//apply bootstrap colorpicker plugin
{literal}
$(function(){
$('.colorpicker').colorpicker({
align: 'left',
customClass: 'colorpicker-2x',
sliders: {
saturation: {
maxLeft: 200,
maxTop: 200
},
hue: {
maxTop: 200
},
alpha: {
maxTop: 200
}
}
});
});
{/literal}
//apply bootstrap password strength plugin
{literal}
$('#password').pwstrength({
common: {
minChar: 8,
usernameField: '#username',
},
//rules: { },
ui: {
colorClasses: ['danger', 'warning', 'warning', 'warning', 'success', 'success'], //weak,poor,normal,medium,good,strong
progressBarMinPercentage: 15,
showVerdicts: false,
viewports: {
progress: '#pwstrength_progress'
}
}
});
{/literal}
//crossfade menu brand images (if hover version set)
{if $settings.theme.menu_brand_image != '' && $settings.theme.menu_brand_image_hover != '' && $settings.theme.menu_style != 'side'}
{literal}
$(function(){
$('#menu_brand_image').on('mouseover',function(){
$(this).fadeOut('fast', function(){
$('#menu_brand_image_hover').fadeIn('fast');
});
});
$('#menu_brand_image_hover').on('mouseout',function(){
$(this).fadeOut('fast', function(){
$('#menu_brand_image').fadeIn('fast');
});
});
});
{/literal}
{/if}
//generate resizeEnd event after window resize event finishes (used when side menu and on messages app)
{literal}
$(window).on('resize', function() {
if (this.resizeTO) { clearTimeout(this.resizeTO); }
this.resizeTO = setTimeout(function() { $(this).trigger('resizeEnd'); }, 180);
});
{/literal}
//side menu: adjust content container width after window resize
{if $settings.theme.menu_style == 'side'}
{literal}
$(window).on('resizeEnd', function() {
if ($(window).width() < 576) {
if (menu_side_state_current == 'contracted') {
$('#menu_side_container').hide();
}
if (menu_side_state_current == 'expanded') {
{/literal}
{if $menu_side_state != 'hidden'}
{literal}
$('#menu_side_container').show();
{/literal}
{/if}
{literal}
$('#menu_side_container').animate({ width: $(window).width() }, 180);
}
$('#content_container').animate({ width: $(window).width() }, 100);
}
else {
{/literal}
{if $menu_side_state == 'hidden'}
{literal}
$('#menu_side_container').animate({ width: '{/literal}{$settings.theme.menu_side_width_expanded}{literal}px' }, 180);
$('#content_container').animate({ width: $(window).width() }, 100);
{/literal}
{else}
{literal}
$('#menu_side_container').show();
if (menu_side_state_current == 'expanded') {
$('#menu_side_container').animate({ width: '{/literal}{$settings.theme.menu_side_width_expanded}{literal}px' }, 180, function() {
$('#content_container').animate({ width: $(window).width() - $('#menu_side_container').width() }, 100);
});
}
else {
$('#content_container').animate({ width: $(window).width() - $('#menu_side_container').width() }, 100);
}
{/literal}
{/if}
{literal}
}
});
{/literal}
{/if}
{literal}
}); //document ready end
{/literal}
//audio playback functions
{literal}
var recording_audio, audio_clock;
function recording_play(recording_id) {
if (document.getElementById('recording_progress_bar_'+recording_id)) {
document.getElementById('recording_progress_bar_'+recording_id).style.display='';
}
recording_audio = document.getElementById('recording_audio_'+recording_id);
if (recording_audio.paused) {
recording_audio.volume = 1;
recording_audio.play();
document.getElementById('recording_button_'+recording_id).innerHTML = "<span class='{/literal}{$settings.theme.button_icon_pause}{literal} fa-fw'></span>";
audio_clock = setInterval(function () { update_progress(recording_id); }, 20);
$('[id*=recording_button]').not('[id*=recording_button_'+recording_id+']').html("<span class='{/literal}{$settings.theme.button_icon_play}{literal} fa-fw'></span>");
$('[id*=recording_progress_bar]').not('[id*=recording_progress_bar_'+recording_id+']').css('display', 'none');
$('audio').each(function(){$('#menu_side_container').width()
if ($(this).get(0) != recording_audio) {
$(this).get(0).pause(); //stop playing
$(this).get(0).currentTime = 0; //reset time
}
});
}
else {
recording_audio.pause();
document.getElementById('recording_button_'+recording_id).innerHTML = "<span class='{/literal}{$settings.theme.button_icon_play}{literal} fa-fw'></span>";
clearInterval(audio_clock);
}
}
function recording_stop(recording_id) {
recording_reset(recording_id);
clearInterval(audio_clock);
}
function recording_reset(recording_id) {
recording_audio = document.getElementById('recording_audio_'+recording_id);
recording_audio.pause();
recording_audio.currentTime = 0;
if (document.getElementById('recording_progress_bar_'+recording_id)) {
document.getElementById('recording_progress_bar_'+recording_id).style.display='none';
}
document.getElementById('recording_button_'+recording_id).innerHTML = "<span class='{/literal}{$settings.theme.button_icon_play}{literal} fa-fw'></span>";
clearInterval(audio_clock);
}
function update_progress(recording_id) {
recording_audio = document.getElementById('recording_audio_'+recording_id);
var recording_progress = document.getElementById('recording_progress_'+recording_id);
var value = 0;
if (recording_audio.currentTime > 0) {
value = (100 / recording_audio.duration) * recording_audio.currentTime;
}
recording_progress.style.marginLeft = value + '%';
if (parseInt(recording_audio.duration) > 30) { //seconds
clearInterval(audio_clock);
}
}
{/literal}
//handle action bar style on scroll
{literal}
window.addEventListener('scroll', function(){
action_bar_scroll('action_bar', 20);
}, false);
function action_bar_scroll(action_bar_id, scroll_position, function_sticky, function_inline) {
if (document.getElementById(action_bar_id)) {
//sticky
if (this.scrollY > scroll_position) {
document.getElementById(action_bar_id).classList.add('scroll');
if (typeof function_sticky === 'function') { function_sticky(); }
}
//inline
if (this.scrollY < scroll_position) {
document.getElementById(action_bar_id).classList.remove('scroll');
if (typeof function_inline === 'function') { function_inline(); }
}
}
}
{/literal}
//enable button class button
{literal}
function button_enable(button_id) {
button = document.getElementById(button_id);
button.disabled = false;
button.classList.remove('disabled');
if (button.parentElement.nodeName == 'A') {
anchor = button.parentElement;
anchor.classList.remove('disabled');
anchor.setAttribute('onclick','');
}
}
{/literal}
//disable button class button
{literal}
function button_disable(button_id) {
button = document.getElementById(button_id);
button.disabled = true;
button.classList.add('disabled');
if (button.parentElement.nodeName == 'A') {
anchor = button.parentElement;
anchor.classList.add('disabled');
anchor.setAttribute('onclick','return false;');
}
}
{/literal}
//checkbox on change
{literal}
function checkbox_on_change(checkbox) {
checked = false;
var inputs = document.getElementsByTagName('input');
for (var i = 0, max = inputs.length; i < max; i++) {
if (inputs[i].type === 'checkbox' && inputs[i].checked == true) {
checked = true;
break;
}
}
btn_copy = document.getElementById("btn_copy");
btn_toggle = document.getElementById("btn_toggle");
btn_delete = document.getElementById("btn_delete");
if (checked == true) {
if (btn_copy) {
btn_copy.style.display = "inline";
}
if (btn_toggle) {
btn_toggle.style.display = "inline";
}
if (btn_delete) {
btn_delete.style.display = "inline";
}
}
else {
if (btn_copy) {
btn_copy.style.display = "none";
}
if (btn_toggle) {
btn_toggle.style.display = "none";
}
if (btn_delete) {
btn_delete.style.display = "none";
}
}
}
{/literal}
//list page functions
{literal}
function list_all_toggle(modifier) {
var checkboxes = (modifier !== undefined) ? document.getElementsByClassName('checkbox_'+modifier) : document.querySelectorAll("input[type='checkbox']");
var checkbox_checked = document.getElementById('checkbox_all' + (modifier !== undefined ? '_'+modifier : '')).checked;
for (var i = 0, max = checkboxes.length; i < max; i++) {
checkboxes[i].checked = checkbox_checked;
}
if (document.getElementById('btn_check_all') && document.getElementById('btn_check_none')) {
if (checkbox_checked) {
document.getElementById('btn_check_all').style.display = 'none';
document.getElementById('btn_check_none').style.display = '';
}
else {
document.getElementById('btn_check_all').style.display = '';
document.getElementById('btn_check_none').style.display = 'none';
}
}
}
function list_all_check() {
var inputs = document.getElementsByTagName('input');
document.getElementById('checkbox_all').checked;
for (var i = 0, max = inputs.length; i < max; i++) {
if (inputs[i].type === 'checkbox') {
inputs[i].checked = true;
}
}
}
function list_self_check(checkbox_id) {
var inputs = document.getElementsByTagName('input');
for (var i = 0, max = inputs.length; i < max; i++) {
if (inputs[i].type === 'checkbox') {
inputs[i].checked = false;
}
}
document.getElementById(checkbox_id).checked = true;
}
function list_action_set(action) {
document.getElementById('action').value = action;
}
function list_form_submit(form_id) {
document.getElementById(form_id).submit();
}
function list_search_reset() {
document.getElementById('btn_reset').style.display = 'none';
document.getElementById('btn_search').style.display = '';
}
{/literal}
//edit page functions
{literal}
function edit_all_toggle(modifier) {
var checkboxes = document.getElementsByClassName('checkbox_'+modifier);
var checkbox_checked = document.getElementById('checkbox_all_'+modifier).checked;
if (checkboxes.length > 0) {
for (var i = 0; i < checkboxes.length; ++i) {
checkboxes[i].checked = checkbox_checked;
}
if (document.getElementById('btn_delete')) {
document.getElementById('btn_delete').value = checkbox_checked ? '' : 'delete';
}
}
}
function edit_delete_action(modifier) {
var checkboxes = document.getElementsByClassName('chk_delete');
if (document.getElementById('btn_delete') && checkboxes.length > 0) {
var checkbox_checked = false;
for (var i = 0; i < checkboxes.length; ++i) {
if (checkboxes[i].checked) {
checkbox_checked = true;
}
else {
if (document.getElementById('checkbox_all'+(modifier !== undefined ? '_'+modifier : ''))) {
document.getElementById('checkbox_all'+(modifier !== undefined ? '_'+modifier : '')).checked = false;
}
}
}
document.getElementById('btn_delete').value = checkbox_checked ? '' : 'delete';
}
}
{/literal}
//modal functions
{literal}
function modal_open(modal_id, focus_id) {
var modal = document.getElementById(modal_id);
modal.style.opacity = '1';
modal.style.pointerEvents = 'auto';
if (focus_id !== undefined) {
document.getElementById(focus_id).focus();
}
}
function modal_close() {
var modals = document.getElementsByClassName('modal-window');
if (modals.length > 0) {
for (var m = 0; m < modals.length; ++m) {
modals[m].style.opacity = '0';
modals[m].style.pointerEvents = 'none';
}
}
document.activeElement.blur();
}
{/literal}
//misc functions
{literal}
function swap_display(a_id, b_id, display_value) {
display_value = display_value !== undefined ? display_value : 'inline-block';
a = document.getElementById(a_id);
b = document.getElementById(b_id);
if (window.getComputedStyle(a).display === 'none') {
a.style.display = display_value;
b.style.display = 'none';
}
else {
a.style.display = 'none';
b.style.display = display_value;
}
}
function hide_password_fields() {
var password_fields = document.querySelectorAll("input[type='password']");
for (var p = 0, max = password_fields.length; p < max; p++) {
password_fields[p].style.visibility = 'hidden';
password_fields[p].type = 'text';
}
}
window.addEventListener('beforeunload', function(e){
hide_password_fields();
});
{/literal}
{*//session timer *}
{$session_timer}
</script>
</head>
<body>
{*//message container *}
<div id='message_container'></div>
{*//domain selector *}
{if $authenticated && $domain_selector_enabled}
<div id='domains_container'>
<input type='hidden' id='domains_visible' value='0'>
<div id='domains_block'>
<div id='domains_header'>
<input id='domains_hide' type='button' class='btn' style='float: right' value="{$text.theme_button_close}">
<a id='domains_title' href='{$domains_app_path}'>{$text.theme_title_domains} <span style='font-size: 80%;'>({$domain_count})</span></a>
<br><br>
<input type='text' id='domains_filter' class='formfld' style='margin-left: 0; min-width: 100%; width: 100%;' placeholder="{$text.theme_label_search}" onkeyup='domain_search(this.value)'>
</div>
<div id='domains_list'>
{foreach $domains as $row}
{if $row.domain_enabled}
{*//alternate background colors of inactive domains *}
{if $background_color == $domain_selector_background_color_1}
{$background_color=$domain_selector_background_color_2}
{else}
{$background_color=$domain_selector_background_color_1}
{/if}
{*//set active domain color *}
{if $domain_active_background_color != ''}
{if $row.domain_uuid == $domain_uuid}{$background_color=$domain_active_background_color}{/if}
{/if}
{*//active domain text hover color *}
{if $settings.theme.domain_active_text_color_hover != '' && $row.domain_uuid == $domain_uuid}
<div id='{$row.domain_name}' class='domains_list_item_active' style='background-color: {$background_color}' onclick="document.location.href='{$domains_app_path}?domain_uuid={$row.domain_uuid}&domain_change=true';">
{elseif $settings.theme.domain_inactive_text_color_hover != '' && $row.domain_uuid != $domain_uuid}
<div id='{$row.domain_name}' class='domains_list_item_inactive' style='background-color: {$background_color}' onclick="document.location.href='{$domains_app_path}?domain_uuid={$row.domain_uuid}&domain_change=true';">
{else}
<div id='{$row.domain_name}' class='domains_list_item' style='background-color: {$background_color}' onclick="document.location.href='{$domains_app_path}?domain_uuid={$row.domain_uuid}&domain_change=true';">
{/if}
{*//domain link *}
<a href='{$domains_app_path}?domain_uuid={$row.domain_uuid}&domain_change=true' {if $row.domain_uuid == $domain_uuid}style='font-weight: bold;'{/if}>{$row.domain_name}</a>
{*//domain description *}
{if $row.domain_description != ''}
{*//active domain description text color *}
{if $settings.theme.domain_active_desc_text_color != '' && $row.domain_uuid == $domain_uuid}
<span class='domain_active_list_item_description' title="{$row.domain_description}"> - {$row.domain_description}</span>
{*//inactive domains description text color *}
{elseif $settings.theme.domain_inactive_desc_text_color != '' && $row.domain_uuid != $domain_uuid}
<span class='domain_inactive_list_item_description' title="{$row.domain_description}"> - {$row.domain_description}</span>
{*//default domain description text color *}
{else}
<span class='domain_list_item_description' title="{$row.domain_description}"> - {$row.domain_description}</span>
{/if}
{/if}
</div>
{$ary_domain_names[]=$row.domain_name}
{$ary_domain_descs[]=$row.domain_description|replace:'"':'\"'}
{/if}
{/foreach}
</div>
<script>
{literal}
var domain_names = new Array("{/literal}{'","'|implode:$ary_domain_names}{literal}");
var domain_descs = new Array("{/literal}{'","'|implode:$ary_domain_descs}{literal}");
function domain_search(criteria) {
for (var x = 0; x < domain_names.length; x++) {
if (domain_names[x].toLowerCase().match(criteria.toLowerCase()) || domain_descs[x].toLowerCase().match(criteria.toLowerCase())) {
document.getElementById(domain_names[x]).style.display = '';
}
else {
document.getElementById(domain_names[x]).style.display = 'none';
}
}
}
{/literal}
</script>
</div>
</div>
{/if}
{*//qr code container for contacts *}
<div id='qr_code_container' style='display: none;' onclick='$(this).fadeOut(400);'>
<table cellpadding='0' cellspacing='0' border='0' width='100%' height='100%'><tr><td align='center' valign='middle'>
<span id='qr_code' onclick="$('#qr_code_container').fadeOut(400);"></span>
</td></tr></table>
</div>
{*//login page *}
{if $login_page}
<div id='default_login'>
<a href='{$project_path}/'><img id='login_logo' style='width: {$login_logo_width}; height: {$login_logo_height};' src='{$login_logo_source}'></a><br />
{$document_body}
</div>
<div id='footer_login'>
<span class='footer'>{$settings.theme.footer}</span>
</div>
{*//other pages *}
{else}
{if $settings.theme.menu_style == 'side' || $settings.theme.menu_style == 'inline' || $settings.theme.menu_style == 'static'}
{$container_open}
{if $settings.theme.menu_style == 'inline'}{$logo}{/if}
{$menu}
{if $settings.theme.menu_style == 'inline' || $settings.theme.menu_style == 'static'}<br />{/if}
{if $settings.theme.menu_style == 'side'}<input type='hidden' id='menu_side_state_current' value='{if $menu_side_state == 'hidden'}expanded{else}{$menu_side_state}{/if}'>{/if}
{else} {*//default: fixed *}
{$menu}
{$container_open}
{/if}
<div id='main_content'>
{$document_body}
</div>
<div id='footer'>
<span class='footer'>{$settings.theme.footer}</span>
</div>
{$container_close}
{/if}
</body>
</html>