Skip to content

Instantly share code, notes, and snippets.

@adibis
Created January 5, 2013 07:16
Show Gist options
  • Save adibis/4460295 to your computer and use it in GitHub Desktop.
Save adibis/4460295 to your computer and use it in GitHub Desktop.
<div class="row">
<!-- Sidebar
================================================== -->
<section id="sidebar">
<div class="span3">
<div class="well sidebar-nav">
<h3>Welcome <%= current_user.name %></h3>
<hr>
<ul class="nav nav-list">
<li class="nav-header">Statistics</li>
<li class="divider"></li>
<li><a>Words Studied : ###</a></li>
<li><a>Words Remaining: ###</a></li>
<li>Previous Word : <% if Word.get_list(params[:list]).prev_word(@word.id).first != nil %><%= Word.get_list(params[:list]).prev_word(@word.id).first.title %><% else %><%= Word.get_list(params[:list]).last.title %><% end %></li>
<li>Next Word : <% if Word.get_list(params[:list]).nxt_word(@word.id).first != nil %><%= Word.get_list(params[:list]).nxt_word(@word.id).first.title %><% else %><%= Word.get_list(params[:list]).first.title %><% end %></li>
<li><a>Time Elapsed : ###</a></li>
<li><a>Studied For : ###</a></li>
<li class="divider"></li>
<a class="btn btn-primary" href="#"><i class="icon-pause icon-white"></i> Pause </a>
<a class="btn btn-primary" href="#"> Full Screen </a>
<li class="divider"></li>
<li><a href="#">Manage Study List</a></li>
<li><a href="#">Manage Tags</a></li>
<li><a href="#">Print Current List</a></li>
<li><a href="#">Quiz</a></li>
<li><a href="#">Flash Cards</a></li>
</ul>
</div><!--/.well -->
</div><!--/span-->
</section>
<!-- SideBox
================================================== -->
<section id="side-box">
<div class="row">
<div class="span9">
<div class="well">
<div class="row">
<div class="span5">
<h1><%= @word.title %> <small>[<%= @word.pronunciation %>] -<%= @word.word_type %></small></h1>
<h3><%= @word.definition %></h3>
</div>
<div class="span3">
<form class="well form-search pull-right">
<input type="text" class="input-small search-query">
<button type="submit" class="btn">Search</button>
</form>
</div>
</div>
<br>
<div class="row">
<div class="span8">
<div class="well">
<h3>Sample Usage</h3>
<p><%= @word.examples %></p>
</div>
</div>
</div>
<div class="row">
<div class="span4">
<div class="well">
<h3>Synonym(s)</h3>
<p><%= @word.synonyms %></p>
</div>
</div>
<div class="span4">
<div class="well">
<h3>Antonym(s)</h3>
<p><%= @word.antonyms %></p>
</div>
</div>
</div>
<div class="row">
<div class="span4">
<div class="well">
<h3>User Notes</h3>
<p>Users can add custom notes to this box.</p>
</div>
</div>
<div class="span4">
<div class="well">
<h3>Tag(s)</h3>
<div class="control-group">
<div class="controls">
<label class="checkbox inline">
<input type="checkbox" id="inlineCheckbox1" value="option1" checked> Difficult
</label>
<label class="checkbox inline">
<input type="checkbox" id="inlineCheckbox2" value="option2" checked> Very Difficult
</label>
<label class="checkbox inline">
<input type="checkbox" id="inlineCheckbox3" value="option3"> Confusing
</label>
<label class="checkbox inline">
<input type="checkbox" id="inlineCheckbox4" value="option4"> Starts With A
</label>
<label class="checkbox inline">
<input type="checkbox" id="inlineCheckbox5" value="option5" checked> Commonly Asked
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="well pull-left">
<a class="btn btn-primary btn-large" href="#"> &nbsp;Random&nbsp; </a>
<% if Word.get_list(params[:list]).prev_word(@word.id).first != nil %>
<%= link_to "Previous", word_path(Word.get_list(params[:list]).prev_word(@word.id).first, params: {list: params[:list]}), :class => "btn btn-primary btn-large", :params=> params[:list] %>
<% else %>
<%= link_to "Previous", word_path(Word.get_list(params[:list]).last, params: {list: params[:list]}), :class => "btn btn-primary btn-large", :params=> params[:list] %>
<% end %>
<% if Word.get_list(params[:list]).nxt_word(@word.id).first != nil %>
<%= link_to "Next", word_path(Word.get_list(params[:list]).nxt_word(@word.id).first, params: {list: params[:list]}), :class => "btn btn-primary btn-large" %>
<% else %>
<%= link_to "Next", word_path(Word.get_list(params[:list]).first, params: {list: params[:list]}), :class => "btn btn-primary btn-large" %>
<% end %>
<a class="btn btn-primary btn-large" href="#"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Edit&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </a>
</div>
</div>
</div>
</section>
</div><!-- OuterRow -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment