Pull to refresh

Виджет выбора OpenID провайдера на Prototype

Reading time1 min
Views1.4K
Когда-то я уже писал, как интегрировать OpenID авторизацию в ваш сайт. Речь шла о серверной части.
Сейчас же я говорю о UI части — виджет для выбора провайдера.

В качестве клиентской библиотеки для своего проекта я выбрал prototype и первым делом я полез в гугл поискать готовое решение. Удалось найти такое, но только для JQuery — code.google.com/p/openid-selector

И так мне ничего не оставалось как написать OpenID selector самому. Вот что получилось

image

Исходники можно взять тут code.google.com/p/openid-for-prototype

Внешний вид виджета полностью настраивается с помощью css.

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

var OpenIDProviders = {

openid: {
name: 'OpenID',
label: 'Введите Ваш OpenID.',
url: 'http://'
},
yandex: {
name: 'Yandex',
url: 'http://yandex.ru'
},
google: {
name: 'Google',
url: 'https://www.google.com/accounts/o8/id'
},


Ненужные нужно просто удалить, нужны добавить по примеру.

В проекте в гуглокоде есть пример подключения, это всего одна строчка кода.

В общем, все кто хочет сделать свой стартап гостеприимным могут использовать, а так же модифицировать, этот скрипт для своих нужд.
Tags:
Hubs:
+24
Comments33

Articles