doctype html
html ng-app="browser"
  head
    title Redis Browser

    script type="text/javascript" src="/js/angular.min.js"
    script type="text/javascript" src="/js/ui-bootstrap-tpls-0.2.0.min.js"
    script type="text/javascript" src="/js/localStorageModule.js"
    script type="text/javascript" src="/js/app.js"

    link rel="stylesheet" href="/css/bootstrap.min.css"
    link rel="stylesheet" href="/css/app.css"

    script type="text/ng-template" id="nav-tree-item.html"
      span ng-show="key.children.length > 0"
        button.btn.tree-toggle ng-hide="key.open" ng-click="key.open = true" +
        button.btn.tree-toggle ng-show="key.open" ng-click="key.open = false" -
      span ng-show="key.children.length == 0" - 

      a href="#" ng-click="show(key)" {{ key.name }}

      ul.tree ng-show="key.open"
        li ng-repeat="key in key.children" ng-include="'nav-tree-item.html'"



  body ng-controller="BrowserCtrl"
    div modal="config.show" close="config.close()" options="config.opts"
      .form-horizontal
        .modal-header
          button.close type="button" ng-click="config.close()" ×
          h4 Configure Redis Connection
        .modal-body
          .control-group
            label.control-label for="config-connection" Connection
            .controls
              input type="text" id="config-connection" ng-model="config.connection"
              span.help-block
                | Examples:
                code 127.0.0.1:6379
                | ,
                code= "/tmp/redis.sock"
                | etc.

          .control-group
            label.control-label for="config-database" Database
            .controls
              select id="config-database" ng-model="config.database" ng-options="i for i in config.databases"

        .modal-footer
          button.btn.btn-success type="submit" ng-click="config.save()" Save

    .navbar.navbar-inverse.navbar-fixed-top
      .navbar-inner
        .container-fluid
          button.btn.btn-navbar type="button" data-toggle="collapse" data-target=".nav-collapse"
            span.icon-bar
            span.icon-bar
          a.brand href="/" Redis Browser

          .nav-collapse.collapse
            p.pull-right
              button.btn.btn-success ng-click="config.open()" Configure
            p.navbar-text.pull-right.connection-info
              ' Connected to
              strong {{ config.connection }}


    .container-fluid
      .row-fluid
        .span3
          .well.sidebar-nav
            ul.nav.nav-list
              li.nav-header
                ' Keys
                button.btn.btn-mini.pull-right ng-click="fetchKeys()" Reload
            ul.tree
              li ng-repeat="key in keys" ng-include="'nav-tree-item.html'"
        .span9
          h4
            ' {{ key.full }}
            small {{ key.type }}

          div ng-switch="key.type"
            pre ng-switch-when="string" {{ key.value }}

            pre ng-switch-when="json" {{ key.value | json }}

            div ng-switch-when="set"
              table.table.table-striped.table-bordered.value-list
                tr ng-repeat="e in key.values"
                  td ng-switch="e.type"
                    pre ng-switch-when="json" {{ e.value | json }}
                    pre ng-switch-when="string" {{ e.value }}

            div ng-switch-when="zset"
              table.table.table-striped.table-bordered.value-list
                tr
                  th Value
                  th.value-zset-score Score
                tr ng-repeat="e in key.values"
                  td ng-switch="e.type"
                    pre ng-switch-when="json" {{ e.value | json }}
                    pre ng-switch-when="string" {{ e.value }}
                  td {{ e.score }}


            div ng-switch-when="hash"
              table.table.table-striped.table-bordered.value-list
                tr
                  th Key
                  th Value
                tr ng-repeat="(k,e) in key.value"
                  td {{ k }}
                  td ng-switch="e.type"
                    pre ng-switch-when="json" {{ e.value | json }}
                    pre ng-switch-when="string" {{ e.value }}

            div ng-switch-when="list"
              .alert
                ' Showing
                strong
                  ' {{ list.per_page }}
                ' items from
                strong
                  ' {{ list.start }}
                ' to
                strong
                  ' {{ list.stop }}
                ' out of
                strong
                  ' {{ key.length }}
                ' ( {{ list.pages }} pages )

              .row-fluid
                .span8
                  pagination boundary-links="true" num-pages="list.pages" current-page="list.current" max-size="list.max"

                .span4
                  .dropdown.per-page
                    a.dropdown-toggle
                      | {{ list.per_page }} per page
                    ul.dropdown-menu
                      li ng-repeat="i in [10,20,50,100,200]"
                        a ng-click="setPerPage(i)" {{ i }}

              table.table.table-striped.table-bordered.value-list
                tr
                  th.value-list-index Index
                  th Value
                tr ng-repeat="e in key.values"
                  td {{ e.index }}
                  td ng-switch="e.type"
                    pre ng-switch-when="json" {{ e.value | json }}
                    pre ng-switch-when="string" {{ e.value }}

              pagination boundary-links="true" num-pages="list.pages" current-page="list.current" max-size="list.max"

            span.alert.alert-success ng-switch-when="empty" Select something on the left

            div ng-switch-default=""
              table.table.table-striped.table-bordered
                tr
                  th Keys
                  th.keys-search
                    input.input-medium.search-query type="text" ng-model="query" placeholder="Search"
                tr ng-repeat="e in key.values | filter:query"
                  td
                    a href="#" ng-click="show(e)" {{ e.name }}
                  td
                    button.btn.btn-danger ng-click="deleteKey(e)" Delete
                tr
                  td
                  td
                    button.btn.btn-danger ng-click="deleteAll()" Delete ALL


              / span.alert.alert-danger Key not found