Настройка кнопок входа в метеор

Я создаю страницу входа в метеор. Он имеет кнопку входа в Facebook, кнопку входа в Gmail и кнопку входа в LinkedIn. Затем у меня есть форма входа в Meteor по умолчанию.

Пока все в порядке. Единственная проблема заключается в том, что мне нужно поместить все эти кнопки входа в социальные сети под форму входа моего Meteor по умолчанию. Как бы я это сделал?

Спасибо и привет.


person Community    schedule 03.02.2015    source источник


Ответы (1)


Вы можете пропустить использование пакета accounts-ui и создать страницу входа в систему так, как вы хотите, с вашим дизайном пользовательского интерфейса.

Вы можете использовать кнопки в любой позиции с помощью HTML и CSS. Но событие onclick этих кнопок просто вызывает loginWith<Service> методы (ссылка на документ)

Для входа с помощью кнопки facebook используйте

Template.myLogin.events({
   'click .facebook-login': function(){
      Meteor.loginWithFacebook(
         requestPermissions: ['email', 'user_about_me']
         }, function(err){
             if !err 
              console.log("Facebook login successful")
          }
      )
    }, 
    "click .twitter-login": function(){
       Meteor.loginWithTwitter(
         requestPermissions: ['email']
         }, function(err){
             if !err 
              console.log("Twitter login successful")
          }
       )
   }
})

Для работы вышеуказанного вам необходимо добавить первые пакеты соответствующих сервисов, например, для facebook accounts-facebook, для twiter accounts-twitter

person ajduke    schedule 03.02.2015
comment
Есть ли другой способ отредактировать код пакета и оставить кнопки в конце? - person ; 03.02.2015
comment
Редактировать пакет не очень хорошая идея, но вы можете переопределить CSS и взломать что-то, чтобы это сделать, но я бы рекомендовал вместо этого сделать вышеописанный способ. - person ajduke; 03.02.2015
comment
Сделал вышеописанным способом, очень помогло - person ; 05.02.2015