UserScript для панели управления uCoz

Итак, меня недавно посетила идея сделать UserStyle для админки uCoz. Но потом я понял, что мне еще нужны некоторые дополнительные функции, и один юзерстайлом я не обойдусь. В итоге я сделал UserScript.
Что мне не нравилось в панели управления? То, что на главной странице вечно показываются описания функций, которые я полностью выучил. Мне надоел этот счетчик, который вечно движется. Но ведь в админ-баре есть почти такая же возможность, которая отображает дисковое пространство...
Итак, ДО создания UserScript:

Вот я выделил то, что хотел изменить:

И после всего этого получилось так:

Если кому нибудь-понадобится этот скрипт, и если появится обновление, то появится такое окошко:

UserScript тестировался только под оперой 10

Установка

Качаем этот архив.

Создаем папку (я, например, создал ее в папке с самим браузером) с любым названием и распаковываем все содержимое скрипта.

Теперь заходим в свой браузер Opera (Я тестировал на опере 10.10). Далее выбираем Инструменты → Настройки.
Переходим на вкладку «Дополнительное». В пункте "Содержимое" проверяем галочку у "Включить Javascript" и нажимаем на "Настроить Javascript". А потом в самом низу выбираем папку, созданные на 1 этапе. Потом все это сохраняем

Уже можно посмотреть на свою панель управления.
И последний этап — настройки.
Открываем для редактирования файл ucoz.js и смотрим на скрипт.

Code

// Настройки
var site = true; // Редактор страниц
var board = true; // Доска объявлений
var blog = true; // Блог
var shop = true; // Магазин
var news = true; // Новости сайта
var forum = true; // Форум
var publ = true; // Каталог статей
var load = true; // Каталог файлов
var dir = true; // Каталог сайтов
var photo = true; // Фотоальбомы
var stuff = true; // Онлайн игры
var gb = true; // Гостевая книга
var faq = true; // FAQ
var tests = true; // Тесты
var mchat = true; // Мини-чат
var mail = true; // Почтовые формы
var poll = true; // Опросы
// -------------------------- //

Здесь выбираются все модули, которые вы используете.
true — активен.
false — не активен.
Зачем это нужно?
— По ссылке "Редактирование дизайна" будет показываться аякс окошко, по которому находятся ссылки на редактирование шаблонов.

Code

var version = "0.01"; // Версия скрипта Если не хотите получать уведомления о новых версиях, установите значение, например, на 99.99

Тут уже даже и комментарий дан. Если появится новая версия, то будет всплывать окошко о новых версиях. Таким способом вы сможете его убрать.

Code

var reklama = true; // false - Показывать рекламу. true — Не отображать.

Да простят меня все

Ну вы поняли, зачем это нужно.

После этого я понял, что не так сделал скрипт. И поэтому исправляем мой скрипт

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

Code

// @include http://*/admin/*
// @include http://*/panel/*

Если, например, вы хотите использовать у себя на сайте pupkin.ucoz.ru , то замените на:

Code

// @include http://pupkin.ucoz.ru/admin/*
// @include http://pupkin.ucoz.ru/panel/*

А если еще и есть прикрепленный домен, то изменяем как на примере:

Code

// @include http://pupkin.ucoz.ru/admin/*
// @include http://pupkin.ucoz.ru/panel/*
// @include http://pupkin.ru/admin/*
// @include http://pupkin.ru/panel/*

Вроде всё. Если появятся вопросы или идеи для того, что бы еще добавить — задавайте и предлагайте в комментариях.

UPD: Вышла 0.02 версия.

У нашего юзерскрипта теперь название — uStyler.
Ко мне теперь присоеденился Никита Шехов
Список исправленного и дополненного.

Изменение	Описание
	Исправлена ошибка из редактированием шаблонов, когда скрывалась реклама.
	Отображение подсказок задается в скрипте
	Убрана ссылка "Показать подсказки", так как появился такой параметр.
	Если реклама выключена, то показывается блок из новостями и информацией. Информация будет обновляться, например, при обновлениях системы. Теперь вам не нужно ходить на ФТП и смотреть информацию о обновлениях.
	Немного мелких обновлений. ^Пример

Скачать!

Если вы просто обновляетесь, то можете только заменять файл самого скрипта, JQuery мы не редактировали. Файлы версии 0.01 и 0.02 под разными названиями, поэтому удалите или переместите в другое место скрипт версии 0.01.
Когда вы поставите его, то поставьте true OR false у используемых/неиспользуемых модулей.
Если хотите, что-то видеть в версии 3.0, то пишите предложения в комментарии. Также ждем отзывов — они нам важны.

Минификс

