Новая панель администратора Ver.4.0.50 PRO by esCode.Ru
Добавлено 24.10.2016 в 19:44
Новая панель администратора Ver.4.0.50 PRO by esCode.Ru
Уважаемые гости и пользователи моего проекта! Представляю Вам новую панель администратора версии 4.0.50 PRO которая уже является восьмой по счету! Ура!

Как вы могли заметить по названию материала, а именно префикс Ver.4.0.50 PRO, приписана не просто так. Объясню почему. В отличии от прошлых версий панелей, эта панель немного тяжеловата для сайта, и "слабенькие" железа тянут ее с некой затяжкой. Подтормаживания анимации, подёргивания и.т.д. Как я уже говорил в анонсах, будет две версии панели PRO и Lite. Следовательно, ставим себе версию PRO, смотрим, если не лагает, радуемся, а вот если вас не устраивает работа скрипта, то ищем урезанную Lite версию. Всё, с этим выяснили, идём дальше...

Как обычно в панели имеются всё что необходимо для управления сайтом администратору и модератору!

Общие возможности:

- Имеются практически все необходимые кнопки стандартной админ/модер панели
- 4 кнопки быстрого доступа (Панель управления, *Предложения, FTP, *Управление дизайном)
- Список переменных страниц
- Мини статистика (информер)
- Управление мини-чат'ом
- Имеются кнопки управления материалом
- Поиск по сайту и по пользователям (на странице списка пользователей)
- Вывод непрочитанных личных сообщений прямо в панель
- Выделение кликом переменных списка переменных страниц

* - Кнопки с функцией S-Touch

Возможности новой панели:



**S-Touch




Новая фишка четвертого поколения панелей - S-Touch. Довольно таки удобное ховер меню, вшитая в кнопки "Предложения", "Управление дизайном" и "Личные сообщения"

**Blur-filter


Как говорилось выше, панель версии PRO тяжелая, и вот, одной из причин является Blur-filter. Мы применили к этой версии панели, размывание фонового изображения. Это упрощает пользователям процесс замены фона без прибегания к фото-редакторам.

** Не доступно в версии Lite

- Добавлен CSS редактор
- Кнопка "Предложения", "Управление дизайном" и "Личные сообщения" с функцией S-Touch
- Убраны ненужные вкладки на странице материала
- Новая цветовая палитра и цвета текста
- Blur-filter фона
- Корректировка анимации
- Добавлены условия для переменных страниц ( При клике на переменную, откроется подменю с готовым шаблоном условий )
- Поправки в меню "Новое сообщение"
- Скрытие ЛС после трёх непрочитанных сообщений
- Добавлено меню "About"
- Очень много багфиксов и оптимизации в коде

Установка

В HEAD ставим (в случае если вы использовали предыдущие версии админ панели, пропускаем этот пункт) шрифт Open Sans.

Код
<link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>


Для скрытия стандартного Админ-бара, ставим (в случае если вы использовали предыдущие версии админ панели, этот пункт тоже пропускаем) в $GLOBAL_AHEADER$ и $GLOBAL_BFOOTER$ код:

Код
<?substr($ADMIN_BAR$,0,0)?>


В самый низ блока $GLOBAL_BFOOTER$ просто ставим единственный код самой панели:

Код

<?if($GROUP_ID$="4")?>
<!-- admin_panel_by_escode.ru_ver_4.0.50_pro -->
<div id="s_panel">

<div id="spanel-container"><div id="spanel-bg"></div><div id="spanel">

<div class="ipanls">

<a href="/panel" target="_blank"><img title="Перейти в панель управления" class="buttonA" src="http://escode.ru/ipanel/4/r1.png" width="19px"></a>

<div class="s_touch2">
<img title="Предложения" class="buttonA" src="http://escode.ru/ipanel/4/r2.png" width="19px">
<div class="cell_touch">
<div id="tap-container"><div id="tap-bg"></div><div id="tap">
<div class="dd_content_ens">
<a href="/load/0-0-0-0-1" target="_blank"><img src="http://escode.ru/ipanel/4/s1.png" style="opacity:0.8;margin:0 10px -4px 5px;">Новый материал</a>
<a href="/load/0-0-0-0-1" target="_blank"><img src="http://escode.ru/ipanel/4/s1.png" style="opacity:0.8;margin:0 10px -4px 5px;">Новый материал</a>
<a href="/load/0-0-0-0-1" target="_blank"><img src="http://escode.ru/ipanel/4/s1.png" style="opacity:0.8;margin:0 10px -4px 5px;">Новый материал</a>
</div></div></div></div></div>

