index.jade

doctype 5
html(lang="en")
  head
    title CloudCrontab
    link(rel='stylesheet',href='css/bootstrap.min.css')
    link(rel='stylesheet',href='css/app.css')
    script(src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js')
    script(src='http://cdnjs.cloudflare.com/ajax/libs/json2/20110223/json2.js')
    script(src='http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js')
    script(src='http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js')
    script(src='http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0.beta2/handlebars.min.js')
    script(src='js/bootstrap.min.js')
    script(src='js/app.js')
  body
    .navbar.navbar-fixed-top
      .navbar-inner
        .container
          a.brand CloudCrontab
          ul.nav.pull-right
            li.userbadge

    .container#content


    script#login(type='text/x-handlebars-template')
      h2 {{title}}
      form.form-horizontal
        fieldset
          {{#if register}}
          .control-group.name
            label.control-label(for='name') Name
            .controls
              input.input-xlarge(type='text',id='name')
          {{/if}}
          .control-group
            label.control-label(for='email') E-Mail
            .controls
              input.input-xlarge(type='text',id='email')
          .control-group
            label.control-label(for='password') Password
            .controls
              input.input-xlarge(type='password',id='password')
          .form-actions
            button.btn(type='submit') {{button}}
            a.register  Register

    script#task(type='text/x-handlebars-template')
      h3 {{name}}
      table.table
        tbody
          tr
            td URL
            td {{url}}
          tr
            td crontab
            td {{schedule-crontab}}
      h4 Logs
      table.table#logs
        thead
          tr
            th Name
            th Date
            th Code
            th
        tbody
    script#log-line(type='text/x-handlebars-template')
      td {{date}}
      td {{duration}}
      td {{code}}
      td
        a.delete(href='#')
          i.icon-trash

    script#tasks(type='text/x-handlebars-template')
      a.btn.btn.create
        i.icon-plus
        span  Add new task
      table.table
        thead
          tr
            th Name
            th url
            th crontab
            th
        tbody

    script#task-line(type='text/x-handlebars-template')
      td {{name}}
      td {{url}}
      td {{schedule-crontab}}
      td
        a.delete(href='#')
          i.icon-trash

    script#task-create(type='text/x-handlebars-template')
      h2 Create
      form.form-horizontal
        fieldset
          .control-group
            label.control-label(for='name') Name
            .controls
              input.input-xlarge(type='text',id='name')
          .control-group
            label.control-label(for='url') URL
            .controls
              input.input-xlarge(type='text',id='url')
          .control-group
            label.control-label(for='url') crontab (* * * * *)
            .controls
              input.input-xlarge(type='text',id='crontab')
          .form-actions
            button.btn(type='submit') Create