| <html> |
<html> |
| <head> |
<head> |
| <title>Fruit Bar Progress Tracker</title> |
<title>Fruit Bar Progress Tracker</title> |
| <link type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}" rel="shortcut icon"> |
<link type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}" rel="shortcut icon"> |
|
|
| <link type="text/css" href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet"> |
<link type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"> |
|
<link type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" rel="stylesheet"> |
| <link type="text/css" href="{{ url_for('static', filename='css/custom.css') }}" rel="stylesheet"> |
<link type="text/css" href="{{ url_for('static', filename='css/custom.css') }}" rel="stylesheet"> |
|
|
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script> |
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.1/backbone-min.js"></script> |
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.1/backbone-min.js"></script> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone-localstorage.js/1.1.16/backbone.localStorage-min.js"></script> |
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone-localstorage.js/1.1.16/backbone.localStorage-min.js"></script> |
| <script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> |
| {% assets filters='jsmin', output='bundles/fruitbar.%(version)s.js', |
{% assets filters='jsmin', output='bundles/fruitbar.%(version)s.js', |
| 'js/backbone.shard.js', |
'js/backbone.shard.js', |
| 'js/framework/models.js', |
'js/framework/models.js', |
| 'js/framework/collections.js', |
'js/framework/collections.js', |
| 'js/framework/views/base.js', |
'js/framework/views/base.js', |
| </script> |
</script> |
| </head> |
</head> |
| <body style="opacity: 0;"> |
<body style="opacity: 0;"> |
| <div class="container"> |
<div class="container"> |
| <div class="row"> |
<div class="row"> |
| <div class="span2 ui-sidebar align-right"> |
<div class="col-sm-2 ui-sidebar text-right"> |
| <button class="btn btn-mini btn-success btn-new-project">New project</button> |
<button class="btn btn-xs btn-success btn-new-project">New project</button> |
| </div> |
</div> |
| <div class="span8"> |
<div class="col-sm-8"> |
| <h3> |
<h3> |
| <span class="muted">Workspace</span> <span class="workspace-title"></span> <small>(<span class="project-counter"></span>)</small> |
<span class="text-muted">Workspace</span> <span class="workspace-title"></span> <small>(<span class="project-counter"></span>)</small> |
| </h3> |
</h3> |
| <hr> |
<hr> |
| </div> |
</div> |
| <div class="span2 ui-sidebar"> |
<div class="col-sm-2 ui-sidebar"> |
| <ul class="nav nav-tabs nav-stacked workspace-tabs"> |
<ul class="nav nav-pills nav-stacked workspace-tabs"> |
| <script id="workspace-tab-template" type="text/template"> |
<script id="workspace-tab-template" type="text/template"> |
| <li data-workspace="<%- data.name %>"> |
<li data-workspace="<%- data.name %>"> |
| <a href="#<%- data.name %>">#<%- data.name %></a> |
<a href="#<%- data.name %>">#<%- data.name %></a> |
| </li> |
</li> |
| </script> |
</script> |
|
|
| <section class="projects"> |
<section class="projects"> |
| <script id="project-template" type="text/template"> |
<script id="project-template" type="text/template"> |
| <div class="project"> |
<div class="project"> |
| <div class="row"> |
<div class="row"> |
| <div class="span2 align-right ondemand"> |
<div class="col-sm-2 text-right ondemand"> |
| <button class="btn btn-mini btn-danger btn-delete-project">Delete</button> |
<button class="btn btn-xs btn-danger btn-delete-project">Delete</button> |
| <button class="btn btn-mini btn-success btn-new-task">New task</button> |
<button class="btn btn-xs btn-success btn-new-task">New task</button> |
| </div> |
</div> |
| <div class="span4"> |
<div class="col-sm-4"> |
| <h4> |
<h4> |
| <span class="inline-editable" |
<span class="inline-editable" |
| data-input-type="input" |
data-input-type="input" |
| data-model="project" |
data-model="project" |
| data-model-attribute="name"><%- data.name %></span> |
data-model-attribute="name"><%- data.name %></span> |
| </h4> |
</h4> |
| </div> |
</div> |
|
|
| <div class="span4"> |
<div class="col-sm-4"> |
| <div class="progress progress-striped"> |
<div class="progress"> |
| <div class="bar"></div> |
<div class="progress-bar progress-bar-striped" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"></div> |
| </div> |
</div> |
| </div> |
</div> |
| </div> |
</div> |
|
|
| <div class="tasks"></div> |
<div class="tasks"></div> |
| </script> |
</script> |
|
|
| <script id="task-template" type="text/template"> |
<script id="task-template" type="text/template"> |
| <div class="task"> |
<div class="task"> |
| <div class="row"> |
<div class="row"> |
| <div class="span2 align-right ondemand"> |
<div class="col-sm-2 text-right ondemand"> |
| <button class="btn btn-mini btn-danger btn-delete-task">Delete</button> |
<button class="btn btn-xs btn-danger btn-delete-task">Delete</button> |
| </div> |
</div> |
| <div class="span4"> |
<div class="col-sm-4"> |
| <input type="checkbox" <% if (data.done) print('checked') %>> |
<input type="checkbox" <% if (data.done) print('checked') %>> |
| <span class="inline-editable" |
<span class="inline-editable" |
| data-input-type="input" |
data-input-type="input" |
| data-model="task" |
data-model="task" |
| data-model-attribute="name"><%- data.name %></span> |
data-model-attribute="name"><%- data.name %></span> |
| </div> |
</div> |
| <div class="span4"> |
<div class="col-sm-4"> |
| <div class="task-note"> |
<div class="task-note"> |
| <span class="inline-editable" |
<span class="inline-editable" |
| data-input-type="textarea" |
data-input-type="textarea" |
| data-model="task" |
data-model="task" |
| data-model-attribute="note"></span> |
data-model-attribute="note"></span> |