ryuslash/scrumli
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make certain items seem more clickable

Browse source
This commit is contained in:
Tom Willemse 2013-07-13 21:23:46 +02:00
parent 84ae7a5fd4
commit 89eab56796
3 changed files with 17 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
scrumli.lisp
View file

@ -57,7 +57,8 @@
(<:html (<:html
(<:head (page-title "Backlog") (<:head (page-title "Backlog")
(css *scrumli-bootstrap-css-location* (css *scrumli-bootstrap-css-location*
*scrumli-font-awesome-css-location*) *scrumli-font-awesome-css-location*
(genurl 'scrumli-css))
(js *scrumli-bootstrap-js-location* (js *scrumli-bootstrap-js-location*
*scrumli-jquery-js-location* *scrumli-jquery-js-location*
*scrumli-react-js-location* *scrumli-react-js-location*
@ -83,6 +84,7 @@
(serve-static main-js "js/main.js") (serve-static main-js "js/main.js")
(serve-static login-js "js/login.js") (serve-static login-js "js/login.js")
(serve-static scrumli-css "css/scrumli.css")
(define-route stories-json ("stories" :content-type "text/json") (define-route stories-json ("stories" :content-type "text/json")
(if (logged-in-p) (if (logged-in-p)

3
static/css/scrumli.css Normal file
View file

@ -0,0 +1,3 @@
.clickable {
cursor: pointer;
}

18
static/js/main.js
View file

@ -37,11 +37,13 @@ var StoryTaskRow = React.createClass({
return ( return (
<tr> <tr>
<td class="span1"> <td class="span1">
<i class="icon-arrow-up" onClick={this.moveUp}></i> <i class="icon-arrow-up clickable"
<i class="icon-arrow-down" onClick={this.moveDown}></i> onClick={this.moveUp}></i>
<i class="icon-arrow-down clickable"
onClick={this.moveDown}></i>
</td> </td>
<td class="span2"> <td class="span2">
<span onClick={this.changeState}> <span onClick={this.changeState} class="clickable">
<StateIcon state={this.state.state} /> {" "} <StateIcon state={this.state.state} /> {" "}
{this.state.state} {this.state.state}
</span> </span>
@ -149,17 +151,19 @@ var StoryRow = React.createClass({
return ( return (
<tr> <tr>
<td class="span1"> <td class="span1">
<i class="icon-arrow-up" onClick={this.moveUp}></i> <i class="icon-arrow-up clickable"
<i class="icon-arrow-down" onClick={this.moveDown}></i> onClick={this.moveUp}></i>
<i class="icon-arrow-down clickable"
onClick={this.moveDown}></i>
</td> </td>
<td class="span2"> <td class="span2">
<span onClick={this.changeState}> <span onClick={this.changeState} class="clickable">
<StateIcon state={this.state.state} /> {" "} <StateIcon state={this.state.state} /> {" "}
{this.state.state} {this.state.state}
</span> </span>
</td> </td>
<td> <td>
<a onClick={this.handleClick}> <a onClick={this.handleClick} class="clickable">
As a {this.props.story.role}, I As a {this.props.story.role}, I
{this.props.story.necessity} to {this.props.story.necessity} to
{this.props.story.title} {this.props.story.title}