Новая панель администратора Ver 5.0.63 by esCode.Ru
Добавлено 16.02.2017 в 20:05
Новая панель администратора Ver 5.0.63 by esCode.Ru
Свежак! Обновлённая админ-панель для Вашего проекта на uCoz. И её релизный номер 5.0.63. В панели очень много обновлений. Переработан и оптимизирован весь код отвечающий за работу панели и устранены выявленные баги.

Также в этой версии в лучшую сторону поработали над общим восприятием панели и сделали работу с панелью еще удобней

Как сообщалось в центре уведомлений,

Цитата
Идёт предрелизное тестирование админ-панели под номером 5.0.54.


панель должна была выйти именно под этим номером, но в ходе тестов были обнаружены недочеты и релиз был вынужденно перенесен на неопределённую дату.

Панель как всегда подготовлен для АДМИНИСТРАТОРОВ и МОДЕРАТОРОВ

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

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

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

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



Нововведения в этой версии:

- Аккордеон меню
- Обновлённый S-Touch
- Новый вид About
- Новый вид непрочитанных личных сообщений
- Новый вид поиска
- Новый вид Бара кнопок
- Новый пак иконок
- Увеличено время анимации
- Сокращение и оптимизация CSS
- Стилизация счетчиков
- Вывод последней актуальной версии панели во вкладке "Дополнительно"
- **Новая панель управления материалом. Заменена стоковая панель на отдельные кнопки ( Только Каталог Файлов )
- Управление мини-чатом теперь доступна на всех страницах
- Скрыт показ управления чатом при неактивности данного модуля
- Правка в GET запросов Личных сообщений
- ***Установка условий "Личных сообщений" и "Основных инструментов"
- Добавлена кнопка "Добавить страницу"
- S-Touch для модераторов

** - В следующих версиях панели появятся кнопки управления материалом и для других модулей
*** - В режиме "0 непрочитанных ЛС" в панели открыта вкладка "Основные инструменты". В режиме "от 1 до 3 непрочитанных ЛС" в панели закрыта вкладка "Основные инструменты". В режиме "4 и более непрочитанных ЛС" в панели открыта вкладка "Основные инструменты".

Перейдём к установке:

В 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_5 -->
<div id="s_panel">
<div class="bar-panls">
<a href="/panel" target="_blank"><img title="Панель управления" class="buttonA" src="http://escode.ru/ipanel/5/release/r1.png" width="20px"></a>

<div class="s_touch2">
<img title="Предложения" class="buttonA" src="http://escode.ru/ipanel/5/release/r2.png" width="20px">
<div class="cell_touch">
<div id="tap-container"><div id="tap-bg"></div><div id="tap">
<div class="dd_content_ens">
<a href="/index/31" target="_blank"><img src="http://escode.ru/ipanel/5/release/s7.png" style="opacity:0.6;margin:0 10px -4px 5px;">Добавить страницу</a>
<a href="/load/0-0-0-0-1" target="_blank"><img src="http://escode.ru/ipanel/5/release/s8.png" style="opacity:0.6;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/5/release/r3.png" width="20px"></a>
<div class="s_touch">
<img title="Управление дизайном" class="buttonA" src="http://escode.ru/ipanel/5/release/r4.png" width="20px">
<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/5/release/s2.png" style="opacity:0.7;margin:0 10px -4px 5px;">Управление дизайном</a>
<a href="#" onclick="window.open('/tmpls/a=tmpl;m=3;t=3','fman','resizable=1,scrollbars=1,top=0,left=0,width=800,height=400');" target="_self"><img src="http://escode.ru/ipanel/5/release/s3.png" style="opacity:0.7;margin:0 10px -4px 5px;">Редактор CSS</a>
</div></div></div></div></div>
</div>

<div id="accordian">
<ul>

<?if($UNREAD_PM$='0' or $UNREAD_PM$>'3')?><li class="active"><?else?><li><?endif?>
<h3>Основные инструменты</h3>
<ul>
<a href="#" onclick="window.open('/index/86','fman','resizable=1,scrollbars=1,top=0,left=0,width=800,height=400');" target="_self"><li class="onea">Управление комментариями</li></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,150,{autosize:0},{url:'/index/85'});return false;" class="fUsrList"><li class="onec">Неактивные материалы</li></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"><li class="onec">Извещения об обновлениях</li></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"><li class="onec">Блокировка IP адресов</li></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"><li class="onec">Блокировка WWW адресов</li></a>
<?if($UNREAD_PM$="0")?><a href="/index/14-0-5" target="_blank"><li class="onec">Массовая рассылка ЛС</li></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"><li class="oneb">Удаление записей пользователя</li></a>
</ul>
</li>