<a href="#" onclick="window.open('/tmpls/?a=fm;n=1','fman','resizable=1,scrollbars=1,top=0,left=0,width=600,height=400');" target="_self"><img title="Файловый менеджер" class="buttonA" src="http://escode.ru/ipanel/4/r3.png" width="19px"></a>

<div class="s_touch">
<img title="Управление дизайном" class="buttonA" src="http://escode.ru/ipanel/4/r4.png" width="19px">
<div class="cell_touch">

<div id="tap-container"><div id="tap-bg"></div><div id="tap">
<div class="dd_content_en">
<a href="/tmpls" target="_blank"><img src="http://escode.ru/ipanel/4/s2.png" style="opacity:0.7;margin:0 10px -4px 5px;">Управление дизайном</a>
<a href="#" onclick="window.open('/tmpls/?a=tmpl;m=3;t=3');" target="_self"><img src="http://escode.ru/ipanel/4/s3.png" style="opacity:0.7;margin:0 10px -4px 5px;">Редактор CSS</a>
</div></div></div> </div></div>

</div>

<a id="tblock1" href="javascript://" return false;"><div class="panls1">Основные инструменты</div></a>
<div id="tblock1s" style="display:none;">
<a href="#" onclick="window.open('/index/86','fman','resizable=1,scrollbars=1,top=0,left=0,width=800,height=400');" target="_self"><div class="panl1" style="margin-top:3px;">Управление комментариями</div></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,150,{autosize:0},{url:'/index/85'});return false;" class="fUsrList"><div class="panl">Неактивные материалы</div></a>
<a href="#" onclick="new _uWnd('SfU','Извещения об обновлениях',400,200,{align:'',closeonesc:1,min:0,max:0,maxh:300,resize:0,},{url:'/index/67'});return false;" target="_blank"><div class="panl">Извещения об обновлениях</div></a>
<a href="#" onclick="new _uWnd('ipBanW','Блокировка IP адресов',350,150,{align:'left',closeonesc:1,min:0,max:0,oncontent:function(wnd){$('textarea:first',wnd.top).focus();}},{url:'/index/83'});return false;" target="_blank"><div class="panl">Блокировка IP адресов</div></a>
<a href="#" onclick="new _uWnd('WBan','Блокировка WWW адресов',350,150,{align:'left',closeonesc:1,min:0,max:0,oncontent:function(wnd){$('textarea:first',wnd.top).focus();}},{url:'/index/43'});return false;" target="_blank"><div class="panl">Блокировка WWW адресов</div></a>
<?if($UNREAD_PM$="0")?><a href="/index/14-0-5" target="_blank"><div class="panl">Массовая рассылка ЛС</div></a><?endif?>
<a href="#" onclick="new _uWnd('Ud','Удаление записей пользователя',350,150,{align:'left',closeonesc:1,min:0,max:0,oncontent:function(wnd){$('input:text:first',wnd.top).focus();}},{url:'/index/33'});return false;" target="_blank"><div class="panl2" style="margin-bottom:3px;">Удаление записей пользователя</div></a>
<a id="tblock2" href="javascript://" return false;"><div class="panl3" style="margin-top:3px;">About</div></a>
<div id="tblock2s" style="display:none;"><div class="about">
<div class="panl1">Административная панель</div>
<div class="panl"> Версия: <div class="tab_one">4.0.50 PRO</div></div>
<a href="http://escode.ru/load/4" target="blank"><div class="panl">Просмотр новых версий</div></a>
<a href="http://escode.ru" target="blank"><div class="panl2">Copyright esCode.Ru © 2016</div></a>
</div></div></div>

