javascript - Meteor - Can't submit user after adding routes with iron.Router to the login and register form -

-

i want create simple login, register , logout menu meteor , iron router. before used iron router package submit new user , login or logout. therefore had code in html document:

<body>   {{#if currentuser}}     {{> dashboard}}   {{else}}     {{> register}}<br>     {{> login}}   {{/if}} </body>

now want route login , register form. if press login button should get: lochalhost:3000 login (which works fine).

but don't know:

  • why can't submit new user anymore
  • how can change successful login route dashboard route
  • and how can logout (couldn't test yet)

i'm new js , meteor. still didn't find solution in internet or way fix on own.

my complete document looks like:

  • main.html:

    <head>   <title>routing</title> </head>  <body>   {{#if currentuser}}     {{> dashboard}}   <!--{{else}}     {{> register}}<br>     {{> login}} -->   {{/if}} </body>  <template name="main">     <h1>text</h1>     {{> navigation}}     {{> yield}}     <hr />     <p>       copyright &copy;     </p> </template>  <template name="home">   <p>     welcome <b>text</b> website.   </p> </template>  <template name="navigation">   <ul>     <li><a href="{{pathfor route='home'}}">home</a></li>     <li><a href="{{pathfor route='register'}}">register</a></li>     <li><a href="{{pathfor route='login'}}">login</a></li>   </ul> </template>  <template name="register">   <form>     <input type="text" id="username">     <input type="text" id="email">     <input type="password" id="password">     <input type="submit" value="register">   </form> </template>  <template name="login">   <form>     <input type="text" id="login-email">     <input type="password" id="login-password">     <input type="submit" value="login">   </form> </template>  <template name="dashboard">   <p>     yor're logged in.     <a href="{{pathfor route='home'}}" class="logout">logout</a>   </p> </template>

  • main.js

      router.route('register'); // default name register   router.route('login'); // default name login   router.route('dashboard');   router.route('/', {     name: 'home',     template: 'home'   });    router.configure({     layouttemplate: 'main'   });     if (meteor.isclient) {     template.register.events({       'submit form': function(event, template) {         event.preventdefault();         var usernamevar = template.find('#username').value;         var emailvar = template.find('#email').value;         var passwordvar = template.find('#password').value;         accounts.createuser({           username: usernamevar,           email: emailvar,           password: passwordvar         })       }     });  template.login.events({   'submit form': function(event, template) {     event.preventdefault();     var emailvar = template.find('#login-email').value;     var passwordvar = template.find('#login-password').value;     meteor.loginwithpassword(emailvar, passwordvar);   } }); template.dashboard.events({   'click .logout': function(event) {     event.preventdefault();     meteor.logout();     prompt("you logged out");   } });

    }

and added:

  • the iron:router package
  • meteor add accounts-ui accounts-password

i say, read official documentation iron router , meteor have better understanding. took code , did testing, works fine. added iron:router accounts-ui (look documentation this, can create easy login , signup package) , accounts-password.

main.html

<head>    <title>routing</title> </head>  <body>   {{#if currentuser}}     {{> dashboard}}   <!--{{else}}     {{> register}}<br>     {{> login}} -->   {{/if}} </body>  <template name="main">     <h1>text</h1>     {{> navigation}}     {{> yield}}     <hr />     <p>       copyright &copy;     </p> </template>  <template name="home">   <p>     welcome <b>text</b> website.   </p> </template>  <template name="navigation">   <ul>     <li><a href="{{pathfor route='home'}}">home</a></li>     {{#unless currentuser}}     <li><a href="{{pathfor route='register'}}">register</a></li>     <li><a href="{{pathfor route='login'}}">login</a></li>     {{/unless}}   </ul> </template>  <template name="register">   {{#unless currentuser}}   <form>     <input type="text" id="username">     <input type="text" id="email">     <input type="password" id="password">     <input type="submit" value="register">   </form>   {{/unless}} </template>  <template name="login">   {{#unless currentuser}}   <form>     <input type="text" id="login-email">     <input type="password" id="login-password">     <input type="submit" value="login">   </form>   {{/unless}} </template>  <template name="dashboard">   <p>     yor're logged in.     <a href="{{pathfor route='home'}}" class="logout">logout</a>   </p> </template>

main.js

gohome =function(){   if(meteor.userid()){     router.go('/');   } }   router.configure({   layouttemplate: 'main' });   router.route('/register', {   template:'register',   onbeforeaction:function(){     gohome();     this.next();   } }); // default name register  router.route('/login', {   template:'login',   onbeforeaction:function(){     gohome();     this.next();   } });  router.route('/dashboard',{   template:'dashboard' })  router.route('/', {   name: 'home',   template: 'home' });   if (meteor.isclient) {   template.register.events({     'submit form': function(event, template) {       event.preventdefault();       var usernamevar = template.find('#username').value;       var emailvar = template.find('#email').value;       var passwordvar = template.find('#password').value;       accounts.createuser({         username: usernamevar,         email: emailvar,         password: passwordvar       }, function(error){         if(!error){           router.go('/');         }       })     }   });  template.login.events({ 'submit form': function(event, template) {   event.preventdefault();   var emailvar = template.find('#login-email').value;   var passwordvar = template.find('#login-password').value;   meteor.loginwithpassword(emailvar, passwordvar, function(error){     if(!error){       router.go('/');     }   }); } }); template.dashboard.events({ 'click .logout': function(event) {   event.preventdefault();   meteor.logout();   prompt("you logged out"); } }); }

Comments

Post a Comment

Popular posts from this blog

Why does Go error when trying to marshal this JSON? -

-
i'm trying rather simple example of trying decode json file structs using golang. however, when attempting error that json: cannot unmarshal object go value of type []main.track which don't understand. here's code in question, , json can found here . package main import ( "encoding/json" "fmt" "net/http" "os" ) // tracks group of track types type tracks struct { tracks []track } // track represents singular track type track struct { name string url string artist artist } // artist represents single artist type artist struct { name string mbid string url string } func main() { url := "http://ws.audioscrobbler.com/2.0/?method=geo.gettoptracks&api_key=c1572082105bd40d247836b5c1819623&format=json&country=netherlands" response, err := http.get(url) if err != nil { fmt.printf("%s\n", err) os.exit(1) } de
Read more

Django REST Framework perform_create: You cannot call `.save()` after accessing `serializer.data` -

-
i have following viewset: class artistprofileviewset(viewsets.modelviewset): queryset = artistprofile.objects.all() serializer_class = artistprofileserializer def perform_create(self, serializer): if serializer.is_valid(): serializer.save() with following serializers: class simpleartisttrackserializer(serializers.hyperlinkedmodelserializer): class meta: model = artisttrack fields = (...my fields...) class artistprofileserializer(serializers.hyperlinkedmodelserializer): owners = userserializer(many=true, required=false) tracks = simpleartisttrackserializer(many=true, required=false) class meta: model = artistprofile fields = (...my fields...) i getting following error: assertionerror: cannot call `.save()` after accessing `serializer.data`.if need access data before committing database inspect 'serializer.validated_data' instead. i don't see editing serializer.data object. th
Read more

python - Pygame. TypeError: 'pygame.Surface' object is not callable -

-
i new python, pygame, , coding in general. i not know why code getting: "typeerror: 'pygame.surface' object not callable" and black screen. here code: import pygame ptypeerror: 'pygame.surface' object not callableygame.init black = (0,0,0) white = (255,255,255) red = (255,0,0) green = (0,255,0) blue = (0,0,255) char_sprite = pygame.image.load("man.png") display_height = 800 display_width = 1000 dead = false framerate = 60 game_display = pygame.display.set_mode((display_width,display_height)) pygame.display.set_caption("tiny fighter") clock = pygame.time.clock() def char(x,y): game_dispaly.blit(char_sprite,(x,y)) x= display_width / 2 y= display_height / 2 while not dead: event in pygame.event.get(): if event.type == pygame.quit: dead = true game_display.fill(green) char_sprite(x,y) pygame.display.update() clock.tick(framerate) pygame.quit() quit() full traceback:
Read more