rroonga 5.0.9-x64-mingw32 → 5.1.1-x64-mingw32

data/vendor/local/share/groonga/html/admin/styles/vendor.7f75f6e0.css

@@ -0,0 +1,130 @@
+/*!
+ * Slider for Bootstrap
+ *
+ * Licensed under the Apache License v2.0
+ *
+ */
+.slider {
+  display: inline-block;
+  vertical-align: middle;
+  position: relative;
+}
+.slider.slider-horizontal {
+  width: 210px;
+  height: 20px;
+}
+.slider.slider-horizontal .slider-track {
+  height: 10px;
+  width: 100%;
+  margin-top: -5px;
+  top: 50%;
+  left: 0;
+}
+.slider.slider-horizontal .slider-selection {
+  height: 100%;
+  top: 0;
+  bottom: 0;
+}
+.slider.slider-horizontal .slider-handle {
+  margin-left: -10px;
+  margin-top: -5px;
+}
+.slider.slider-horizontal .slider-handle.triangle {
+  border-width: 0 10px 10px 10px;
+  width: 0;
+  height: 0;
+  border-bottom-color: #0480be;
+  margin-top: 0;
+}
+.slider.slider-vertical {
+  height: 210px;
+  width: 20px;
+}
+.slider.slider-vertical .slider-track {
+  width: 10px;
+  height: 100%;
+  margin-left: -5px;
+  left: 50%;
+  top: 0;
+}
+.slider.slider-vertical .slider-selection {
+  width: 100%;
+  left: 0;
+  top: 0;
+  bottom: 0;
+}
+.slider.slider-vertical .slider-handle {
+  margin-left: -5px;
+  margin-top: -10px;
+}
+.slider.slider-vertical .slider-handle.triangle {
+  border-width: 10px 0 10px 10px;
+  width: 1px;
+  height: 1px;
+  border-left-color: #0480be;
+  margin-left: 0;
+}
+.slider.slider-disabled .slider-handle {
+  background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
+  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
+}
+.slider.slider-disabled .slider-track {
+  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
+  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
+  cursor: not-allowed;
+}
+.slider input {
+  display: none;
+}
+.slider .tooltip-inner {
+  white-space: nowrap;
+}
+.slider-track {
+  position: absolute;
+  cursor: pointer;
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+}
+.slider-selection {
+  position: absolute;
+  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
+  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  border-radius: 4px;
+}
+.slider-handle {
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  background-color: #3a94a5;
+  background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
+  background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
+  filter: none;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  opacity: 0.8;
+  border: 0px solid transparent;
+}
+.slider-handle.round {
+  border-radius: 50%;
+}
+.slider-handle.triangle {
+  background: transparent none;
+}

data/vendor/local/share/groonga/html/admin/views/columns/new.html