<a id="tblock3" href="javascript://" return="" false;"=""><div class="panls">Список переменных страницы</div></a>
<div id="tblock3s" style="display:none;">
<a id="tblock4" href="javascript://" return="" false;"=""><div class="panl1" style="margin-top:3px;"> PAGE_ID: <div class="tab_one" id="tab_rwe">$PAGE_ID$</div></div></a>
<div id="tblock4s" style="display:none;">
<div class="tab_code" id="tab_rwe"> <?if($PAGE_ID$="$PAGE_ID$")?>истина<?else?>ложь<?endif?> </div>
</div>
<a id="tblock5" href="javascript://" return="" false;"=""><div class="panl">MODULE_ID: <div class="tab_one" id="tab_rwe">$MODULE_ID$</div></div></a>
<div id="tblock5s" style="display:none;">
<div class="tab_code" id="tab_rwe"> <?if($MODULE_ID$="$MODULE_ID$")?>истина<?else?>ложь<?endif?> </div>
</div>
<a id="tblock6" href="javascript://" return="" false;"=""><div class="panl2" style="margin-bottom:3px;">URL_ID: <div class="tab_one" id="tab_rwe">$URI_ID$</div></div></a>
<div id="tblock6s" style="display:none;">
<div class="tab_code" id="tab_rwe" style="margin-top:0px;"> <?if($URL_ID$="$URI_ID$")?>истина<?else?>ложь<?endif?> </div>
</div>
</div>

<?if($PAGE_ID$="entry")?><?else?>
<a id="tblock7" href="javascript://" return="" false;"=""><div class="panls">Статистика</div></a>
<div id="tblock7s" style="display:none;">
<a href="#"><div class="panl1" style="margin-top:3px;">Материалов <div class="tab_one">$MYINF_X$</div></div></a>
<a href="#"><div class="panl">Комментариев <div class="tab_one">$MYINF_X$</div></div></a>
<a href="#"><div class="panl2" style="margin-bottom:3px;">Пользователей <div class="tab_one">$MYINF_X$</div></div></a>
</div>
<?endif?>

<?if($MODER_PANEL$)?><?if($MODULE_ID$="load" or $MODULE_ID$="dir" or $MODULE_ID$="board")?><?if($PAGE_ID$="entry")?>
<a id="tblock8" href="javascript://" return false;"><div class="panls">Управление материалом</div></a>
<div id="tblock8s"><div class="panl3" style="margin-bottom:-1px;">$MODER_PANEL_RIGHT$</div></div>
<?endif?><?endif?><?endif?>

<?if($PAGE_ID$="entry")?><?else?>
<a id="tblock9" href="javascript://" return="" false;"=""><div class="panls2">Мини-чат</div></a>
<div id="tblock9s" style="display:none;">
<a href="#" onclick="window.open('/mchat/0-1','fman','resizable=1,scrollbars=1,top=0,left=0,width=600,height=400');" target="_self"><div class="panl3" style="margin-bottom:-1px;">Управление сообщениями</div></a>
</div><?endif?>

<div id="ipanls" style=" border-top: 1px solid rgba(255, 255, 255, 0.03);"><div class="searchs">
<?if($PAGE_ID$="userslist")?>
<form method="post" style="margin:0px" name="memform" action="/index/" onsubmit="this.subm.disabled=true;">
<input type="text" class="one_text" maxlength="50" name="user" placeholder="Поиск по пользователям">
<input type="hidden" name="a" value="15" /><input type="hidden" name="s" value="1" />
</form>
<?else?>
<form action="/search/" method="get" onsubmit="this.sfSbm.disabled=true">
<input type="text" class="one_text" maxlength="50" name="q" placeholder="Поиск по сайту...">
<input type="submit" class="one_button transition-opacity" name="sfSbm" value="">
</form>
<?endif?>
</div></div>

<?if($UNREAD_PM$>'0')?>
<a id="tblock10" href="javascript://" return false;">
<div class="panls3" style="margin-bottom:3px;">Новые сообщения
<div class="s_touch3"><a href="#"><div class="tab_ls">$UNREAD_PM$</div></a>
<div class="cell_touch">