Здравствуйте! Тут у меня появилось много дел, поэтому я немного отложу разработку этого юзерскрипта. Скоро Вы увидите что-то невероятное

Кстати, о чем тут я. В комментариях сказали, что есть ошибка из логом: если стоит мой юзерскрипт, то лог вообще не отображается. Я быстренько это исправил.

Скачать версию 0.02.01!

И да, файлик jquery оставить в покое — я его не трогал, поэтому он не попал в этот скрипт.

Опубликовано 27.12.2009 в 10:04 | 78 | 1013

Комментарии:

Молодец. Нравится. А сможешь такое для ff сделать, если не трудно. Буду благодарен. Вроде на ff можно подключать скрипты через Greasemonkey, хотя мне кажется я ошибаюсь.

Молодец! А ты не знаешь, как делать в хроме??? (Если это вообще возможно)

Возможно.

Может быть и возможно. Просто я тестировал в одной опере, в других — не пробовал.

Честно говоря, я не понял смысла. Это мы делаем в браузере или на самом uCoz? Если мы это делаем в браузере, то при переходе в какой-нибудь раздел все равно будет как злой и страшный uCoz приказал. О_о Объясни плз для тех кто в танке (да, я такая)..

Не понял вопроса.
Суть работы такая: Ты делаешь запрос к странице, получаешь содержимое. Через UserScript меняется содержимое у тебя. Ну а потом же выводится результат
http://vadimklimenko.com/Screenshot/iluedcnn.jpg

Это я понял. Это вроде как "Сайт на компьютере"? Например если ты на рабочем столе кликаешь на ярлык сайта, то открывается это. Или ты это все в файловый менеджер загружаешь и изменения в сайте?

Кстати, в Opera можно вроде-бы настраивать пользовательский JS. Инструменты -> Настройка -> Содержимое -> кнопка "Настроить JavaScript". Хотя я не уверен.

Вашу маму.
Когда ты заходишь на сайт то в кеш скачивается его содержимое, строится DOM. Как только готова dom-модель — выполняются userJS (Что встроенный в оперу, что Greasemonkey в ff) на выходе почти мгновенно ты получаешь тот же сайт но уже с выполненными скриптами.

Понял

Almlex можешь написать как через Greasmonkey в ff сделать? Если не трудно.

Класс, поставил себе, только рекламу не скрывет(
И кстати классно что за это не забанят изменения только у тебя на компьютере

В скрипте замени

Code

var reklama = true; // false - Показывать рекламу. true — Не отображать.

На

Code

var reklama = true;

Я немного ошибся и там

"На"
Я не одобряю этот ход. Заблокировать можно и самому, но давать эту возможность другим, не очень хорошо. uCoz дает бесплатно тебе пользоваться этим блогом, но ты вот так благодарен. Думаю, тебе должно бить стыдно.

Не в этом дело. Мне не нравится, когда на голубом фоне находится белый фрейм. Если бы было все красиво, то я бы и не убирал эту рекламу. Если бы я захотел, я бы сразу и без вопросом всем скрыл. Но я этого не хочу, поэтому и возможность такая дается. Тем более по-умолчанию она отображается.
И вместо нее показывается блок, который, на мое мнение, полезней этой рекламы.

Да я уже понял, отключил! И еще отдельный респект за скрипт! Может еще под себя настрою, надеюсь это не запрещено? xD

Да. Можешь даже где хочешь, об этом писать. Главное — копирайты оставляй

Ага, договорились!

Моя версия скрипта:
+ Ещё один пункт — редактированием шаблонов пользователей
+ Отображение подсказок задается в скрипте:
var podskazki = false; // true - Показывать подсказки. false — Не отображать.
+- Исправлены баг с редактируемым кодом
http://shehov.name/newage/made/userscripts/ucoz-admin/ucoz.js

Исправь баг с кодировкой. utf ...

Можно поподробней?

Это что:
а аЕаДаАаКб�аОб� б�б�б�аАаНаИб�

Лучше скриншот. Я не понимаю, где это может быть.

Измени в своём редакторе кодировку с ANSI на UTF-8

И сохрани.

Мне кажется тебе лучше сменить с ANSI на UTF-8. У меня всё в порядке — стоить UTF-8.

Тогда отредактируй файл в файловом менеджере. Там значок такой есть

Отредактировал. Что-то изменилось?

Угу, кодировка теперь правильная.

Странно, вообще ничего не делал

надо будет попробовать - хорошо задумано.

Переделал под себя, в ff сделать до конца, увы, не получилось.

Получилось на ff. Время будет напишу как сделать.

Сделайте пожалуйста кнопочку включения и отключения скрипта. А так-же можно встроить этот скрипт в uToolbar.

uToolbar был специально разработан, чтобы не заходить в админ-панель, значит нет смысла туда скрипт встраивать. Кнопочка включения и отключения, полагаю многие согласятся, не нужна — либо пользуешься, либо нет.

НАЙС!

Норм штука, но для FF хотелось бы увидеть версию

Вадим, отредактировать шаблоны никак. Точнее пустое место. Проверь пожалуйста.

А я потом адаптирую под ff и хром.

Визуальный или редактор с подсветнкой синтаксиса?

С подсветкой.

Да, уже исправлено. В 0.02 все будет

Можно файлик? Я пока ещё поищу баги.

Маленький недочет или ошибка. Кому как интересно =)