<li>
<h3>Список переменных страницы</h3>
<ul>
<a id="tblock1" href="javascript://"><li class="onea">PAGE_ID: <div class="tab_one" id="tab_rwe">$PAGE_ID$</div></li></a>
<div id="tblock1s" style="display:none;">
<div class="tab_code" id="tab_rwe"> <?if($PAGE_ID$="$PAGE_ID$")?>истина<?else?>ложь<?endif?></div>
</div>
<a id="tblock2" href="javascript://"><li class="onec">MODULE_ID:<div class="tab_one" id="tab_rwe">$MODULE_ID$</div></li></a>
<div id="tblock2s" style="display:none;">
<div class="tab_code" id="tab_rwe"> <?if($MODULE_ID$="$MODULE_ID$")?>истина<?else?>ложь<?endif?></div>
</div>
<a id="tblock3" href="javascript://"><li class="oneb">URI_ID: <div class="tab_one" id="tab_rwe">$URI_ID$</div></li></a>
<div id="tblock3s" style="display:none;">
<div class="tab_code" id="tab_rwe"> <?if($URI_ID$="$URI_ID$")?>истина<?else?>ложь<?endif?></div>
</div>
</ul>
</li>

<li>
<h3>Статистика</h3>
<ul>
<a href="#"><li class="onea">Материалов <div class="tab_one">$MYINF_X$</div></li></a>
<a href="#"><li class="onec">Комментариев <div class="tab_one">$MYINF_X$</div></li></a>
<a href="#"><li class="oneb">Пользователей <div class="tab_one">$MYINF_X$</div></li></a>
</ul>
</li>

<?if($CHAT_BOX$)?><li>
<h3>Мини-чат</h3>
<ul>
<a href="#" onclick="window.open('/mchat/0-1','fman','resizable=1,scrollbars=1,top=0,left=0,width=600,height=400');" target="_self"><li class="oned">Управление сообщениями</li></a>
</ul>
</li><?endif?>

<?if($MODULE_ID$="load")?><?if($MODER_PANEL$)?><?if($PAGE_ID$="entry")?><li class="active">
<h3>Управление материалом</h3>
<ul>
<?if($NOT_ACTIVE$)?><a href="javascript://" rel="nofollow" onclick="_entrRem('aib$ID$','/index/91-5-$ID$','http://s19.ucoz.net','Вы действительно хотите активировать данный материал?');return false;"><li class="oned" style="margin-bottom:3px;">Активировать материал</li></a>
<?endif?>
<a href="/load/0-0-0-$ID$-13"><li class="onea">Редактировать материал</li></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TgEd',' ',-450,-100,{autosize:1,closeonesc:1,resize:0},{url:'/index/52-3-$ID$'});return false;"><li class="onec">Теги материала</li></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('cntEd',' ',-280,-100,{autosize:1,closeonesc:1,resize:0},{url:'/index/87-3-$ID$'});return false;"><li class="oneb">Управление счетчиками</li></a>
</ul>
</li><?endif?><?endif?><?endif?>

<li>
<h3>Дополнительно</h3>
<ul>
<li class="qabout">
Административная панель
<br>Copyright esCode.Ru © 2017 г.
<br>Ваша версия <u>Ver.5.0.63</u>
<br><script type="text/javascript" src="http://escode.ru/informer/23"></script>
</li>
</ul>
</li>

<?if($UNREAD_PM$>'0')?><?if($UNREAD_PM$='1' or $UNREAD_PM$='2' or $UNREAD_PM$='3')?><li class="active"><?else?><li><?endif?>
<h3>Новые сообщения<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/5/release/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/5/release/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/5/release/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/5/release/s6.png" style="opacity:1;margin:0 10px -4px 5px;">Массовая рассылка</a>
</div></div></div></div></div></h3>
<ul>
<div class="msgss"></div>
</ul>
</li><?endif?>

</ul>
</div>

<div class="searchs">
<?if($PAGE_ID$="userslist" or $PAGE_ID$="userdetails")?>
<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>
<link type="text/css" rel="StyleSheet" href="http://escode.ru/ipanel/5/release/admin_panel_5_by_escode.ru.css" />
<script type="text/javascript" src="http://escode.ru/ipanel/5/release/admin_panel_5_by_escode.ru.js"></script>
<!-- /admin_panel_by_escode.ru_ver_5 -->
<?endif?>

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

<div id="s_panel">
<div id="accordian">
<ul>

<?if($UNREAD_PM$='0' or $UNREAD_PM$>'3')?><li class="active"><?else?><li><?endif?>
<h4>Основные инструменты</h4>
<ul>
<a href="#" onclick="window.open('/index/86','fman','resizable=1,scrollbars=1,top=0,left=0,width=800,height=400');" target="_self"><li class="onea">Управление комментариями</li></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',350,150,{autosize:0},{url:'/index/85'});return false;" class="fUsrList"><li class="onec">Неактивные материалы</li></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"><li class="oneb">Извещения об обновлениях</li></a>
<?if($UNREAD_PM$="0")?><a href="/index/14-0-5" target="_blank"><li class="onec">Массовая рассылка ЛС</li></a><?endif?>
</ul>
</li>

