app.js 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. if (Meteor.isClient) {
  2. Template.register.events({
  3. "submit form": function(e){
  4. e.preventDefault();
  5. var username = e.target.registerUsername.value;
  6. var email = e.target.registerEmail.value;
  7. var password = e.target.registerPassword.value;
  8. Accounts.createUser({
  9. username: username,
  10. email: email,
  11. password: password
  12. });
  13. },
  14. "click #facebook-login": function(){
  15. Meteor.loginWithFacebook()
  16. },
  17. "click #github-login": function(){
  18. Meteor.loginWithGithub()
  19. },
  20. "click #login": function(){
  21. $("#register-view").hide();
  22. $("#login-view").show();
  23. }
  24. });
  25. Template.login.events({
  26. "submit form": function(e){
  27. e.preventDefault();
  28. var username = e.target.loginUsername.value;
  29. var password = e.target.loginPassword.value;
  30. Meteor.loginWithPassword(username, password);
  31. Accounts.onLoginFailure(function(){
  32. $("input").css("background-color","indianred").addClass("animated shake");
  33. $("input").on("click",function(){
  34. $("input").css({
  35. "background-color": "transparent",
  36. "width": "250px"
  37. });
  38. })
  39. });
  40. },
  41. "click #facebook-login": function(){
  42. Meteor.loginWithFacebook()
  43. },
  44. "click #github-login": function(){
  45. Meteor.loginWithGithub()
  46. },
  47. "click #register": function(){
  48. $("#login-view").hide();
  49. $("#register-view").show();
  50. }
  51. });
  52. Template.dashboard.events({
  53. "click .logout": function(e){
  54. e.preventDefault();
  55. Meteor.logout();
  56. },
  57. "click .station": function() {
  58. $(".station").css({
  59. "width": "250px",
  60. "height": "250px",
  61. "border-radius": "150px",
  62. })
  63. $(".station .song-info").html("<h6 class='song-title'>Immortals</h6><p class='song-artist'>Fall Out Boy</p>")
  64. }
  65. });
  66. Template.Room.helpers({
  67. type: function() {
  68. var parts = location.href.split('/');
  69. var id = parts.pop();
  70. return id;
  71. }
  72. });
  73. }
  74. if (Meteor.isServer) {
  75. ServiceConfiguration.configurations.remove({
  76. service: "facebook"
  77. });
  78. ServiceConfiguration.configurations.insert({
  79. service: "facebook",
  80. appId: "1496014310695890",
  81. secret: "9a039f254a08a1488c08bb0737dbd2a6"
  82. });
  83. ServiceConfiguration.configurations.remove({
  84. service: "github"
  85. });
  86. ServiceConfiguration.configurations.insert({
  87. service: "github",
  88. clientId: "dcecd720f47c0e4001f7",
  89. secret: "375939d001ef1a0ca67c11dbf8fb9aeaa551e01b"
  90. });
  91. }
  92. Router.route("/", {
  93. template: "Home"
  94. });
  95. Router.route("/:type", {
  96. template: "Room"
  97. });