164:b6b5babb4898 default tip
Anton Shestakov <av6@dwimlabs.net>, Tue, 31 Oct 2017 16:50:46 +0800
Added tag 0.5.0 for changeset 9ed8b453c537

previous change 157:45e6e68a871b

templates/index.html

Permissions: -rw-r--r--

Other formats: Feeds:
<!DOCTYPE html>
<html>
<head>
<title>Fruitbar Todo</title>
<link type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}" rel="shortcut icon">
<link rel="stylesheet" href="/static/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/libs/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<link type="text/css" href="{{ url_for('static', filename='css/custom.css') }}" rel="stylesheet">
<script src="/static/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="/static/libs/underscore/1.8.3/underscore-min.js"></script>
<script src="/static/libs/backbone/1.3.3/backbone-min.js"></script>
<script src="/static/libs/backbone-localstorage/1.1.16/backbone.localStorage-min.js"></script>
<script src="/static/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
{% assets filters='jsmin', output='bundles/fruitbar.%(version)s.js',
'js/backbone.shard.js',
'js/framework/models.js',
'js/framework/collections.js',
'js/framework/views/base.js',
'js/framework/views/inline.js',
'js/framework/views/workspaces.js',
'js/framework/views/projects.js',
'js/framework/views/tasks.js',
'js/framework/router.js',
'js/ui.js'
%}
<script type="text/javascript" src="{{ ASSET_URL }}"></script>
{% endassets %}
<script>
_.extend(_.templateSettings, {
variable: 'data'
});
</script>
</head>
<body style="opacity: 0;">
<div class="container">
<div class="row">
<div class="col-sm-2 col-xs-6 ui-sidebar text-right">
<button class="btn btn-xs btn-success btn-new-project">New project</button>
</div>
<div class="col-sm-2 col-sm-push-8 col-xs-6 ui-sidebar">
<ul class="nav nav-pills workspace-tabs">
<script id="workspace-tab-template" type="text/template">
<li data-workspace="<%- data.name %>">
<a href="#<%- data.name %>">#<%- data.name %></a>
</li>
</script>
</ul>
</div>
<div class="col-sm-8 col-sm-pull-2 col-xs-12">
<h3>
<span class="text-muted">Workspace</span> <span class="workspace-title"></span> <small>(<span class="project-counter"></span>)</small>
</h3>
<hr>
</div>
</div>
<section class="projects">
<script id="project-template" type="text/template">
<div class="project">
<div class="row">
<div class="col-sm-2 text-right ondemand">
<button class="btn btn-xs btn-danger btn-delete-project">Delete</button>
<button class="btn btn-xs btn-success btn-new-task">New task</button>
</div>
<div class="col-sm-4 col-xs-6">
<h4>
<span class="inline-editable"
data-input-type="input"
data-model="project"
data-model-attribute="name"><%- data.name %></span>
</h4>
</div>
<div class="col-sm-4 col-xs-6">
<div class="progress">
<div class="progress-bar progress-bar-striped" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"></div>
</div>
</div>
</div>
<div class="tasks"></div>
</div>
</script>
<script id="task-template" type="text/template">
<div class="task">
<div class="row">
<div class="col-sm-2 text-right ondemand">
<button class="btn btn-xs btn-danger btn-delete-task">Delete</button>
</div>
<div class="col-sm-4">
<input type="checkbox" <% if (data.done) print('checked') %>>
<span class="inline-editable"
data-input-type="input"
data-model="task"
data-model-attribute="name"><%- data.name %></span>
</div>
<div class="col-sm-4">
<div class="task-note">
<span class="inline-editable"
data-input-type="textarea"
data-model="task"
data-model-attribute="note"></span>
</div>
</div>
</div>
</div>
</script>
</section>
</div>
</body>
</html>