<li>
<h3>Статистика</h3>
<ul>
<a href="#"><li class="onea">Материалов <div class="tab_one">$MYINF_X$</div></li></a>
<a href="#"><li class="onec">Комментариев <div class="tab_one">$MYINF_X$</div></li></a>
<a href="#"><li class="oneb">Пользователей <div class="tab_one">$MYINF_X$</div></li></a>
</ul>
</li>

<?if($CHAT_BOX$)?><li>
<h3>Мини-чат</h3>
<ul>
<a href="#" onclick="window.open('/mchat/0-1','fman','resizable=1,scrollbars=1,top=0,left=0,width=600,height=400');" target="_self"><li class="oned">Управление сообщениями</li></a>
</ul>
</li><?endif?>

<?if($MODULE_ID$="load")?><?if($MODER_PANEL$)?><?if($PAGE_ID$="entry")?><li class="active">
<h3>Управление материалом</h3>
<ul>
<?if($NOT_ACTIVE$)?><a href="javascript://" rel="nofollow" onclick="_entrRem('aib$ID$','/index/91-5-$ID$','http://s19.ucoz.net','Вы действительно хотите активировать данный материал?');return false;"><li class="oned" style="margin-bottom:3px;">Активировать материал</li></a>
<?endif?>
<a href="/load/0-0-0-$ID$-13"><li class="onea">Редактировать материал</li></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('TgEd',' ',-450,-100,{autosize:1,closeonesc:1,resize:0},{url:'/index/52-3-$ID$'});return false;"><li class="onec">Теги материала</li></a>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('cntEd',' ',-280,-100,{autosize:1,closeonesc:1,resize:0},{url:'/index/87-3-$ID$'});return false;"><li class="oneb">Управление счетчиками</li></a>
</ul>
</li><?endif?><?endif?><?endif?>

<li>
<h3>Дополнительно</h3>
<ul>
<li class="qabout">
Модераторская панель
<br>Copyright esCode.Ru © 2017 г.
<br>Ваша версия <u>Ver.5.0.63</u>
<br><script type="text/javascript" src="http://escode.ru/informer/23"></script>
</li>
</ul>
</li>

<?if($UNREAD_PM$>'0')?><?if($UNREAD_PM$='1' or $UNREAD_PM$='2' or $UNREAD_PM$='3')?><li class="active"><?else?><li><?endif?>
<h3>Новые сообщения<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/5/release/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/5/release/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/5/release/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/5/release/s6.png" style="opacity:1;margin:0 10px -4px 5px;">Массовая рассылка</a>
</div></div></div></div></div></h3>
<ul>
<div class="msgss"></div>
</ul>
</li><?endif?>

</ul>
</div>

<div class="searchs">
<?if($PAGE_ID$="userslist" or $PAGE_ID$="userdetails")?>
<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>
<link type="text/css" rel="StyleSheet" href="http://escode.ru/ipanel/5/release/admin_panel_5_by_escode.ru.css" />
<script type="text/javascript" src="http://escode.ru/ipanel/5/release/admin_panel_5_by_escode.ru.js"></script>
<!-- /admin_panel_by_escode.ru_ver_5 -->

<?endif?>


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

Информеры


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

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

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

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

Редактор CSS


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

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

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


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

Сервер


В коде находим строку с сервером http://s19.ucoz.net и заменяем номер сервера 19 на Ваш. Узнать его можно в исходном коде Вашего сайта или в панели управления сайтом.

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

Рекомендуем

Эта версия панели является рекомендуемой к обновлению. В отличие от панели Ver.4.0.50 PRO, в этой панели сильно упрощен код и поэтому он будет одинаково хорошо работать и на мощном железе и на более слабом.

Список старых версий обязательные к обновлению:

Новая админ панель 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

Четвертое поколение панелей еще можно использовать в качестве основного инструмента управления сайтом, т.к она по функционалу не сильно уступает версии 5.0.63.

Предлагайте Ваши идеи по развитию скрипта и жду всех в комментариях!
К материалу оставили 3 комментария
Snoopak
Anatoliy Kolesnik @Snoopak
26
17.02.2017 в 20:54 - Пятница
Демо бы)
-D-I-N-I-S-
Динис Хакимов @-D-I-N-I-S-
2
17.02.2017 в 20:54 - Пятница
Snoopak, будет) 18
-D-I-N-I-S-
Динис Хакимов @-D-I-N-I-S-
2
18.02.2017 в 16:01 - Суббота
Добавил демо 18