Browse Source

fix more bugs

pull/1/head
wes 8 years ago
parent
commit
ca1fa7a5d1
  1. 25
      src/scripts/post.tag
  2. 1
      src/scripts/riotblog.js

25
src/scripts/post.tag

@ -1,17 +1,17 @@
<post> <post>
<div class="postnav centered"> <div class="postnav centered">
<button class={"btn btn-primary " + (this.pid <= 1 ? "disabled" : " ") + this.prevloading} onclick={prev}>Last One</button> <button class={"btn btn-primary " + (this.pid <= 1 ? "disabled" : " ") + this.prevloading} onclick={this.prev}>Last One</button>
<button class={"btn btn-primary " + (this.nomore ? "disabled" : " ") + this.nextloading} onclick={next}>Next One</button> <button class={"btn btn-primary " + (this.nomore ? "disabled" : " ") + this.nextloading} onclick={this.next}>Next One</button>
</div> </div>
<h4 class="post centered" if={nomore}> <h4 class="post centered" if={nomore}>
No More Posts! No More Posts!
</h4> </h4>
<div if={!(loading || nomore)} class="post centered"> <div if={!(this.loading || this.nomore)} class="post centered">
<h4>{ opts.title }</h4> <h4>{ opts.title }</h4>
<h5>By { opts.creator }</h5> <h5>By { opts.creator }</h5>
<p class="post-content centered text-break">{ content }</p> <p class="post-content centered text-break">{ this.content }</p>
<div class="divider"></div> <div class="divider"></div>
<comments pid={pid}> <comments pid={pid}>
@ -32,9 +32,10 @@ this.nextloading = "";
this.nomore = false this.nomore = false
this.pid = 1; this.pid = 1;
content = ""; this.content = "";
prev() { prev(ev) {
ev.preventDefault();
if (self.prevloading || self.nextloading) { if (self.prevloading || self.nextloading) {
return; return;
} }
@ -49,7 +50,9 @@ prev() {
} }
} }
next() { next(ev) {
console.log("next event fired");
ev.preventDefault();
if (self.nextloading || self.prevloading) { if (self.nextloading || self.prevloading) {
return; return;
} }
@ -64,11 +67,15 @@ next() {
} }
this.setPost = function(pid) { this.setPost = function(pid) {
self.update(); console.log("trying to change the post");
self.loading = true; console.log(fetch);
this.update();
console.log("updated");
this.loading = true;
fetch("/blog/switchpost/"+pid) fetch("/blog/switchpost/"+pid)
.then( .then(
function(resp) { function(resp) {
console.log("got a response");
return resp.text(); return resp.text();
}) })
.then( .then(

1
src/scripts/riotblog.js

@ -11,5 +11,4 @@ riot.mount("post",
"title" : "A cool post here" "title" : "A cool post here"
}); });
riot.mount("comments");
riot.mount("bbutton"); riot.mount("bbutton");

Loading…
Cancel
Save