iframe-proxy | Sunbelt Computer Software

68 lines (57 loc) · 2.41 KB

<!doctype html>
<html ng-app="myapp">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <script src="https://cdn.jsdelivr.net/angularjs/1/angular.min.js"></script>
    <script src="https://cdn.jsdelivr.net/angularjs/1/angular-sanitize.min.js"></script>
    <script src="/dist/algoliasearch.angular.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/fontawesome/4.3.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/3.3.4/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="style.css" />
  <body ng-controller="SearchCtrl">
    <section class="panel">
      <header class="panel-heading">
        <div class="search_box">
          <form action="#" method="get">
            <input autocomplete="off" class="autocomplete" placeholder="Start typing" type="text" spellcheck="false" id="q" ng-model="search.query" />
            <div class="searchbutton">
              <i class="icon-search icon-large"></i>
            </div>
          </form>
        </div>
      </header>
    </section>
    <h1>Results</h1>
    <div class="hit" ng-repeat="hit in search.hits">
      <div class="attribute" ng-repeat="(attribute,v) in hit._highlightResult">
        <span>{{ attribute }}: </span>
        <span ng-bind-html="v.value"></span>
      </div>
    <script type="text/javascript">
      angular
        .module('myapp', ['algoliasearch', 'ngSanitize'])
        .controller('SearchCtrl', ['$scope', 'algolia', function($scope, algolia) {
          // Replace the following values by your ApplicationID and ApiKey.
          var client = algolia.Client('latency', '6be0576ff61c053d5f9a3225e2a90f76');
          // Replace the following value by the name of the index you want to query.
          var index = client.initIndex('contacts');
          $scope.search = {
            'query' : '',
            'hits' : []
          $scope.$watch('search.query', function() {
            index.search($scope.search.query)
              .then(function searchSuccess(content) {
                console.log(content);
                // add content of search results to scope for display in view
                $scope.search.hits = content.hits;
              }, function searchFailure(err) {
                console.log(err);
          });
        }]);
    </script>

Sunbelt Computer Software

PL/B Language Development and Support

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Sunbelt Computer Software

PL/B Language Development and Support

FilesExpand file tree

angular.html

Latest commit

History

angular.html

File metadata and controls