wes
/
TextbookEngine
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

add routing

master
wes 8 years ago
parent
0004c9d45f
commit
4fe6439ade
8 changed files with 50 additions and 31 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      src/scripts/aboutview.tag
  2. 10
      src/scripts/app.tag
  3. 1
      src/scripts/results.tag
  4. 10
      src/scripts/search.js
  5. 1
      src/scripts/search.tag
  6. 24
      src/scripts/searchview.tag
  7. 2
      src/styles/search.scss
  8. 30
      src/templates/search.html

3
src/scripts/aboutview.tag
View File

@ -0,0 +1,3 @@
<aboutview>
<h3>wat</h3>
</aboutview>

10
src/scripts/app.tag
View File

@ -0,0 +1,10 @@
<app>
<router>
<route path="/search">
<searchview></searchview>
</route>
<route path="/about">
<aboutview></aboutview>
</route>
</router>
</app>

1
src/scripts/results.tag
View File

@ -18,6 +18,7 @@ clicker() {
} }
this.rows = []; this.rows = [];
var self = this; var self = this;
self.opts = this.parent.parent.parent.parent.opts;
this.opts.resultsEv.on("loading", this.opts.resultsEv.on("loading",
function() { function() {

10
src/scripts/search.js
View File

@ -1,18 +1,22 @@
import riot from 'riot'; import riot from 'riot';
import router from 'riot-route/lib/tag';
import './book.tag'; import './book.tag';
import './class.tag'; import './class.tag';
import './results.tag'; import './results.tag';
import './row.tag'; import './row.tag';
import './search.tag'; import './search.tag';
import './searchview.tag';
import './aboutview.tag';
import './app.tag';
var resultsEv = riot.observable(); var resultsEv = riot.observable();
function mount() { function mount() {
riot.mount("search", { riot.mount("app", {
booksLoading : false, booksLoading : false,
resultsEv : resultsEv resultsEv : resultsEv,
notLoading: true
}); });
riot.mount("results", {notLoading : true, resultsEv : resultsEv});
} }
mount(); mount();

1
src/scripts/search.tag
View File

@ -45,6 +45,7 @@ import {filterCourses, groupsof} from './helpers.js';
import 'whatwg-fetch'; import 'whatwg-fetch';
var self = this; var self = this;
self.opts = this.parent.parent.parent.parent.opts;
submit(ev) { submit(ev) {
ev.preventDefault(); ev.preventDefault();

24
src/scripts/searchview.tag
View File

@ -0,0 +1,24 @@
<searchview>
<section class="page-top navbar-section">
<div class="container">
<div class="columns">
<div class="column">
<h1 class="title inline-block">TextBook Commons</h1>
<figure class="inline-block avatar-icon avatar avatar-xl">
<img class="logo" src="/goal.png" />
</figure>
</div>
</div>
<div class="columns">
<div class="title column col-sm-12 col-md-12 col-lg-12">
<h4>Search for a course and find your books</h4>
<h6>Currently indexes courses for McMaster University.
<span>Created By <a href="https://twitter.com/weskerfoot">@weskerfoot</a></span>
</h6>
</div>
</div>
<search></search>
</div>
</section>
<results></results>
</searchview>

2
src/styles/search.scss
View File

@ -1,6 +1,6 @@
$blue: #1c75bc; $blue: #1c75bc;
header { .app {
color: $blue; color: $blue;
} }

30
src/templates/search.html
View File

@ -5,35 +5,11 @@
<link rel="stylesheet" href="/styles/spectre.min.css"> <link rel="stylesheet" href="/styles/spectre.min.css">
<link rel="stylesheet" href="/styles/search.min.css"> <link rel="stylesheet" href="/styles/search.min.css">
</head> </head>
<header class="text-center nav">
<section class="page-top navbar-section">
<div class="container">
<div class="columns">
<div class="column">
<h1 class="title inline-block">TextBook Commons</h1>
<figure class="inline-block avatar-icon avatar avatar-xl">
<img class="logo" src="/goal.png" />
</figure>
</div>
</div>
<div class="columns">
<div class="title column col-sm-12 col-md-12 col-lg-12">
<h4>Search for a course and find your books</h4>
<h6>Currently indexes courses for McMaster University.
<span>Created By <a href="https://twitter.com/weskerfoot">@weskerfoot</a></span>
</h6>
</div>
</div>
<search></search>
</div>
</section>
</header>
<html> <html>
<body> <body>
<results></results> <app class="app text-center"></app>
<footer class="footer">
<footer class="footer"> </footer>
</footer>
<script type="text/javascript" src="/scripts/search.min.js"></script> <script type="text/javascript" src="/scripts/search.min.js"></script>

Write Preview
Loading…
Cancel
Save