Browse Source

try to fix menu issue

master
wes 8 years ago
parent
commit
7db86fcf88
  1. 1
      src/scripts/book.tag
  2. 17
      src/scripts/class.tag
  3. 4
      src/scripts/search.tag
  4. 5
      src/templates/search.html

1
src/scripts/book.tag

@ -69,6 +69,5 @@ getresources(ev) {
}) })
} }
</script> </script>
</book> </book>

17
src/scripts/class.tag

@ -7,17 +7,17 @@
</div> </div>
<div if={ books } class="card-body"> <div if={ books } class="card-body">
<div class="dropdown"> <div class="dropdown">
<button onclick={showbooks} class="btn btn-link dropdown-toggle" tabindex="0"> <a href="#" class="btn btn-link dropdown-toggle" tabindex="0">
Find Books <i class="icon-caret"></i> Find Books <i class="icon-caret"></i>
</button> </a>
<ul class="menu" if={ this.booksshown }> <ul class="menu">
<li class="menu-header"> <li class="menu-header">
<span class="menu-header-text"> <span class="menu-header-text">
Potential finds Potential finds
</span> </span>
</li> </li>
<book each={ this.R.uniq(books) } data="{ this }"> <li data-is="book" each={ this.R.uniq(books) } data="{ this }">
</book> </li>
</ul> </ul>
</div> </div>
</div> </div>
@ -30,13 +30,6 @@
<script> <script>
import { default as R } from 'ramda'; import { default as R } from 'ramda';
this.R = R; this.R = R;
this.booksshown = false;
showbooks() {
this.booksshown = !this.booksshown;
this.update();
}
</script> </script>
</class> </class>

4
src/scripts/search.tag

@ -9,7 +9,7 @@
<div class="search column col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="search column col-xs-12 col-sm-12 col-md-12 col-lg-12">
<input onfocus={ showhelp } <input onfocus={ showhelp }
class="form-input search" class="form-input search"
placeholder="Course Description" placeholder="Course Description (e.g. history)"
type="text" type="text"
ref="title"> ref="title">
</input> </input>
@ -28,7 +28,7 @@
<select class="inline-block semester form-select" aria-labelledby="dLabel" ref="sem"> <select class="inline-block semester form-select" aria-labelledby="dLabel" ref="sem">
<option value="Fall" selected>Fall</option> <option value="Fall" selected>Fall</option>
<option value="Winter">Winter</option> <option value="Winter">Winter</option>
<option value="Spring/Summer">Spring/Summer</option> <option selected value="Spring/Summer">Spring/Summer</option>
</select> </select>
</div> </div>
</div> </div>

5
src/templates/search.html

@ -14,7 +14,10 @@
</div> </div>
<div class="columns"> <div class="columns">
<div class="title column col-sm-12 col-md-12 col-lg-12"> <div class="title column col-sm-12 col-md-12 col-lg-12">
<h5>Search for a course and find your books</h5> <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>
</div> </div>
<search></search> <search></search>

Loading…
Cancel
Save