Спасибо, исправлю ;)

зачет. мне нравится идея

Убирание рекламы таким способом не тру
Я за здоровый образ интернета

Можешь предложить иной способ?

Ну по умолчанию она же отображается. Дается выбор

Сегодня попробую адаптировать под обезьяну(в лисе),посмотрим...

Просто в recuiу пропишу путь к библиотеке. и дополни шапку. и названием должно заканчиваться на user.js

А так у меня уже адаптировано. Там дисковое пространство не скрывается. А я в jq не силён. Практически - 0 . Но уже учу. Ещё в хром можно...

У меня есть вопрос: возможно ли как-то использовать полностью свой собственный стиль админки (я имею ввиду именно подключение своего CSS и замену favicon.ico который установлен на сайте)?

Ах да... Еще бы на главной админки оставить бы сколько использовано места и общее кол-во тоже =)

Да, возможно.

Quote

Еще бы на главной админки оставить бы сколько использовано места и общее кол-во тоже =)

Но лично мне не нужны два счетчика на одной странице, один из которых не несет толка.

Всмысле (думаю, что возможно неправильно обьяснил) favicon меня укозовский в админке немного смущает, да и стандарты дизайна админки тоже как-то надоели. Хотел бы, чтобы по желанию можно было бы менять на свои дизайны и faviconы

Если хочешь, чтобы осталось сообщение о том, сколько места использовано, то в коде есть комментарии на этот счет. Пролистай листинг до конца.
На счет дизайна: меняй http://s34.ucoz.net/src/layer1.css и http://s34.ucoz.net/src/panel1.css. В скрипте напиши $("link[type='text/css']:first").attr("href","ссылка на первый файл");$("link[type='text/css']:second").attr("href","ссылка на второй файл");

Как-то мало функций... Идея - 5. Реализация - 3. Новые версии думаю будут получше.

Вопрос таков: что не хватает?

в опере 1.50 работает супер, только к новостям было бы неплохо target="_blank"

Сделано.

Реализация хромает, очень. Зачем пихать jQuery на все сайты открываемые в браузере? Куча глобальных переменных, ОЧЕНЬ много лишнего кода, необходимость редактирования файла вручную.
>>Если хотите, что-то видеть в версии 3.0
Во-первых избавьтесь от jQuery. Настройки можно хранить на клиенте, в кукисах или localstorage. Скрипт должен сам определять используемые модули автоматически. Не делайте лишние глобальные переменные. Объём кода можно уменьшить в несколько раз.

Не знаю, как Вадим, а я функции скриптов только учу. И честно-честно не знаю, зачем Вадим в архив добавил jQuery. Она уже грузится в админке.

У меня стандартная юкозовская с этим юзерскриптом не идет. На хабре видел статью, как дождаться загрузки страницы, а потом выполнять юзерскрипт.$(document).ready(function(){…}); не идет.

Сраненько.

Здесь не только файл лишний, но и само использование фреймворка лишнее. Заменяется парой строк обычного кода, экономия — 50+кб

Вопрос: Как заменить?

Он говорит про поиск ида через javascript и т.д.

Opera 10.10 - Проделал все как описано... не работает...
(перепроверил все 3 раза)

Сорри.. после написания первого коммента, заработал.. Магия ИМХО )))

Спасибо за полезные и интересные посты

я вот просидел час и ниче не вышло незнаю где ошибку допускаю ничево не изменяеца хоть делаю как написано если можете подскажить мой сайт покоцано

Вообще-то прочтите его предназначение...

Отлично, спасибо

Нашел один большой баг... как только устанавливаешь панель, пропадают чат (не сам чат, а только окно с письмами, форма добавления остается), и этот... Что то типа Визуально редактора, только когда заходишь в Управление дизайном.

Вроде бы и это исправил

Это... по поводу юзерскрипта... Лог действий теперь не показывается(((

Исправлено. Смотри новую версию.

Хм... чет у меня не работает... хотя старый uStyler удалил вроде как... unknown

Добавить комментарий: [Вход, регистрация]