@@ -1 +1,64 @@
-<div class="container-fluid" ng-controller="ColumnNewController"> <ol class="breadcrumb"> <li><a href="#/">Top</a></li> <li><a href="#/tables/">Tables</a></li> <li><a href="#/tables/{{table.name}}">{{table.name}}</a></li> </ol> <div class="content"> <div class="alert alert-warning" ng-show="message.length &gt; 0"> <p>{{message}}</p> </div> <h2>{{table.name}}: Create a new column</h2> <form name="tableForm" class="table-form" ng-submit="submit()"> <div class="form-group"> <label for="table" class="control-label">Table</label> <input id="table" name="table" type="text" class="form-control" ng-model="table.name" disabled required> </div> <div class="form-group" ng-class="{'has-error': tableForm.name.$invalid}"> <label for="name" class="control-label">Name</label> <input id="name" name="name" type="text" class="form-control" ng-model="column.name" required> </div> <div class="form-group" ng-class="{'has-error': tableForm.type.$invalid}"> <label for="type" class="control-label">Type</label> <select id="type" name="type" type="select" class="form-control" ng-model="column.type" ng-options="type.label for (name, type) in availableTypes"> </select> </div> <div class="form-group" ng-class="{'has-error': tableForm.valueType.$invalid}"> <label for="value-type" class="control-label">Value type</label> <select id="value-type" name="valueType" type="select" class="form-control" ng-model="column.valueType" ng-options="type for (index, type) in availableValueTypes"> </select> </div> <div class="form-group"> <div class="form-button"> <button type="submit">Submit</button> </div> </div> </form> </div> </div>
+<div class="container-fluid" ng-controller="ColumnNewController">
+  <ol class="breadcrumb">
+    <li><a href="#/">Top</a></li>
+    <li><a href="#/tables/">Tables</a></li>
+    <li><a href="#/tables/{{table.name}}">{{table.name}}</a></li>
+  </ol>
+
+  <div class="content">
+    <div class="alert alert-warning" ng-show="message.length &gt; 0">
+      <p>{{message}}</p>
+    </div>
+
+    <h2>{{table.name}}: Create a new column</h2>
+    <form name="tableForm" class="table-form" ng-submit="submit()">
+      <div class="form-group">
+        <label for="table" class="control-label">Table</label>
+        <input id="table"
+               name="table"
+               type="text"
+               class="form-control"
+               ng-model="table.name"
+               disabled="true"
+               required>
+      </div>
+      <div class="form-group"
+           ng-class="{'has-error': tableForm.name.$invalid}">
+        <label for="name" class="control-label">Name</label>
+        <input id="name"
+               name="name"
+               type="text"
+               class="form-control"
+               ng-model="column.name"
+               required>
+      </div>
+      <div class="form-group"
+           ng-class="{'has-error': tableForm.type.$invalid}">
+        <label for="type" class="control-label">Type</label>
+        <select id="type"
+                name="type"
+                type="select"
+                class="form-control"
+                ng-model="column.type"
+                ng-options="type.label for (name, type) in availableTypes">
+        </select>
+      </div>
+      <div class="form-group"
+           ng-class="{'has-error': tableForm.valueType.$invalid}">
+        <label for="value-type" class="control-label">Value type</label>
+        <select id="value-type"
+                name="valueType"
+                type="select"
+                class="form-control"
+                ng-model="column.valueType"
+                ng-options="type for (index, type) in availableValueTypes">
+        </select>
+      </div>
+      <div class="form-group">
+        <div class="form-button">
+          <button type="submit">Submit</button>
+        </div>
+      </div>
+    </form>
+  </div>
+</div>

data/vendor/local/share/groonga/html/admin/views/columns/show.html

@@ -1 +1,70 @@
-<div class="container-fluid" ng-controller="ColumnShowController"> <ol class="breadcrumb"> <li><a href="#/">Top</a></li> <li><a href="#/tables/">Tables</a></li> <li><a href="#/tables/{{column.table.name}}">{{column.table.name}}</a></li> <li class="active"> <a href="#/tables/{{column.table.name}}/columns/{{column.name}}"> {{column.name}} </a> </li> </ol> <div class="sidebar"> <div class="panel panel-default"> <div class="panel-heading"> <h2 class="panel-title">Actions</h2> </div> <div class="panel-body"> <ul class="list-group"> <li class="list-group-item"> <button type="button" ng-click="remove()"> <span class="glyphicon glyphicon-remove"></span> Remove </button> </li> </ul> </div> </div> </div> <div class="main-content"> <div class="alert alert-warning" ng-show="message.length &gt; 0"> <p>{{message}}</p> </div> <h2>Column: {{column.table.name}}.{{column.name}}</h2> <div class="column-properties"> <table> <tr> <th>ID <td>{{column.id}}  <tr> <th>Table <td><a href="#/tables/{{column.domain}}">{{column.domain}}</a>  <tr> <th>Name <td>{{column.name}}  <tr> <th>Type <td>{{column.type}}  <tr> <th>Value type <td>{{column.range}}  <tr> <th>Value size type <td>{{column.sizeType}}  <tr> <th>Path <td>{{column.path}}  </table> </div> </div> </div>
+<div class="container-fluid" ng-controller="ColumnShowController">
+  <ol class="breadcrumb">
+    <li><a href="#/">Top</a></li>
+    <li><a href="#/tables/">Tables</a></li>
+    <li><a href="#/tables/{{column.table.name}}">{{column.table.name}}</a></li>
+    <li class="active">
+      <a href="#/tables/{{column.table.name}}/columns/{{column.name}}">
+        {{column.name}}
+      </a>
+    </li>
+  </ol>
+
+  <div class="sidebar">
+    <div class="panel panel-default">
+      <div class="panel-heading">
+        <h2 class="panel-title">Actions</h2>
+      </div>
+      <div class="panel-body">
+        <ul class="list-group">
+          <li class="list-group-item">
+            <button type="button" ng-click="remove()">
+              <span class="glyphicon glyphicon-remove"></span>
+              Remove
+            </button>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="main-content">
+    <div class="alert alert-warning" ng-show="message.length &gt; 0">
+      <p>{{message}}</p>
+    </div>
+
+    <h2>Column: {{column.table.name}}.{{column.name}}</h2>
+    <div class="column-properties">
+      <table>
+        <tr>
+          <th>ID</th>
+          <td>{{column.id}}</td>
+        </tr>
+        <tr>
+          <th>Table</th>
+          <td><a href="#/tables/{{column.domain}}">{{column.domain}}</a></td>
+        </tr>
+        <tr>
+          <th>Name</th>
+          <td>{{column.name}}</td>
+        </tr>
+        <tr>
+          <th>Type</th>
+          <td>{{column.type}}</td>
+        </tr>
+        <tr>
+          <th>Value type</th>
+          <td>{{column.range}}</td>
+        </tr>
+        <tr>
+          <th>Value size type</th>
+          <td>{{column.sizeType}}</td>
+        </tr>
+        <tr>
+          <th>Path</th>
+          <td>{{column.path}}</td>
+        </tr>
+      </table>
+    </div>
+  </div>
+</div>

data/vendor/local/share/groonga/html/admin/views/tables/index.html

@@ -1 +1,53 @@
-<div class="container-fluid" ng-controller="TableIndexController"> <ol class="breadcrumb"> <li><a href="#/">Top</a></li> <li class="active"><a href="#/tables/">Tables</a></li> </ol> <div class="content"> <div class="alert alert-warning" ng-show="message.length &gt; 0"> <p>{{message}}</p> </div> <h2> Tables <a href="#/tables/_new" title="Create a table"> <span class="badge"> <span class="glyphicon glyphicon-plus"></span> </span> </a> </h2> <div class="tables"> <table> <thead> <tr> <th>id <th>name <th>type <th>value type <th>normalizer <th>tokenizer <th>token filters <th>path   <tbody> <tr ng-repeat="table in tables track by $index"> <td>{{table.id}} <td> <a href="#/tables/{{table.name}}"> {{table.name}} </a>  <td>{{table.type}} <td>{{table.range}} <td>{{table.normalizer}} <td>{{table.tokenizer}} <td>{{table.token_filters}} <td>{{table.path}}   </table> </div> </div> </div>
+<div class="container-fluid" ng-controller="TableIndexController">
+  <ol class="breadcrumb">
+    <li><a href="#/">Top</a></li>
+    <li class="active"><a href="#/tables/">Tables</a></li>
+  </ol>
+
+  <div class="content">
+    <div class="alert alert-warning" ng-show="message.length &gt; 0">
+      <p>{{message}}</p>
+    </div>
+
+    <h2>
+      Tables
+      <a href="#/tables/_new" title="Create a table">
+        <span class="badge">
+          <span class="glyphicon glyphicon-plus"></span>
+        </span>
+      </a>
+    </h2>
+    <div class="tables">
+      <table>
+        <thead>
+          <tr>
+            <th>id</th>
+            <th>name</th>
+            <th>type</th>
+            <th>value type</th>
+            <th>normalizer</th>
+            <th>tokenizer</th>
+            <th>token filters</th>
+            <th>path</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr ng-repeat="table in tables track by $index">
+            <td>{{table.id}}</td>
+            <td>
+              <a href="#/tables/{{table.name}}">
+                {{table.name}}
+              </a>
+            </td>
+            <td>{{table.type}}</td>
+            <td>{{table.range}}</td>
+            <td>{{table.normalizer}}</td>
+            <td>{{table.tokenizer}}</td>
+            <td>{{table.token_filters}}</td>
+            <td>{{table.path}}</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>

