-
-
Save cissav/3341820b7bf967a4c417e0ed02dd13b0 to your computer and use it in GitHub Desktop.
Пример JS-файла для страницы списка обращений
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$(function() { | |
/** | |
* Ваш сайт, для примеров работы с запросами | |
*/ | |
var URL = 'http://example.com'; | |
/** | |
* Некоторые переменные, доступные в глобальной видимости Омнидеска: | |
* CurrentCaseId | |
* CurrentUserId | |
* CurrentStaffId | |
* CurrentClientId | |
* | |
* Данные в этих переменных уже можно использовать чтобы получить более развернутый результат по API Омнидеска | |
* https://omnidesk.ru/api/introduction/intro | |
*/ | |
var STAFF_ID = CurrentStaffId; | |
/** | |
* Некоторые селекторы для примеров | |
*/ | |
var HORIZONTAL_MENU_SELECTOR = '.header-container'; | |
var HORIZONTAL_MENU_BUTTONS_SELECTOR = '.global-actions > .global-actions-list:last-child'; | |
var HORIZONTAL_MENU_ELEMENTS_SELECTOR = '.primary-nav'; | |
var TOP_PANEL_SELECTOR = '#alpha1_panel'; | |
var RECORD_SELECTOR = '.req-tr.req-data-row'; | |
var RECORD_INFO_SELECTOR = '.req-td.req-inf'; | |
/** HELPERS */ | |
/** | |
* Проверяем на undefined | |
*/ | |
var checkNotUndefined = function(data) { | |
return (typeof data === 'undefined') ? false : true; | |
} | |
/** | |
* Вставка в конец или в начало элемента | |
*/ | |
var addCode = function(selector, htmlCode, after) { | |
var element = $(selector); | |
if(checkNotUndefined(after) === true && after === true) { | |
element.append(htmlCode); | |
} else { | |
element.prepend(htmlCode); | |
} | |
}; | |
/** EXAMPLES */ | |
/** | |
* Добавляем кастомную информацию над списком обращений | |
* | |
* Сначала заголовок | |
*/ | |
addCode( | |
TOP_PANEL_SELECTOR, | |
`<div style="color:red;"> | |
<strong>Данные Example</strong> | |
</div>`, | |
true | |
); | |
/** | |
* Пример добавления пункта в меню | |
* Результат в коде Омнидеска https://www.dropbox.com/s/ymscgj7q7loj09o/02_custom_menu_item.png?dl=0 | |
*/ | |
addCode( | |
HORIZONTAL_MENU_ELEMENTS_SELECTOR, | |
`<li class="nav-item nav-item-companies inlb"> | |
<a class="nav-item-url " href="#example">Example</a> | |
</li>`, | |
true | |
); | |
/** | |
* Пример добавления кнопки в блоках справа | |
* Результат в коде Омнидеска https://www.dropbox.com/s/i0orxacnfrjwtwo/03_custom_button_in_header.png?dl=0 | |
*/ | |
addCode( | |
HORIZONTAL_MENU_BUTTONS_SELECTOR, | |
`<li class="global-action-item inlb force-login" title="Example"> | |
<a class="nav-item-url" href="#example"> | |
<i class="icon fi-star"></i> | |
</a> | |
</li>`, | |
false | |
); | |
/** | |
* Добавляем в горизонтальное меню цвета своей компании | |
* Результат в коде Омнидеска https://www.dropbox.com/s/3vtzym61el1659z/04_custom_styles.png?dl=0 | |
* Результат на странице https://www.dropbox.com/s/hfo696yiffw455a/04_2_custom_styles.png?dl=0 | |
*/ | |
$(document).find(HORIZONTAL_MENU_SELECTOR).css({ | |
'border-bottom': 'solid 2px red', | |
}); | |
/** | |
* Подключаем свой CSS в код Омнидеска. В CSS дополнительные иконки | |
* Результат на странице https://www.dropbox.com/s/jde5uaykf84hsak/05_custom_css.png?dl=0 | |
*/ | |
$(document) | |
.find('body') | |
.append('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css">'); | |
/** | |
* Добавляем падающий снег, если ваши сотрудники будут работать в Новый Год :) | |
* Результат в коде Омнидеска https://www.dropbox.com/s/ilkkfmf81s63zjw/07_snow.png?dl=0 | |
* Результат на странице: https://www.dropbox.com/s/yp36vle7yu7vm38/07_2_snow.png?dl=0 | |
*/ | |
$.get('https://cdnjs.cloudflare.com/ajax/libs/JQuery-Snowfall/1.7.4/snowfall.jquery.min.js', { | |
}, function(jsLibCode) { | |
$("body").append($("<script />", { | |
html: jsLibCode + ' $(document).snowfall({flakeColor : "yellow", shadow: true});', | |
})); | |
}); | |
$('body').css('overflow-y', 'hidden'); | |
/** | |
* Таким образом можно менять и добавлять любые кнопки, формы и код на странице обращения. | |
*/ | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment