restaurant-search/client/index.html

<!DOCTYPE html>
<html>
    <head>
        <title>Reactive Search</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <!-- inject:css -->
        <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.css">
        <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap-theme.css">
        <link rel="stylesheet" href="/bower_components/bootstrap-select/dist/css/bootstrap-select.css">
        <link rel="stylesheet" href="/css/style.css">
        <!-- endinject -->
    </head>
    <body>
        <div class="container">
            <!-- busy spinner -->
            <div class="page-header">
                <h1><img id="spinner" class="pull-right" src="images/spinner.gif" style="display: none;" width="32" height="32">Reactive Search</h1>
            </div>

            <!-- query input -->
            <div id="input" class="form-horizontal">
                <div class="form-group">
                    <label for="keywordsToSearch" class="col-md-2 control-label">Keywords</label>
                    <div class="col-md-10">
                        <select id="keywordsToSearch" class="form-control" multiple="multiple" data-max-options="4" data-live-search="data-live-search"></select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="minScore" class="col-md-2 control-label">Minimum score</label>
                    <div class="col-md-10">
                        <input class="form-control" type="number" step="any" value="0.25" id="minScore">
                    </div>
                </div>
                <div class="form-group">
                    <label for="hintSteps" class="col-md-2 control-label">Hint steps</label>
                    <div class="col-md-10">
                        <input class="form-control" type="number" value="20" id="hintSteps">
                    </div>
                </div>
                <div class="form-group">
                    <label for="maxResults" class="col-md-2 control-label">Max results</label>
                    <div class="col-md-10">
                        <input class="form-control" type="number" value="100" id="maxResults">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-offset-2 col-md-10">
                        <button class="btn btn-primary" id="searchKeywords" type="button" disabled="disabled">
                            <span class="glyphicon glyphicon-search"></span> Search
                        </button>
                    </div>
                </div>
            </div>

            <!-- options dialog -->
            <div class="modal fade" id="optionsDialog" tabindex="-1">
                <div class="modal-dialog modal-sm">
                    <div class="modal-content">
                        <div class="modal-header"><big>Visualization Options</big></div>
                        <div class="modal-body">
                            <div class="checkbox">
                                <label><input type="checkbox" id="useLocalScale" checked="checked">Use local scale</label>
                            </div>
                            <div class="checkbox">
                                <label><input type="checkbox" id="useRelativeScale" checked="checked">Use relative scale</label>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- learn keyword dialog -->
            <div class="modal fade" id="learnDialog" tabindex="-1">
                <div class="modal-dialog modal-sm">
                    <div class="modal-content">
                        <div class="modal-header"><big>Learn Keyword</big></div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label for="keyword" class="control-label">Learn keyword as</label>
                                <input class="form-control" type="text" id="keywordToLearn">
                            </div>
                            <div class="alert alert-danger" id="learnError" style="display: none;">Unable to learn keyword</div>
                        </div>
                        <div class="modal-footer">
                            <div class="btn-group">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                <button type="button" class="btn btn-success" id="learnKeyword" disabled="disabled">Learn</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- forget keyword dialog -->
            <div class="modal fade" id="forgetDialog" tabindex="-1">
                <div class="modal-dialog modal-sm">
                    <div class="modal-content">
                        <div class="modal-header"><big>Forget Keyword</big></div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label for="keywordToForget">Keyword to forget</label>
                                <select id="keywordToForget" class="form-control"></select>
                            </div>
                            <div class="alert alert-danger" id="forgetError" style="display: none;">Unable to forget keyword</div>
                        </div>
                        <div class="modal-footer">
                            <div class="btn-group">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                <button type="button" class="btn btn-danger" id="forgetKeyword" disabled="disabled">Forget</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- query output -->
            <div id="output" style="display: none;">
                <!-- semantic tweaker -->
                <div class="panel panel-default unselectable">
                    <div class="panel-heading">
                        <big>Semantic tweaks to <span id="query" class="text-primary"></span></big>
                        <div class="btn-group pull-right">
                            <button class="btn btn-xs btn-success" data-toggle="modal" data-target="#learnDialog">Learn</button>
                            <button class="btn btn-xs btn-danger" data-toggle="modal" data-target="#forgetDialog">Forget</button>
                            <button class="btn btn-xs btn-default" data-toggle="modal" data-target="#optionsDialog">Options</button>
                        </div>
                    </div>
                    <div style="padding: 10px;">
                        <canvas id="grapher" width="800" height="550"></canvas>
                    </div>
                </div>

                <!-- result listing -->
                <div class="panel panel-default">
                    <div class="panel-heading"><big>Query results (<span id="count" class="text-primary"></span>)</big></div>
                    <div style="padding: 10px;">
                        <script id="template" type="text/x-handlers-template">
                            {{#if results}}
                            <table class="table table-striped table-condensed">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Name</th>
                                    <th>Score</th>
                                </tr>
                            </thead>
                            {{#each results}}
                                <tr>
                                    <td>{{@index}}</td>
                                    <td><a href="{{url}}">{{name}}</a></td>
                                    <td>{{score}}</td>
                                </tr>
                            {{/each}}
                            </table>
                            {{/if}}
                        </script>
                        <div id="results"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- inject:js -->
        <script src="/bower_components/underscore/underscore.js"></script>
        <script src="/bower_components/handlebars/handlebars.js"></script>
        <script src="/bower_components/jquery/dist/jquery.js"></script>
        <script src="/bower_components/fabric/dist/fabric.js"></script>
        <script src="/bower_components/tinycolor/tinycolor.js"></script>
        <script src="/bower_components/bootstrap/dist/js/bootstrap.js"></script>
        <script src="/bower_components/bootstrap-select/dist/js/bootstrap-select.js"></script>
        <script src="/js/application.js"></script>
        <script src="/js/grapher.js"></script>
        <!-- endinject -->
    </body>
</html>
Renaming directory 2014-07-08 04:35:52 +00:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
Renaming client title 2014-07-14 23:23:49 +00:00			`<title>Reactive Search</title>`
Renaming directory 2014-07-08 04:35:52 +00:00			`<meta http-equiv="content-type" content="text/html; charset=utf-8">`
Adding tags for script and style inclusion 2014-09-30 07:13:35 +00:00			`<!-- inject:css -->`
Reference non-minified files for dev builds 2014-09-30 08:42:07 +00:00			`<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.css">`
			`<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap-theme.css">`
			`<link rel="stylesheet" href="/bower_components/bootstrap-select/dist/css/bootstrap-select.css">`
Cleanup 2014-09-30 08:40:31 +00:00			`<link rel="stylesheet" href="/css/style.css">`
Adding tags for script and style inclusion 2014-09-30 07:13:35 +00:00			`<!-- endinject -->`
Renaming directory 2014-07-08 04:35:52 +00:00			`</head>`
			`<body>`
			`<div class="container">`
Misc cleanup 2014-09-20 09:11:13 +00:00			`<!-- busy spinner -->`
Renaming directory 2014-07-08 04:35:52 +00:00			`<div class="page-header">`
Use pull-right class instead of float: right style 2014-09-19 08:15:40 +00:00			`<h1><img id="spinner" class="pull-right" src="images/spinner.gif" style="display: none;" width="32" height="32">Reactive Search</h1>`
Renaming directory 2014-07-08 04:35:52 +00:00			`</div>`

Misc cleanup 2014-09-20 09:11:13 +00:00			`<!-- query input -->`
Removing unnecessary form tags, improving options dialog 2014-09-18 06:12:14 +00:00			`<div id="input" class="form-horizontal">`
			`<div class="form-group">`
More cleanup 2014-09-19 11:26:46 +00:00			`<label for="keywordsToSearch" class="col-md-2 control-label">Keywords</label>`
Removing unnecessary form tags, improving options dialog 2014-09-18 06:12:14 +00:00			`<div class="col-md-10">`
Misc cleanup 2014-09-20 09:11:13 +00:00			`<select id="keywordsToSearch" class="form-control" multiple="multiple" data-max-options="4" data-live-search="data-live-search"></select>`
Renaming directory 2014-07-08 04:35:52 +00:00			`</div>`
Removing unnecessary form tags, improving options dialog 2014-09-18 06:12:14 +00:00			`</div>`
			`<div class="form-group">`
			`<label for="minScore" class="col-md-2 control-label">Minimum score</label>`
			`<div class="col-md-10">`
Misc cleanup 2014-09-20 09:11:13 +00:00			`<input class="form-control" type="number" step="any" value="0.25" id="minScore">`
Renaming directory 2014-07-08 04:35:52 +00:00			`</div>`
Removing unnecessary form tags, improving options dialog 2014-09-18 06:12:14 +00:00			`</div>`
			`<div class="form-group">`
			`<label for="hintSteps" class="col-md-2 control-label">Hint steps</label>`
			`<div class="col-md-10">`
Misc cleanup 2014-09-20 09:11:13 +00:00			`<input class="form-control" type="number" value="20" id="hintSteps">`
Renaming directory 2014-07-08 04:35:52 +00:00			`</div>`
Removing unnecessary form tags, improving options dialog 2014-09-18 06:12:14 +00:00			`</div>`
			`<div class="form-group">`
			`<label for="maxResults" class="col-md-2 control-label">Max results</label>`
			`<div class="col-md-10">`
Misc cleanup 2014-09-20 09:11:13 +00:00			`<input class="form-control" type="number" value="100" id="maxResults">`
Renaming directory 2014-07-08 04:35:52 +00:00			`</div>`
Removing unnecessary form tags, improving options dialog 2014-09-18 06:12:14 +00:00			`</div>`
			`<div class="form-group">`
			`<div class="col-md-offset-2 col-md-10">`
More cleanup 2014-09-19 11:26:46 +00:00			`<button class="btn btn-primary" id="searchKeywords" type="button" disabled="disabled">`
Removing unnecessary form tags, improving options dialog 2014-09-18 06:12:14 +00:00			`<span class="glyphicon glyphicon-search"></span> Search`
			`</button>`
Renaming directory 2014-07-08 04:35:52 +00:00			`</div>`
Removing unnecessary form tags, improving options dialog 2014-09-18 06:12:14 +00:00			`</div>`
Renaming directory 2014-07-08 04:35:52 +00:00			`</div>`

Misc cleanup 2014-09-20 09:11:13 +00:00			`<!-- options dialog -->`
Cleanup 2014-09-19 11:15:34 +00:00			`<div class="modal fade" id="optionsDialog" tabindex="-1">`
Moving options to dialog 2014-09-18 06:01:56 +00:00			`<div class="modal-dialog modal-sm">`
			`<div class="modal-content">`
Removing unnecessary form tags, improving options dialog 2014-09-18 06:12:14 +00:00			`<div class="modal-header"><big>Visualization Options</big></div>`
Moving options to dialog 2014-09-18 06:01:56 +00:00			`<div class="modal-body">`
Stub for keyword deleter 2014-09-19 08:34:04 +00:00			`<div class="checkbox">`
Misc cleanup 2014-09-20 09:11:13 +00:00			`<label><input type="checkbox" id="useLocalScale" checked="checked">Use local scale</label>`
Removing unnecessary form tags, improving options dialog 2014-09-18 06:12:14 +00:00			`</div>`
Stub for keyword deleter 2014-09-19 08:34:04 +00:00			`<div class="checkbox">`
Misc cleanup 2014-09-20 09:11:13 +00:00			`<label><input type="checkbox" id="useRelativeScale" checked="checked">Use relative scale</label>`
Removing unnecessary form tags, improving options dialog 2014-09-18 06:12:14 +00:00			`</div>`
Moving options to dialog 2014-09-18 06:01:56 +00:00			`</div>`
			`<div class="modal-footer">`
Removing unnecessary form tags, improving options dialog 2014-09-18 06:12:14 +00:00			`<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>`
Moving options to dialog 2014-09-18 06:01:56 +00:00			`</div>`
			`</div>`
			`</div>`
			`</div>`

Misc cleanup 2014-09-20 09:11:13 +00:00			`<!-- learn keyword dialog -->`
Cleanup 2014-09-19 11:15:34 +00:00			`<div class="modal fade" id="learnDialog" tabindex="-1">`
Adding stub for learning keywords 2014-09-18 06:18:04 +00:00			`<div class="modal-dialog modal-sm">`
			`<div class="modal-content">`
			`<div class="modal-header"><big>Learn Keyword</big></div>`
			`<div class="modal-body">`
Stub for keyword deleter 2014-09-19 08:34:04 +00:00			`<div class="form-group">`
Cleanup 2014-09-19 08:40:47 +00:00			`<label for="keyword" class="control-label">Learn keyword as</label>`
Misc cleanup 2014-09-20 09:11:13 +00:00			`<input class="form-control" type="text" id="keywordToLearn">`
More work on add keyword dialog 2014-09-18 07:40:18 +00:00			`</div>`
Misc cleanup 2014-09-20 09:11:13 +00:00			`<div class="alert alert-danger" id="learnError" style="display: none;">Unable to learn keyword</div>`
Adding stub for learning keywords 2014-09-18 06:18:04 +00:00			`</div>`
			`<div class="modal-footer">`
More work on add keyword dialog 2014-09-18 07:40:18 +00:00			`<div class="btn-group">`
			`<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>`
Cleanup 2014-09-19 11:15:34 +00:00			`<button type="button" class="btn btn-success" id="learnKeyword" disabled="disabled">Learn</button>`
More work on add keyword dialog 2014-09-18 07:40:18 +00:00			`</div>`
Adding stub for learning keywords 2014-09-18 06:18:04 +00:00			`</div>`
			`</div>`
			`</div>`
			`</div>`

Misc cleanup 2014-09-20 09:11:13 +00:00			`<!-- forget keyword dialog -->`
Cleanup 2014-09-19 11:15:34 +00:00			`<div class="modal fade" id="forgetDialog" tabindex="-1">`
Stub for keyword deleter 2014-09-19 08:34:04 +00:00			`<div class="modal-dialog modal-sm">`
			`<div class="modal-content">`
			`<div class="modal-header"><big>Forget Keyword</big></div>`
			`<div class="modal-body">`
Cleanup 2014-09-19 08:40:47 +00:00			`<div class="form-group">`
Cleanup 2014-09-19 11:15:34 +00:00			`<label for="keywordToForget">Keyword to forget</label>`
Misc cleanup 2014-09-20 09:11:13 +00:00			`<select id="keywordToForget" class="form-control"></select>`
Cleanup 2014-09-19 08:40:47 +00:00			`</div>`
Misc cleanup 2014-09-20 09:11:13 +00:00			`<div class="alert alert-danger" id="forgetError" style="display: none;">Unable to forget keyword</div>`
Stub for keyword deleter 2014-09-19 08:34:04 +00:00			`</div>`
			`<div class="modal-footer">`
			`<div class="btn-group">`
			`<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>`
Cleanup 2014-09-19 11:15:34 +00:00			`<button type="button" class="btn btn-danger" id="forgetKeyword" disabled="disabled">Forget</button>`
Stub for keyword deleter 2014-09-19 08:34:04 +00:00			`</div>`
			`</div>`
			`</div>`
			`</div>`
			`</div>`

Misc cleanup 2014-09-20 09:11:13 +00:00			`<!-- query output -->`
Renaming directory 2014-07-08 04:35:52 +00:00			`<div id="output" style="display: none;">`
Misc cleanup 2014-09-20 09:11:13 +00:00			`<!-- semantic tweaker -->`
Moving unselectable class 2014-09-25 13:49:06 +00:00			`<div class="panel panel-default unselectable">`
Moving options to dialog 2014-09-18 06:01:56 +00:00			`<div class="panel-heading">`
			`<big>Semantic tweaks to <span id="query" class="text-primary"></span></big>`
			`<div class="btn-group pull-right">`
Desaturate bar graph color based on value 2014-09-25 09:56:04 +00:00			`<button class="btn btn-xs btn-success" data-toggle="modal" data-target="#learnDialog">Learn</button>`
			`<button class="btn btn-xs btn-danger" data-toggle="modal" data-target="#forgetDialog">Forget</button>`
			`<button class="btn btn-xs btn-default" data-toggle="modal" data-target="#optionsDialog">Options</button>`
Renaming directory 2014-07-08 04:35:52 +00:00			`</div>`
			`</div>`
Moving unselectable class 2014-09-25 13:49:06 +00:00			`<div style="padding: 10px;">`
Moving options to dialog 2014-09-18 06:01:56 +00:00			`<canvas id="grapher" width="800" height="550"></canvas>`
			`</div>`
			`</div>`
Misc cleanup 2014-09-20 09:11:13 +00:00
			`<!-- result listing -->`
Renaming directory 2014-07-08 04:35:52 +00:00			`<div class="panel panel-default">`
			`<div class="panel-heading"><big>Query results (<span id="count" class="text-primary"></span>)</big></div>`
			`<div style="padding: 10px;">`
			`<script id="template" type="text/x-handlers-template">`
			`{{#if results}}`
Cleanup 2014-09-19 11:15:34 +00:00			`<table class="table table-striped table-condensed">`
Removing unnecessary form tags, improving options dialog 2014-09-18 06:12:14 +00:00			`<thead>`
Cleanup 2014-09-19 11:15:34 +00:00			`<tr>`
			`<th>#</th>`
			`<th>Name</th>`
			`<th>Score</th>`
			`</tr>`
Removing unnecessary form tags, improving options dialog 2014-09-18 06:12:14 +00:00			`</thead>`
			`{{#each results}}`
Cleanup 2014-09-19 11:15:34 +00:00			`<tr>`
			`<td>{{@index}}</td>`
			`<td><a href="{{url}}">{{name}}</a></td>`
			`<td>{{score}}</td>`
			`</tr>`
Removing unnecessary form tags, improving options dialog 2014-09-18 06:12:14 +00:00			`{{/each}}`
Renaming directory 2014-07-08 04:35:52 +00:00			`</table>`
			`{{/if}}`
			`</script>`
			`<div id="results"></div>`
			`</div>`
			`</div>`
			`</div>`
			`</div>`
Adding tags for script and style inclusion 2014-09-30 07:13:35 +00:00			`<!-- inject:js -->`
Cleanup 2014-09-30 08:40:31 +00:00			`<script src="/bower_components/underscore/underscore.js"></script>`
Reference non-minified files for dev builds 2014-09-30 08:42:07 +00:00			`<script src="/bower_components/handlebars/handlebars.js"></script>`
			`<script src="/bower_components/jquery/dist/jquery.js"></script>`
			`<script src="/bower_components/fabric/dist/fabric.js"></script>`
Cleanup 2014-09-30 08:40:31 +00:00			`<script src="/bower_components/tinycolor/tinycolor.js"></script>`
Reference non-minified files for dev builds 2014-09-30 08:42:07 +00:00			`<script src="/bower_components/bootstrap/dist/js/bootstrap.js"></script>`
			`<script src="/bower_components/bootstrap-select/dist/js/bootstrap-select.js"></script>`
Cleanup 2014-09-30 08:40:31 +00:00			`<script src="/js/application.js"></script>`
			`<script src="/js/grapher.js"></script>`
Adding tags for script and style inclusion 2014-09-30 07:13:35 +00:00			`<!-- endinject -->`
Renaming directory 2014-07-08 04:35:52 +00:00			`</body>`
			`</html>`