!!! 5

%html{:lang => ‘en’, ‘ng-app’ => ‘sabisu’}

%head
  %script{:src => 'https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js'}
  %script{:src => 'https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js'}
  %script{:src => 'https://cdnjs.cloudflare.com/ajax/libs/mousetrap/1.4.6/mousetrap.min.js'}
  %script{:src => '/js/sabisu.js'}
  %script{:src => 'https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js'}
  %script{:src => 'https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js'}
  %link{:rel => 'stylesheet', :href => '/css/bootstrap.min.css'}
  %link{:rel => 'stylesheet', :href => '/css/base.css'}

%body
  #wrapper.container
    #header
      .nav.navbar.navbar-default{:role => 'navigation'}
        .navbar-header
          %a.navbar-brand{:href => '/'} Sabisu
        %ul.nav.navbar-nav.navbar-right
          - if logged_in?
            %li.dropdown
              %a.droptown-toggle{:href => '#', :target => '_self', 'data-toggle' => 'dropdown'}
                Events
                %b.caret
              %ul.dropdown-menu
                %li
                  %a{:href => '/events?sort=-age&limit=50&query=', :target => '_self'} Recent State Change
                %li
                  %a{:href => '/events?sort=age&limit=50&query=', :target => '_self'} Stale State
                %li
                  %a{:href => '/events?sort=-age&limit=50&query=status:1', :target => '_self'} Warning
                %li
                  %a{:href => '/events?sort=-age&limit=50&query=status:2', :target => '_self'} Critical
                %li
                  %a{:href => '/events?sort=-age&limit=50&query=status:3', :target => '_self'} Unknown
            %li
              %a{:href => '/logout', :target => '_self'} Logout
          - else
            %li 
              %a{:href => '/login', :target => '_self'} Login

    #content
      = yield

  #footer
    .copyright.text-center
      © Copyright 
      %a{:href => 'https://www.cloudant.com'} Cloudant, Inc.
      2014
      %a{:href => 'http://www.apache.org/licenses/LICENSE-2.0.html'} Apache License, Version 2.0
      %br
      %a{'data-toggle' => 'modal', 'data-target' => '#keyboard_shortcuts'} Keyboard Shortcuts

keyboard_shortcuts.modal.fade

.modal-dialog
  .modal-content
    .modal-header
      %button.close{:type => 'button', 'data-dismiss' => 'modal', 'aria-hidden' => 'true'}
      %h3.modal-title Keyboard Shortcuts
    .modal-body
      %div
        %h4 Events
        %table.table.table-striped
          %tr
            %td Description
            %td Shortcut
          %tr
            %td Show keyboard shortcuts
            %td
              %span.well.well-sm ? (question mark)
          %tr
            %td Goto search query
            %td
              %span.well.well-sm . (period)
          %tr
            %td Select the sort dropdown
            %td
              %span.well.well-sm s
          %tr
            %td Press search button
            %td
              %span.well.well-sm enter
    .modal-footer
      %button.btn.btn-default{:type => 'button', 'data-dismiss' => 'modal'} Close