tomi77/backbone-forms-jquery-ui

mixin menu(name)
  if name == 'autocomplete'
    li.active: a(href="autocomplete.html" title="jQuery UI Autocomplete Widget") autocomplete
  else
    li: a(href="autocomplete.html" title="jQuery UI Autocomplete Widget") autocomplete

  if name == 'datepicker'
    li.active: a(href="datepicker.html" title="jQuery UI Datepicker Widget") datepicker
  else
    li: a(href="datepicker.html" title="jQuery UI Datepicker Widget") datepicker

  if name == 'selectmenu'
    li.active: a(href="selectmenu.html" title="jQuery UI Selectmenu Widget") selectmenu
  else
    li: a(href="selectmenu.html" title="jQuery UI Selectmenu Widget") selectmenu

  if name == 'slider'
    li.active: a(href="slider.html" title="jQuery UI Slider Widget") slider
  else
    li: a(href="slider.html" title="jQuery UI Slider Widget") slider

  if name == 'spinner'
    li.active: a(href="spinner.html" title="jQuery UI Spinner Widget") spinner
  else
    li: a(href="spinner.html" title="jQuery UI Spinner Widget") spinner

  if name == 'checkbox'
    li.active: a(href="checkbox.html" title="jQuery UI Checkboxradio Widget") checkbox
  else
    li: a(href="checkbox.html" title="jQuery UI Checkboxradio Widget") checkbox

  if name == 'checkboxes'
    li.active: a(href="checkboxes.html" title="jQuery UI Checkboxradio Widget") checkboxes
  else
    li: a(href="checkboxes.html" title="jQuery UI Checkboxradio Widget") checkboxes

  if name == 'radio'
    li.active: a(href="radio.html" title="jQuery UI Checkboxradio Widget") radio
  else
    li: a(href="radio.html" title="jQuery UI Checkboxradio Widget") radio

doctype html
html(lang="en")
  head
    meta(charset="UTF-8")
    block title
    script(type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js")
    script(type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js")
    script(type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js")
    script(type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/backbone-forms/0.14.1/backbone-forms.min.js")
    script(type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/backbone-forms/0.14.1/templates/bootstrap3.js")
    script(type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js")
    link(rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css")
    link(rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css")
    link(rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/backbone-forms/0.14.1/templates/bootstrap3.css")
    link(rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.css")
    link(rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.theme.min.css")
    link(rel="stylesheet" href="demo.css")
    block extraheaders
  body
    nav.navbar.navbar-default
      .container
        a.navbar-brand(href="https://github.com/tomi77/backbone-forms-jquery-ui" title="Source code")
          i.fa.fa-github
        .collapse.navbar-collapse
          ul.nav.navbar-nav
            block menu
              +menu()
    block content