Permalink
Browse files

html cleanup, class name improvements, CSS moved from template to .CS…

…S files where it should be
  • Loading branch information...
1 parent c21aa4b commit 85538821a3430e22f6fc5f1d47cc6cf937b8b7b8 @dldorsey committed Mar 22, 2012
Showing with 35 additions and 33 deletions.
  1. +5 −3 README
  2. +27 −27 app/views/board/show.html.erb
  3. +3 −3 public/stylesheets/kankan.css
View
8 README
@@ -2,12 +2,14 @@ A simple and eventually flexible Kanban board in Rails
## TODO ##
- Templatize the categories in board/show
-- Move in view styles to CSS
- Make categories database controlled
- Create categories CRUD
- Update board and stories to use dynamic categories
- Swimlanes!
- - BugFix sort order within a group - D&D does not reorder items
+- BugFix sort order within a group - D&D does not reorder items
- Make all the default scaffold stuff pretty
- Add user/authentication
-- Add history/versioning
+- Add history/versioning
+
+## Complete ##
+- Move in view styles to CSS
@@ -2,48 +2,48 @@
<div id="board">
-<div class="category" id="backlog">
- <h3>Backlog</h3>
- <div id="B" class="sortcol">
- <%= render(@backlog) %>
+ <div class="board-category" id="backlog">
+ <h3 class="board-category-heading">Backlog</h3>
+ <div id="B" class="board-column">
+ <%= render(@backlog) %>
+ </div>
</div>
-</div>
-<div class="category" id="priority">
- <h3>Priority</h3>
- <div id="P" class="sortcol">
- <%= render(@priority) %>
+ <div class="board-category" id="priority">
+ <h3 class="board-category-heading">Priority</h3>
+ <div id="P" class="board-column">
+ <%= render(@priority) %>
+ </div>
</div>
-</div>
-<div class="category" id="active">
- <h3>Active</h3>
- <div id="A" class="sortcol">
- <%= render(@active) %>
+ <div class="board-category" id="active">
+ <h3 class="board-category-heading">Active</h3>
+ <div id="A" class="board-column">
+ <%= render(@active) %>
+ </div>
</div>
-</div>
-<div class="category" id="delegated">
- <h3>Delegated</h3>
- <div id="D" class="sortcol">
- <%= render(@delegated) %>
+ <div class="board-category" id="delegated">
+ <h3 class="board-category-heading">Delegated</h3>
+ <div id="D" class="board-column">
+ <%= render(@delegated) %>
+ </div>
</div>
-</div>
-<div class="category" id="complete">
- <h3>Complete</h3>
- <div id="C" class="sortcol">
- <%= render(@complete) %>
+ <div class="board-category" id="complete">
+ <h3 class="board-category-heading">Complete</h3>
+ <div id="C" class="board-column">
+ <%= render(@complete) %>
+ </div>
</div>
-</div>
</div>
<script>
$(function() {
//alert('jquery enabled')
- $(".sortcol").sortable({
- connectWith: ".sortcol",
+ $(".board-column").sortable({
+ connectWith: ".board-column",
stop: function(event, ui) {
$.ajax({
url: "<%= drop_url() %>",
@@ -1,10 +1,10 @@
-div.category {
+div.board-category {
float:left;
vertical-align:top;
width:150px;
}
-div.sortcol {
+div.board-column {
border-style:dashed;
border-width:1px;
padding-top:5px;
@@ -13,7 +13,7 @@ div.sortcol {
padding-right:5px;
}
-h3 {
+h3.board-category-heading {
border-style:solid;
border-width:1px;
padding-top:25px;

0 comments on commit 8553882

Please sign in to comment.