<div id="tap-container"><div id="tap-bg"></div><div id="tap">
<div class="dd_content_en">
<a href="http://escode.ru/index/14-0-0"><img src="http://escode.ru/ipanel/4/s4.png" style="opacity:1;margin:0 10px -4px 5px;">Входящие сообщения</a>
<a href="http://escode.ru/index/14-0-1"><img src="http://escode.ru/ipanel/4/s5.png" style="opacity:1;margin:0 10px -4px 5px;">Исходящие сообщения</a>
<a href="http://escode.ru/index/14-0-0-1"><img src="http://escode.ru/ipanel/4/s1.png" style="opacity:0.8;margin:0 10px -4px 5px;">Написать сообщение</a>
<a href="http://escode.ru/index/14-0-5"><img src="http://escode.ru/ipanel/4/s6.png" style="opacity:1;margin:0 10px -4px 5px;">Массовая рассылка</a>
</div>
</div></div>

</div></div></div></a>
<div id="tblock10s"<?if($UNREAD_PM$>'3')?> style="display:none;"<?endif?>><div class="Notiff"></div></div>
<?endif?>

</div></div></div>
<!-- /admin_panel_by_escode.ru_ver_4.0.50_pro -->
<?endif?>

<?if($GROUP_ID$="251" or $GROUP_ID$="3")?>
<!-- admin_panel_by_escode.ru_ver_4.0.50_pro -->

<div id="s_panel">

<div id="spanel-container"><div id="spanel-bg"></div><div id="spanel">

<a id="tblock1" href="javascript://" return false;"><div class="panls1">Основные инструменты</div></a>
<div id="tblock1s" style="display:none;">
<a href="#" onclick="window.open('/index/86','fman','resizable=1,scrollbars=1,top=0,left=0,width=800,height=400');" target="_self"><div class="panl1" style="margin-top:3px;">Управление комментариями</div></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,150,{autosize:0},{url:'/index/85'});return false;" class="fUsrList"><div class="panl">Неактивные материалы</div></a>
<a href="#" onclick="new _uWnd('SfU','Извещения об обновлениях',400,200,{align:'',closeonesc:1,min:0,max:0,maxh:300,resize:0,},{url:'/index/67'});return false;" target="_blank"><div class="panl2">Извещения об обновлениях</div></a>

<a id="tblock2" href="javascript://" return false;"><div class="panl3" style="margin-top:3px;">About</div></a>
<div id="tblock2s" style="display:none;"><div class="about">
<div class="panl1">Модераторская панель</div>
<div class="panl"> Версия: <div class="tab_one">4.0.50 PRO</div></div>
<a href="http://escode.ru" target="blank"><div class="panl2">Copyright esCode.Ru © 2016</div></a>
</div></div></div>

<?if($PAGE_ID$="entry")?><?else?>
<a id="tblock7" href="javascript://" return="" false;"=""><div class="panls">Статистика</div></a>
<div id="tblock7s" style="display:none;">
<a href="#"><div class="panl1" style="margin-top:3px;">Материалов <div class="tab_one">$MYINF_X$</div></div></a>
<a href="#"><div class="panl">Комментариев <div class="tab_one">$MYINF_X$</div></div></a>
<a href="#"><div class="panl2" style="margin-bottom:3px;">Пользователей <div class="tab_one">$MYINF_X$</div></div></a>
</div>
<?endif?>

<?if($MODER_PANEL$)?><?if($MODULE_ID$="load" or $MODULE_ID$="dir" or $MODULE_ID$="board")?><?if($PAGE_ID$="entry")?>
<a id="tblock8" href="javascript://" return false;"><div class="panls">Управление материалом</div></a>
<div id="tblock8s"><div class="panl3" style="margin-bottom:-1px;">$MODER_PANEL_RIGHT$</div></div>
<?endif?><?endif?><?endif?>

<?if($PAGE_ID$="entry")?><?else?>
<a id="tblock9" href="javascript://" return="" false;"=""><div class="panls2">Мини-чат</div></a>
<div id="tblock9s" style="display:none;">
<a href="#" onclick="window.open('/mchat/0-1','fman','resizable=1,scrollbars=1,top=0,left=0,width=600,height=400');" target="_self"><div class="panl3" style="margin-bottom:-1px;">Управление сообщениями</div></a>
</div><?endif?>

