33:9dfe8668e7fe
Anton Shestakov <engored@ya.ru>, Thu, 21 Mar 2013 16:04:47 +0900
Update Underscore (1.4.3), Backbone (1.0.0) and Shard.
next change 36:99923b9b338a
previous change 32:9895c11d92e8

templates/index.html

Permissions: -rw-r--r--

File Latest Revisions Annotate Diff Comparison
Other formats:
JSON Raw
Feeds:
Atom RSS 
<!DOCTYPE html>
<html>
  <head>
    <title>Fruit Bar Progress Tracker</title>
    <link type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}" rel="shortcut icon">
    
    <link type="text/css" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
    <link type="text/css" href="{{ url_for('static', filename='css/custom.css') }}" rel="stylesheet">
    
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
    <script src="{{ url_for('static', filename='js/backbone.shard.js') }}"></script>
    <script src="{{ url_for('static', filename='js/framework/models.js') }}"></script>
    <script src="{{ url_for('static', filename='js/framework/collections.js') }}"></script>
    <script src="{{ url_for('static', filename='js/framework/views/base.js') }}"></script>
    <script src="{{ url_for('static', filename='js/framework/views/inline.js') }}"></script>
    <script src="{{ url_for('static', filename='js/framework/views/projects.js') }}"></script>
    <script src="{{ url_for('static', filename='js/framework/views/tasks.js') }}"></script>
    <script src="{{ url_for('static', filename='js/framework/router.js') }}"></script>
    <script src="{{ url_for('static', filename='js/ui.js') }}"></script>
    
    <script>
      _.extend(_.templateSettings, {
        variable: 'data'
      });
    </script>
  </head>
  <body style="opacity: 0;">
    <div class="container">
      <div class="row">
        <div class="span2">
          <h3 class="align-right">
            <button class="btn btn-mini btn-success btn-new-project">New project</button>
          </h3>
        </div>
        <div class="span8">
          <h3>
            <span class="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="span2 align-right ondemand">
                <button class="btn btn-mini btn-danger btn-delete-project">Delete</button>
                <button class="btn btn-mini btn-success btn-new-task">New task</button>
              </div>
              <div class="span4">
                <h4>
                  <span class="inline-editable"
                    data-input-type="input"
                    data-model="project"
                    data-model-attribute="name"><%- data.name %></span>
                </h4>
              </div>
              
              <div class="span4">
                <div class="progress progress-striped">
                  <div class="bar"></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="span2 align-right ondemand">
                <button class="btn btn-mini btn-danger btn-delete-task">Delete</button>
              </div>
              <div class="span4">
                <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="span4">
                <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>