style search widget for notebook search

This commit is contained in:
felizbear 2015-11-24 10:35:36 +09:00 committed by Alexander Bezzubov
parent db246faa4e
commit 11127f033c

View file

@ -44,21 +44,33 @@ limitations under the License.
</li>
</ul>
<!--TODO(bzz): move to Typeahead https://angular-ui.github.io/bootstrap -->
<form role="search"
class="navbar-form navbar-left navbar-input-group"
ng-submit="search()">
<div class="form-group">
<input type="text" ng-model="searchTerm" ng-disabled="!navbar.connected"
class="form-control" placeholder="Search your notebooks">
</div>
<button type="submit" class="btn btn-default" ng-disabled="!navbar.connected">
Search
</button>
</form>
<ul class="nav navbar-nav navbar-right" style="margin-top:10px; margin-right:5px;">
<li>
<!--TODO(bzz): move to Typeahead https://angular-ui.github.io/bootstrap -->
<form role="search"
style="width: 300px; display: inline-block; margin: 0 10px"
ng-submit="search()">
<div class="input-group">
<input
type="text"
ng-model="searchTerm"
ng-disabled="!navbar.connected"
class="form-control"
placeholder="Search in your notebooks"
/>
<span class="input-group-btn">
<button
type="submit"
class="btn btn-default"
ng-disabled="!navbar.connected"
>
<i class="glyphicon glyphicon-search"></i>
</button>
</span>
</div>
</form>
</li>
<li class="server-status">
<i class="fa fa-circle" ng-class="{'server-connected':navbar.connected, 'server-disconnected':!navbar.connected}"></i>
<span ng-show="navbar.connected">Connected</span>