Установка:
1. Для подключения, нам нужны файлы nprogress.js и nprogress.css, которые копируем в соответствующие папки вашего шаблона.2. В своём шаблоне, в файле main.tpl, перед: Подключаем скрипт и стили:
3. Открываем файл /engine/classes/js/dle_js.js и находим (для DLE 10, в других, может немного отличаться):
function ShowLoading(b){b&&$("#loading-layer").html(b);b=($(window).width()-$("#loading-layer").width())/2;var c=($(window).height()-$("#loading-layer").height())/2;$("#loading-layer").css({left:b+"px",top:c+"px",position:"fixed",zIndex:"99"});$("#loading-layer").fadeTo("slow",0.6)}function HideLoading(){$("#loading-layer").fadeOut("slow")}
Меняем на:
function ShowLoading(b){ NProgress.start() } function HideLoading(){ NProgress.done() }
Готово!Теперь при совершении стандартных AJAX функций ДЛЕ (добавление/удаление комментариев, голосования, календарь и т.д.), будет появляться новый индикатор.
Версия DLE: 9.x-10.x
Автор: SaD