data/vendor/local/share/groonga/html/admin/views/tables/new.html

@@ -1,4 +1,48 @@
-<div class="container-fluid" ng-controller="TableNewController"> <ol class="breadcrumb"> <li><a href="#/">Top</a></li> <li class="active"><a href="#/tables/">Tables</a></li> </ol> <div class="content"> <div class="alert alert-warning" ng-show="message.length &gt; 0"> <p>{{message}}</p> </div> <h2>Create a new table</h2> <form name="tableForm" class="table-form" ng-submit="submit()"> <div class="form-group" ng-class="{'has-error': tableForm.name.$invalid}"> <label for="name" class="control-label">Name</label> <input id="name" name="name" type="text" class="form-control" ng-model="parameters.name" required> </div> <div class="form-group" ng-class="{'has-error': tableForm.type.$invalid}"> <label for="type" class="control-label">Type</label> <select id="type" name="type" type="select" class="form-control" ng-model="parameters.type" ng-options="type.label for (name, type) in availableTypes"> </select> </div> <div class="form-group" ng-class="{'has-error': tableForm.keyType.$invalid}"> <label for="key-type" class="control-label">Key type</label> <input id="key-type" name="keyType" type="text" class="form-control" ng-model="parameters.keyType" ng-disabled="parameters.type === availableTypes.array"> </div> <!--
+<div class="container-fluid" ng-controller="TableNewController">
+  <ol class="breadcrumb">
+    <li><a href="#/">Top</a></li>
+    <li class="active"><a href="#/tables/">Tables</a></li>
+  </ol>
+
+  <div class="content">
+    <div class="alert alert-warning" ng-show="message.length &gt; 0">
+      <p>{{message}}</p>
+    </div>
+
+    <h2>Create a new table</h2>
+    <form name="tableForm" class="table-form" ng-submit="submit()">
+      <div class="form-group"
+           ng-class="{'has-error': tableForm.name.$invalid}">
+        <label for="name" class="control-label">Name</label>
+        <input id="name"
+               name="name"
+               type="text"
+               class="form-control"
+               ng-model="parameters.name"
+               required>
+      </div>
+      <div class="form-group"
+           ng-class="{'has-error': tableForm.type.$invalid}">
+        <label for="type" class="control-label">Type</label>
+        <select id="type"
+                name="type"
+                type="select"
+                class="form-control"
+                ng-model="parameters.type"
+                ng-options="type.label for (name, type) in availableTypes">
+        </select>
+      </div>
+      <div class="form-group"
+           ng-class="{'has-error': tableForm.keyType.$invalid}">
+        <label for="key-type" class="control-label">Key type</label>
+        <input id="key-type"
+               name="keyType"
+               type="text"
+               class="form-control"
+               ng-model="parameters.keyType"
+               ng-disabled="parameters.type === availableTypes.array">
+      </div>
+      <!--
       <div class="form-group"
            ng-class="{'has-error': tableForm.normalizer.$invalid}">
         <label for="normalizer" class="control-label">Normalizer</label>
@@ -26,4 +70,12 @@
                class="form-control"
                ng-model="parameters.tokenFilters">
       </div>
-      --> <div class="form-group"> <div class="form-button"> <button type="submit">Submit</button> </div> </div> </form> </div> </div>
+      -->
+      <div class="form-group">
+        <div class="form-button">
+          <button type="submit">Submit</button>
+        </div>
+      </div>
+    </form>
+  </div>
+</div>

data/vendor/local/share/groonga/html/admin/views/tables/search.html