<div id="ipanls" style=" border-top: 1px solid rgba(255, 255, 255, 0.03);"><div class="searchs">
<?if($PAGE_ID$="userslist")?>
<form method="post" style="margin:0px" name="memform" action="/index/" onsubmit="this.subm.disabled=true;">
<input type="text" class="one_text" maxlength="50" name="user" placeholder="Поиск по пользователям">
<input type="hidden" name="a" value="15" /><input type="hidden" name="s" value="1" />
</form>
<?else?>
<form action="/search/" method="get" onsubmit="this.sfSbm.disabled=true">
<input type="text" class="one_text" maxlength="50" name="q" placeholder="Поиск по сайту...">
<input type="submit" class="one_button transition-opacity" name="sfSbm" value="">
</form>
<?endif?>
</div></div>

<?if($UNREAD_PM$>'0')?>
<a id="tblock10" href="javascript://" return false;"><div class="panls3" style="margin-bottom:3px;">Новые сообщения <div class="tab_ls">$UNREAD_PM$</div></div></a>
<div id="tblock10s"<?if($UNREAD_PM$>'3')?> style="display:none;"<?endif?>><div class="Notiff"></div></div>
<?endif?>

</div></div></div>
<!-- /admin_panel_by_escode.ru_ver_4.0.50_pro -->
<?endif?>

<link type="text/css" rel="StyleSheet" href="http://escode.ru/ipanel/4/release/admin_panel4_by_escode.ru.css" />
<script type="text/javascript" src="http://escode.ru/ipanel/4/release/admin_panel_by_escode.ru.js"></script>


Настройка скрипта

Информеры


Информеры используются для счета количества пользователей, комментариев и материалов.

Думаю по их настройке все понятно, она такая же как и во всех прошлых версиях. Вместо $MYINF_X$ ставим свой код информера.

Параметры информера:

Информер: [ Счетчики материалов · Материалы ] и оставляете только один счетчик для каждого информера. Например для одного $LOAD$ и для другого $COMMENTS$, всё зависит от вашего сайта!

Редактор CSS


Наведя на кнопку "Предложения", Вы можете увидеть кнопку "Редактор CSS". По умолчанию она открывает стандартную страницу редактирования CSS. Т.е Tmpls - Общие шаблоны - Таблица стилей (CSS). Если Ваша таблица стилей находится там, то нет проблем, но если же они импортированы в FTP, придется немного поработать...

- Идем в FTP
- Ищем ваши стили CSS
- Нажимаем на кнопку "Изменить содержимое материала"
- В открывшемся окне тапаем правой кнопкой мыши на верхний бар и жмем "Скопировать ссылку"
- Ищем в коде админ-панели строку:

Код
<a href="#" onclick="window.open('/tmpls/?a=tmpl;m=3;t=3');" target="_self"><img src="http://escode.ru/ipanel/4/s3.png" style="opacity:0.7;margin:0 10px -4px 5px;">Редактор CSS</a>


И заменяем /tmpls/?a=tmpl;m=3;t=3 на скопированную ссылку. Вот и все!

Установка завершена!

Рекомендуем

Эта версия панели является рекомендуемой к обновлению. В новых версиях намного стабильнее код и удобнее функционал.

Список старых версий:

Новая админ панель by uWay
Новая админ панель (Ver.2 + Ver.2.1) by uWay
Новая админ панель Ver.2.2.3 by uWay
Новая админ панель Ver.2.3.3 by uWay
Upd 01.03 Новая админ панель Ver.2.4.10 + Ver.2.4.10 Gold by uWay
Новая админ панель Ver.3.0.11 by esCode.Ru
Новая панель администратора Ver. 3.2 by esCode.Ru

Предлагайте Ваши идеи по развитию скрипта и жду всех в комментариях!

Версия Lite будет выпущена чуточку позже.
К материалу оставили 2 комментария
Graff
Евгений Граф @Graff
31
05.11.2016 в 02:53 - Суббота
То чувство, когда пол года не заходил сюда, а тут уже ШЕДЕВР, а не скрипт 2 18
-D-I-N-I-S-
Динис Хакимов @-D-I-N-I-S-
2
06.11.2016 в 14:23 - Воскресенье
Graff, спасибо, приятно очень)) 18 .