У меня не работает. Как минимум, ругается на $, хотя я не выбирал использование jQuery. Если это обязательно, то это нужно описать
Теперь можно размещать форму наград на сайтах
Здравствуйте. VIZ - это уникальный блокчейн, где можно награждать любой аккаунт за что угодно, а можно и просто так это делать (это не полезно для сети). Но не было возможности разместить на сайтах форму, при помощи которой можно было бы делать награды автору сайта/страницы. Теперь она появилась.
В чатах я уже писал много раз о моём проекте awards-generator (https://liveblogs.space/awards, Github: https://github.com/denis-skripnik/awards-generator), но не анонсировал его в блоге, т.к. ещё разрабатывается. Но поскольку конструктор форм - это важный этап для развития Viz, публикую о нём пост.
Преимущества моего конструктора:
- Локальность: авторизация и награда производится локально: в браузере посетителя сайта (ничего не передаётся);
- Защищённость: постинг ключ сохраняется в зашифрованном виде;
- Автономность: форма не обращается к внешним сервисам/файлам, типа https://liveblogs.space/awards, а выполняет все действия прямо на странице благодаря скрипту builder.js.
- Гибкость: возможность настройки отображения данных под себя: можно менять местами поля, перетаскивая их; Можно настраивать вариант отображения или вовсе не отображать какие-то поля. Можно заполнять или не заполнять значение по умолчанию. Можно активировать или не активировать функционал бенефициарских отчислений приложению и награждаемому.
Начинаем работать с конструктором:
- Заходим на https://liveblogs.space/awards/builder.html или скачиваем архив с репозитория Github, переходим в папку ru и открываем одноимённый файл.
- Думаем, какой бы хотели видеть форму и настраиваем её в соответствии с желанием. Покажу свой пример:
Выбираю процент энергии, поле в виде ползунка, отмечаю вывод предупреждения, если процент выше 20% и текст оставляю стандартным, значение поля энергии, которое будет по умолчанию - 2%. Заметка - https://denis-skripnik.name, активирую "Бенефициарские отчисления приложению" с логином denis-skripnik и устанавливаю в поле процента 5. Нажимаю "Получить код".
Для работы формы пока необходим Jquery.
После этого скачиваю 2 скрипта: sjcl.min.js (Шифрование и расшифровка постинг ключа) и builder.js (файл формы).
Также, если нет viz.min.js, добавляется он в head секции.
Результат:
В первом многострочном поле выводится пример ввода переменной получателя. Она необходима, чтоб форма знала, кому отправлять награду. В значении переменной вы можете передавать логин VIZ из базы данных сайта или получать логин в Viz автора страницы из адресной строки.
У меня пример таков (Значение - пустая строка, т.к. я не указывал логин по умолчанию): var target_user = ""
.
А вот код самой формы:
<div id="awards_send_form">
<form id="send_awards_form"><input id="target" >
Процент энергии:<br>
<div id="slider_energy"></div><br>
<input id="energy_slider_value" ><br>
<input id="send_energy" >
Номер Custom операции<br><input ><br>
Заметка (memo)<br><input ><br>
Параметры бенефициарских отчислений<br><input id="beneficiaries" >
<input >
</form>
</div>
<link href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
$("#slider_energy").slider({value:2,min:0,max:101,step:1,slide:function(e,i){$("#energy_slider_value").val($(this).slider("value")+"%");$("#send_energy").val($(this).slider("value"));},stop:function(e,i){20<$(this).slider("value")&&alert('Вы выбрали > 20% энергии. Вам будет доступно мало наград')}});
<div id="main_award_info"></div>
Скриншот страницы конструктора:
Планы:
- Сделать возможность скрытия выбора процента энергии;
- Сделать возможность изменения текста кнопки "отправить" на иное.
- Дать возможность указывать других бенефициаров. Это будет полезно, если создатель формы хочет передавать часть награды ещё редакторам, инвесторам и т.п.
По поводу первых двух пунктов - точно реализую, а вот на счёт третьего сомневаюсь: нужно ли.
Всё.
Благодарю всех за внимание. Где-то через недельку будет релиз.