@@ -1 +1,236 @@
-<div class="container-fluid" ng-controller="TableSearchController"> <ol class="breadcrumb"> <li><a href="#/">Top</a></li> <li><a href="#/tables/">Tables</a></li> <li><a href="#/tables/{{table.name}}">{{table.name}}</a></li> <li class="active">Search</li> </ol> <div class="sidebar"> <div class="panel panel-default"> <div class="panel-heading"> <h2 class="panel-title">Save condition</h2> </div> <div class="panel-body"> <div class="input-group"> <button ng-click="search()" class="btn btn-default"> <span title="Keep query as URL (Bookmark new URL)" class="glyphicon glyphicon-save"></span> </button> <button ng-click="clear()" class="btn btn-default"> <span title="Clear" class="glyphicon glyphicon-trash"></span> </button> </div> </div> <div class="panel-heading"> <h2 class="panel-title">Columns</h2> </div> <div class="panel-body"> <div class="table-columns"> <table> <thead> <tr> <th>Name <th> <span title="Show" class="glyphicon glyphicon-eye-open"></span>  <th> <span title="Drilldown" class="glyphicon glyphicon-filter"></span>    <tbody> <tr ng-repeat="column in table.allColumns track by $index"> <td>{{column.name}} <td><input type="checkbox" ng-model="column.output" ng-change="incrementalSearch()"> <td><input type="checkbox" ng-model="column.drilldown" ng-change="incrementalSearch()">   </table> </div> </div> </div> <div class="panel panel-default" ng-repeat="drilldown in response.drilldowns track by $index"> <div class="panel-heading"> <h2 class="panel-title"> {{drilldown.key}}({{drilldown.nTotalRecords}}) </h2> </div> <div class="panel-body"> <ul class="list-group"> <li class="list-group-item" ng-repeat="record in drilldown.records track by $index"> <a ng-click="selectDrilldown(drilldown.key, record._key)"> {{record._key}} </a> <span class="badge">{{record._nsubrecs}}</span> </li> </ul> </div> </div> </div> <div class="main-content"> <div class="alert alert-warning" ng-show="message.length &gt; 0"> <p>{{message}}</p> </div> <form class="search-form" role="search"> <div class="form-group"> <div class="input-group"> <span ng-repeat="indexedColumn in table.indexedColumns track by $index"> <label> <input type="checkbox" ng-model="indexedColumn.inUse" ng-change="incrementalSearch()"> {{indexedColumn.name}} </label> </span> </div> </div> <div class="form-group"> <div class="input-group"> <span class="input-group-addon">Query</span> <input type="search" class="form-control" ng-model="parameters.query" ng-change="incrementalSearch()"> </div> </div> <div class="form-group time-query" ng-repeat="timeColumn in table.timeColumns track by $index"> <div class="input-group"> {{timeColumn.name}}: <slider ng-model="timeColumn.range" ng-change="timeColumn.onRangeChange()" min="0" step="1" max="100" formater="timeColumn.formater" range="true" tooltip="always" tooltipsplit="true"></slider> <select ng-options="unit.label for unit in orderedTimeColumnUnits" ng-model="timeColumn.unit" ng-change="timeColumn.onUnitChange()"></select> </div> </div> </form> <p class="statistics"> <span id="n-total-records">{{response.nTotalRecords}} records</span> <span id="elapsed-time"> ({{response.elapsedTimeInMilliseconds | number : 3}}ms) </span> </p> <pagination total-items="response.nTotalRecords" items-per-page="nRecordsInPage" max-size="maxNPages" rotate="false" ng-model="currentPage" ng-change="incrementalSearch()"> </pagination> <ul class="nav nav-tabs" role="tablist"> <li role="tab" data-toggle="tab" class="active"> <a ng-click="style = 'table'">Table</a> </li> <li role="tab" data-toggle="tab"> <a ng-click="style = 'list'">List</a> </li> <li role="tab" data-toggle="tab"> <a ng-click="style = 'raw'">Raw</a> </li> </ul> <div class="table-search-result" ng-show="style == 'table'"> <table> <thead> <tr> <th ng-repeat="column in response.columns track by $index"> {{column.name}} <div> <button type="button" class="btn btn-default" ng-click="toggleSort(column)"> <span class="glyphicon {{column.iconClass}}"></span> </button> </div>    <tbody> <tr ng-repeat="record in response.records track by $index"> <td ng-repeat="element in record track by $index"> {{element.formattedValue}}    </table> </div> <div class="list-search-result" ng-show="style == 'list'"> <div class="row" ng-repeat="record in response.records track by $index"> <div class="col-md12"> <div class="table-responsive"> <table> <tbody> <tr ng-repeat="item in record track by $index"> <th>{{item.column.name}} <td>{{item.formattedValue}}   </table> </div> </div> </div> </div> <div ng-show="style == 'raw'"> <pre><code id="groonga-command-line">{{commandLine}}</code></pre> <pre><code id="groonga-response">{{response.rawData | json}}</code></pre> </div> <pagination total-items="response.nTotalRecords" items-per-page="nRecordsInPage" max-size="maxNPages" rotate="false" ng-model="currentPage" ng-change="incrementalSearch()"> </pagination> </div> </div>
+<div class="container-fluid" ng-controller="TableSearchController">
+  <ol class="breadcrumb">
+    <li><a href="#/">Top</a></li>
+    <li><a href="#/tables/">Tables</a></li>
+    <li><a href="#/tables/{{table.name}}">{{table.name}}</a></li>
+    <li class="active">Search</li>
+  </ol>
+
+  <div class="sidebar">
+    <div class="panel panel-default">
+      <div class="panel-heading">
+        <h2 class="panel-title">Save condition</h2>
+      </div>
+      <div class="panel-body">
+        <div class="input-group">
+          <button ng-click="search()" class="btn btn-default">
+            <span title="Keep query as URL (Bookmark new URL)"
+                  class="glyphicon glyphicon-bookmark"></span>
+          </button>
+          <button ng-click="clear()" class="btn btn-default">
+            <span title="Clear"
+                  class="glyphicon glyphicon-trash"></span>
+          </button>
+        </div>
+      </div>
+
+      <div class="panel-heading">
+        <h2 class="panel-title">Auto refresh</h2>
+      </div>
+      <div class="panel-body">
+        <div class="input-group">
+          <!--span class="input-group-addon">
+              <span class="glyphicon glyphicon-time"></span>
+          </span-->
+          <input type="number"
+                 class="form-control"
+                 ng-model="autoRefreshIntervalInSeconds"
+                 ng-change="updateAutoRefresh()">
+          <span class="input-group-addon">sec</span>
+        </div>
+      </div>
+
+      <div class="panel-heading">
+        <h2 class="panel-title">Columns</h2>
+      </div>
+      <div class="panel-body">
+        <div class="table-columns">
+          <table>
+            <thead>
+              <tr>
+                <th>Name</th>
+                <th>
+                  <input type="checkbox"
+                         ng-model="toggleAllColumnsChecked"
+                         ng-change="toggleAllColumns()">
+                  <span title="Show"
+                        class="glyphicon glyphicon-eye-open"></span>
+                </th>
+                <th>
+                  <span title="Drilldown"
+                        class="glyphicon glyphicon-filter"></span>
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr ng-repeat="column in table.allColumns track by $index">
+                <td>{{column.name}}</td>
+                <td><input type="checkbox"
+                           ng-model="column.output"
+                           ng-change="incrementalSearch()"></td>
+                <td><input type="checkbox"
+                           ng-model="column.drilldown"
+                           ng-change="incrementalSearch()"></td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+
+    <div class="panel panel-default"
+         ng-repeat="drilldown in response.drilldowns track by $index">
+      <div class="panel-heading">
+        <h2 class="panel-title">
+          {{drilldown.key}}({{drilldown.nTotalRecords}})
+        </h2>
+      </div>
+      <div class="panel-body">
+        <ul class="list-group">
+          <li class="list-group-item"
+              ng-repeat="record in drilldown.records track by $index">
+            <a ng-click="selectDrilldown(drilldown.key, record._key)">
+              {{record._key}}
+              <span class="badge">{{record._nsubrecs}}</span>
+            </a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="main-content">
+    <div class="alert alert-warning" ng-show="message.length &gt; 0">
+      <p>{{message}}</p>
+    </div>
+    <form class="search-form" role="search">
+      <div class="form-group">
+        <div class="input-group">
+          <span ng-repeat="indexedColumn in table.indexedColumns track by $index">
+            <label>
+              <input type="checkbox"
+                     ng-model="indexedColumn.inUse"
+                     ng-change="incrementalSearch()">
+              {{indexedColumn.name}}
+            </label>
+          </span>
+        </div>
+      </div>
+      <div class="form-group">
+        <div class="input-group">
+          <span class="input-group-addon">Query</span>
+          <input type="search"
+                 class="form-control"
+                 ng-model="parameters.query"
+                 ng-change="incrementalSearch()">
+          <span class="input-group-btn">
+            <button ng-click="clearQuery()" class="btn btn-default">
+              <span title="Clear query"
+                    class="glyphicon glyphicon-erase"></span>
+            </button>
+          </span>
+        </div>
+      </div>
+      <div class="form-group time-query"
+           ng-repeat="timeColumn in table.timeColumns track by $index">
+        <div class="input-group">
+          {{timeColumn.name}}:
+          <slider ng-model="timeColumn.range"
+                  ng-change="timeColumn.onRangeChange()"
+                  min="0"
+                  step="1"
+                  max="100"
+                  formater="timeColumn.formater"
+                  range="true"
+                  tooltip="always"
+                  tooltipsplit="true"></slider>
+          <select ng-options="unit.label for unit in orderedTimeColumnUnits"
+                  ng-model="timeColumn.unit"
+                  ng-change="timeColumn.onUnitChange()"></select>
+        </div>
+      </div>
+    </form>
+    <p class="statistics">
+      <span id="n-total-records">{{response.nTotalRecords}} records</span>
+      <span id="elapsed-time">
+        ({{response.elapsedTimeInMilliseconds | number : 3}}ms)
+      </span>
+    </p>
+
+    <pagination total-items="response.nTotalRecords"
+                items-per-page="nRecordsInPage"
+                max-size="maxNPages"
+                rotate="false"
+                ng-model="currentPage"
+                ng-change="incrementalSearch()">
+    </pagination>
+
+    <ul class="nav nav-tabs" role="tablist">
+      <li role="tab" data-toggle="tab" class="active">
+        <a ng-click="style = 'table'">Table</a>
+      </li>
+      <li role="tab" data-toggle="tab">
+        <a ng-click="style = 'list'">List</a>
+      </li>
+      <li role="tab" data-toggle="tab">
+        <a ng-click="style = 'raw'">Raw</a>
+      </li>
+    </ul>
+
+    <div class="table-search-result" ng-show="style == 'table'">
+      <table>
+        <thead>
+          <tr>
+            <th ng-repeat="column in response.columns track by $index">
+              {{column.name}}
+              <div>
+                <button type="button"
+                        class="btn btn-default"
+                        ng-click="toggleSort(column)">
+                  <span class="glyphicon {{column.iconClass}}"></span>
+                </button>
+              </div>
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr ng-repeat="record in response.records track by $index">
+            <td ng-repeat="element in record track by $index">
+              {{element.formattedValue}}
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <div class="list-search-result" ng-show="style == 'list'">
+      <div class="row" ng-repeat="record in response.records track by $index">
+        <div class="col-md12">
+          <div class="table-responsive">
+            <table>
+              <tbody>
+                <tr ng-repeat="item in record track by $index">
+                  <th>{{item.column.name}}</th>
+                  <td>{{item.formattedValue}}</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div ng-show="style == 'raw'">
+      <pre><code id="groonga-command-line">{{commandLine}}</code></pre>
+      <pre><code id="groonga-response">{{response.rawData | json}}</code></pre>
+    </div>
+
+    <pagination total-items="response.nTotalRecords"
+                items-per-page="nRecordsInPage"
+                max-size="maxNPages"
+                rotate="false"
+                ng-model="currentPage"
+                ng-change="incrementalSearch()">
+    </pagination>
+  </div>
+</div>