#### Repository
https://github.com/Algolia
#### What Will I Learn?
- Use Autocomplete.js
- Connect algolia with autocomplete.js
- Display Suggestions
#### Resources
- Algolia - https://www.algolia.com
- Algolia autocomplete - https://github.com/algolia/autocomplete.js
#### Difficulty
Intermediated
### Tutorial Content
This tutorial is a continuation tutorial from the [previous](https://steemit.com/utopian-io/@duski.harahap/search-system-with-algolia-part-1-set-up-algolia-set-up-algolia-in-javascript-data-generator-and-display-search-result) search system tutorial, in this tutorial, we will combine algolia with **autocomplete.js** so that the search system we make is better and makes it easier for users to search our system. we will give suggestions to users based on keywords that the user type. for more details, just start our tutorial.
### Use Autocomplete.js
I will use **Autocomplete.js**, this library is provided by algolia. **Autocomplete** focuses on the frontend, even though it is given by algolia, it can be used stand-alone, jquery, and angular.js for more details you can see on their GitHub page https://github.com/algolia/autocomplete.js. but in this tutorial, I will use it with **Jquery**, to use it in Jquery you can see it as follows:
**Example:**
``` html
<!DOCTYPE html>
<html>
<head>
<title>Duski Tutor</title>
<script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
</head>
<body>
<h1>Algoia search</h1>
<input type="text" id="search-input" />
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/autocomplete.js/0/autocomplete.jquery.min.js"></script>
<script type="text/javascript">
var client = algoliasearch('PACBZRD3Z1','ab4b2b226200fec5d58aa85e25b1032d')
var index = client.initIndex('tutor_utopian')
$('#search-input').autocomplete({ hint: false }, [
{
source: $.fn.autocomplete.sources.hits(index, { hitsPerPage: 5 }),
displayKey: 'name',
templates: {
suggestion: function(suggestion) {
return suggestion._highlightResult.name.value;
}
}
}
]).on('autocomplete:selected', function(event, suggestion, dataset) {
console.log(suggestion, dataset);
});
</script>
</body>
</html>
```
We will import several libraries so that autocomplete can run on our search system:
- **Import Algolia.js**: Before we run the code we will import **algolia.js** before closing the ```<head>``` tag, because **algolia.js** must be run first from another script. I will import algolia.js as follows.
``` javacript
<head>
<title>Duski Tutor</title>
<script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
</head>
```
<br>
- **Import Jquery**: We can use jquery at least version 2, I will import it through CDN like this
``` javascript
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
```
<br>
- **Import Autocomplete** after that we will import autocomplete.js via CDN, we place it before the closing tag of the ```</body>```. We can import it as follows:
``` javascript
<script src="https://cdn.jsdelivr.net/autocomplete.js/0/autocomplete.jquery.min.js"></script>
```
<br>
- **Connect algolia with autocomplete.js**
We have imported the library needed to create autocomplete in our algolia search system, now we have to connect our search system with **autocomple.js**, Autocomplete has provisions that cannot be changed, below is the code to connect our search system with **autocomplete.js**
**Example:**
``` javascript
<script type="text/javascript">
var client = algoliasearch('PACBZRD3Z1','ab4b2b226200fec5d58aa85e25b1032d')
var index = client.initIndex('tutor_utopian')
$('#search-input').autocomplete({ hint: false }, [
{
source: $.fn.autocomplete.sources.hits(index, { hitsPerPage: 5 }),
displayKey: 'name',
templates: {
suggestion: function(suggestion) {
return suggestion._highlightResult.name.value;
}
}
}
]).on('autocomplete:selected', function(event, suggestion, dataset) {
console.log(suggestion, dataset);
});
</script>
```
- **Initialize**: We must initialize the input element that we will use for autocomplete. the input we will use is ```<input type = "text" id = "search-input" />```, Then to connect it we can use the id attribute of the input like this.
**Example:**
```$('#search-input').autocomplete();```
<br>
- **Set of results displayed**: We can also set how many results we will display on the ```hitsPerPage key: itemsForDisplay(int)```.
**Example:**
``` javascript
{
source: $.fn.autocomplete.sources.hits(index, { hitsPerPage: 5 }),
}
```
<br>
- **Set Display key**: We can set what key we will look for in our data in algolia, we have set the data we use in our search system in the previous [tutorial](https://steemit.com/utopian-io/@duski.harahap/search-system-with-algolia-part-1-set-up-algolia-set-up-algolia-in-javascript-data-generator-and-display-search-result). We can set it on the key ```displayKey:```. in this tutorial, we will look for keywords by **name**.
**Example:**
``` javascript
{
displayKey: 'name',
}
```
<br>
- **Set suggestion**: Now we will set the suggestion that will be displayed if the keyword is entered, The key is ```templates:{}``` in the key in object is ```suggestion:```
**Example:**
``` javascript
templates: {
suggestion: function(suggestion) {
return suggestion._highlightResult.name.value;
}
}
```
We can display what data we return to display ```return suggestion._highlightResult.name.value;``` , ```name```is the key that we will display according to the ```displayKey``` we are looking for.
<br>
- **Function callback in 'autocomplete:selected'**
**Autocomplete.js** also provides a callback function to run something after we have selected the data, in the callback function there are several parameters we can use, namely ***event, suggestion, dataset.***
**Example:**
``` javascript
$('#search-input').autocomplete({ hint: false }, [
{
......,
......
}
]).on('autocomplete:selected', function(event, suggestion, dataset) {
console.log(suggestion, dataset);
});
```
I have done console.log () so we will see the results as shown below:
- **Set CSS for autocomplete.js**
We can add a little **CSS** to enhance the look of our search input, you can use and combine it with other CSS frameworks if you want, in this tutorial I will use CSS provided by autocomplete and add a little modification.
**Example:**
``` html
<!DOCTYPE html>
<html>
<head>
<title>Duski Tutor</title>
<script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<style type="text/css">
.algolia-autocomplete {
width: 100%;
}
.algolia-autocomplete .aa-input, .algolia-autocomplete .aa-hint {
width: 100%;
}
.algolia-autocomplete .aa-hint {
color: #999;
}
.algolia-autocomplete .aa-dropdown-menu {
width: 100%;
background-color: #fff;
border: 1px solid #999;
border-top: none;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
cursor: pointer;
padding: 5px 4px;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {
background-color: #B2D7FF;
}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion em {
font-weight: bold;
font-style: normal;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<div class="page-header">
<h1>Duski Tutor Algolia <small>Algolia autocomplete</small></h1>
</div>
<form action="#" class="form">
<input class="form-control" id="search-input" name="contacts" type="text" placeholder='Search by name' />
</form>
</div>
</div>
</div>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/autocomplete.js/0/autocomplete.jquery.min.js"></script>
<script type="text/javascript">
var client = algoliasearch('PACBZRD3Z1','ab4b2b226200fec5d58aa85e25b1032d')
var index = client.initIndex('tutor_utopian')
$('#search-input').autocomplete({ hint: false }, [
{
source: $.fn.autocomplete.sources.hits(index, { hitsPerPage: 5 }),
displayKey: 'name',
templates: {
suggestion: function(suggestion) {
return suggestion._highlightResult.name.value;
}
}
}
]).on('autocomplete:selected', function(event, suggestion, dataset) {
console.log(suggestion, dataset);
});
</script>
</body>
</html>
</style>
```
We can see the results by running index.html in your browser, if there is no error then you will see results like the following picture:
We have finished the tutorial about autocomplete we have learned to implement it in our search system, we have connected **algolia with autocomplete.js**, with autocomplete .js we can improve the **User Experience** for the better. I hope you can develop it even better. I hope this tutorial can help you.
#### Curriculum
[Search system with Algolia#1 Set up algolia, Upload data, Display Search](https://steemit.com/utopian-io/@duski.harahap/search-system-with-algolia-part-1-set-up-algolia-set-up-algolia-in-javascript-data-generator-and-display-search-result)
#### Proof of Work Done
https://github.com/milleaduski/searchSytemAlgolia| post_id | 58,790,988 |
|---|---|
| author | duski.harahap |
| permlink | search-system-with-algolia-part-2-use-autocomplete-js-connect-algolia-with-autocomplete-js-and-display-suggestions |
| category | utopian-io |
| json_metadata | {"image":["https:\/\/ipfs.busy.org\/ipfs\/QmNsjWB2SWjEFEdHbrJ7XcTsPgnNfT1eSt41R2YL7iBXuY"],"app":"busy\/2.5.4","users":["duski.harahap"],"links":["https:\/\/github.com\/Algolia","https:\/\/www.algolia.com","https:\/\/github.com\/algolia\/autocomplete.js","https:\/\/steemit.com\/utopian-io\/@duski.harahap\/search-system-with-algolia-part-1-set-up-algolia-set-up-algolia-in-javascript-data-generator-and-display-search-result","https:\/\/github.com\/algolia\/autocomplete.js","https:\/\/steemit.com\/utopian-io\/@duski.harahap\/search-system-with-algolia-part-1-set-up-algolia-set-up-algolia-in-javascript-data-generator-and-display-search-result","https:\/\/steemit.com\/utopian-io\/@duski.harahap\/search-system-with-algolia-part-1-set-up-algolia-set-up-algolia-in-javascript-data-generator-and-display-search-result","https:\/\/github.com\/milleaduski\/searchSytemAlgolia"],"tags":["utopian-io","tutorials","javascript","algolia","web"],"community":"busy","format":"markdown"} |
| created | 2018-08-05 11:12:30 |
| last_update | 2018-08-05 11:16:06 |
| depth | 0 |
| children | 3 |
| net_rshares | 30,020,507,857,195 |
| last_payout | 2018-08-12 11:12:30 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 35.376 SBD |
| curator_payout_value | 11.168 SBD |
| pending_payout_value | 0.000 SBD |
| promoted | 0.000 SBD |
| body_length | 10,082 |
| author_reputation | 60,101,995,119,153 |
| root_title | "Search system with algolia part#2 Use Autocomplete.js, Connect algolia with autocomplete.js, and Display Suggestions" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 SBD |
| percent_steem_dollars | 10,000 |
| author_curate_reward | "" |
| voter | weight | wgt% | rshares | pct | time |
|---|---|---|---|---|---|
| yuxi | 0 | 3,019,101,732 | 10% | ||
| steemitboard | 0 | 448,513,674 | 1% | ||
| aleister | 0 | 9,127,191,234 | 30% | ||
| rafalski | 0 | 17,230,467,251 | 60% | ||
| bachuslib | 0 | 19,872,646,451 | 100% | ||
| leir | 0 | 748,786,905 | 20% | ||
| jrawsthorne | 0 | 7,169,757,597 | 100% | ||
| utopian-io | 0 | 29,720,274,331,542 | 19.1% | ||
| favcau | 0 | 41,515,184,190 | 100% | ||
| jaff8 | 0 | 56,492,501,136 | 100% | ||
| greenorange | 0 | 602,390,219 | 100% | ||
| amosbastian | 0 | 21,375,223,900 | 34.72% | ||
| thinkingmind | 0 | 4,476,607,906 | 100% | ||
| cutkhanza | 0 | 884,005,468 | 100% | ||
| statsexpert | 0 | 2,065,564,688 | 40% | ||
| duski.harahap | 0 | 5,888,949,429 | 100% | ||
| v6476721 | 0 | 538,092,398 | 100% | ||
| shranzwerk | 0 | 537,988,287 | 100% | ||
| kolxoznik0 | 0 | 540,571,002 | 100% | ||
| alina34 | 0 | 537,403,292 | 100% | ||
| nikopu | 0 | 537,947,829 | 100% | ||
| socpublic | 0 | 537,527,560 | 100% | ||
| sergbog | 0 | 540,433,987 | 100% | ||
| vika09 | 0 | 537,575,172 | 100% | ||
| sergcat | 0 | 537,575,194 | 100% | ||
| inn25 | 0 | 538,024,110 | 100% | ||
| lolitasmits | 0 | 538,094,884 | 100% | ||
| borndead04 | 0 | 538,686,017 | 100% | ||
| devidkoperfild | 0 | 538,572,413 | 100% | ||
| davidisaevv | 0 | 546,938,882 | 100% | ||
| irinkasamoilova | 0 | 537,822,452 | 100% | ||
| bestgirl | 0 | 537,625,217 | 100% | ||
| sveridovartem | 0 | 537,898,517 | 100% | ||
| artemnezlobin | 0 | 537,831,262 | 100% | ||
| frost013 | 0 | 537,975,063 | 100% | ||
| andrei8 | 0 | 537,872,679 | 100% | ||
| missvega | 0 | 540,452,718 | 100% | ||
| vladser58 | 0 | 537,833,208 | 100% | ||
| igorik | 0 | 537,510,904 | 100% | ||
| varikoz | 0 | 538,468,422 | 100% | ||
| maruse4ka | 0 | 537,813,906 | 100% | ||
| manyellee | 0 | 537,445,508 | 100% | ||
| hackettm21 | 0 | 537,518,224 | 100% | ||
| radomim | 0 | 539,292,647 | 100% | ||
| wityi | 0 | 536,491,265 | 100% | ||
| katerinagreen | 0 | 539,330,390 | 100% | ||
| minasyanahit85 | 0 | 547,223,649 | 100% | ||
| iemarjay | 0 | 0 | 100% | ||
| teovsumsel | 0 | 545,349,892 | 100% | ||
| leebe | 0 | 539,262,413 | 100% | ||
| minasyandianna | 0 | 539,262,413 | 100% | ||
| lusinehakobyan | 0 | 537,860,851 | 100% | ||
| klaraminasyan | 0 | 536,215,732 | 100% | ||
| lersus77 | 0 | 548,402,454 | 100% | ||
| ismaelahr | 0 | 539,259,351 | 100% | ||
| hommike | 0 | 539,262,413 | 100% | ||
| minasyanvahe | 0 | 539,262,413 | 100% | ||
| danielaminas | 0 | 536,212,688 | 100% | ||
| yallod | 0 | 549,150,138 | 100% | ||
| miki64839 | 0 | 538,034,185 | 100% | ||
| randolambo | 0 | 545,355,773 | 100% | ||
| bountyx2 | 0 | 539,259,351 | 100% | ||
| nevisajar | 0 | 539,265,196 | 100% | ||
| marksbanana | 0 | 539,259,351 | 100% | ||
| needlesten | 0 | 539,265,196 | 100% | ||
| bankhayloft | 0 | 539,262,413 | 100% | ||
| uncertaintymouse | 0 | 536,215,732 | 100% | ||
| seniorid | 0 | 536,209,950 | 100% | ||
| theeide | 0 | 539,262,413 | 100% | ||
| sigur | 0 | 539,256,597 | 100% | ||
| sidorovaval | 0 | 539,256,597 | 100% | ||
| pavlovdinar | 0 | 545,349,892 | 100% | ||
| hipolitc | 0 | 539,259,351 | 100% | ||
| pferdynand | 0 | 539,265,196 | 100% | ||
| upperhonorable | 0 | 539,262,413 | 100% | ||
| pinchtedious | 0 | 539,256,597 | 100% | ||
| mightypanda | 0 | 17,100,508,209 | 100% | ||
| unicodedemi | 0 | 539,262,413 | 100% | ||
| warblingunchin | 0 | 539,262,413 | 100% | ||
| appleabsurd | 0 | 536,218,500 | 100% | ||
| benrest | 0 | 538,139,146 | 100% | ||
| sutegloss | 0 | 536,215,732 | 100% | ||
| jerkybuzzing | 0 | 536,215,732 | 100% | ||
| footagecache | 0 | 539,265,196 | 100% | ||
| dreadfulfilk | 0 | 539,259,351 | 100% | ||
| palmcomposed | 0 | 538,854,990 | 100% | ||
| payslipsitaly | 0 | 539,256,597 | 100% | ||
| eczemamuon | 0 | 539,259,351 | 100% | ||
| yieldingcoke | 0 | 539,256,597 | 100% | ||
| soapmousse | 0 | 539,262,413 | 100% | ||
| polygontackle | 0 | 536,209,950 | 100% | ||
| windtwitter | 0 | 539,262,413 | 100% | ||
| springcounting | 0 | 539,262,413 | 100% | ||
| pastrytorn | 0 | 539,262,413 | 100% | ||
| leakingunder | 0 | 539,262,413 | 100% | ||
| shadytension | 0 | 539,262,413 | 100% | ||
| hoovesreport | 0 | 537,816,229 | 100% | ||
| growlesser | 0 | 583,844,054 | 100% | ||
| danceslovak | 0 | 539,259,351 | 100% | ||
| periodslack | 0 | 539,256,597 | 100% | ||
| kiraluchkova | 0 | 548,402,454 | 100% | ||
| be1ozer | 0 | 539,265,196 | 100% | ||
| peruska | 0 | 539,262,413 | 100% | ||
| sochivec | 0 | 539,256,597 | 100% | ||
| vasiliytol | 0 | 536,215,732 | 100% | ||
| runaeva23 | 0 | 536,215,732 | 100% | ||
| artyrsedakov | 0 | 539,259,351 | 100% | ||
| piersbell | 0 | 536,215,732 | 100% | ||
| bandageweeds | 0 | 539,259,351 | 100% | ||
| ermakx | 0 | 539,259,351 | 100% | ||
| rodionrasaev | 0 | 539,256,597 | 100% | ||
| reginasamkova | 0 | 539,256,597 | 100% | ||
| olegperytov | 0 | 539,256,597 | 100% | ||
| ystinovakatya | 0 | 539,256,597 | 100% | ||
| kadaevrenat | 0 | 539,259,351 | 100% | ||
| wivesfesnying | 0 | 539,256,597 | 100% | ||
| cinnamonclay | 0 | 539,259,351 | 100% | ||
| bibslivered | 0 | 548,399,340 | 100% | ||
| betweeneris | 0 | 539,256,597 | 100% | ||
| whipinterrupt | 0 | 539,256,597 | 100% | ||
| dancerant | 0 | 536,209,950 | 100% | ||
| rushten | 0 | 545,349,892 | 100% | ||
| pluggedskip | 0 | 539,256,597 | 100% | ||
| redirectunkind | 0 | 539,256,597 | 100% | ||
| allennut | 0 | 536,209,950 | 100% | ||
| aleindium | 0 | 539,256,597 | 100% | ||
| trademarkroofer | 0 | 536,209,950 | 100% | ||
| filletsslither | 0 | 539,256,597 | 100% | ||
| deltoidbus | 0 | 536,209,950 | 100% | ||
| milkyteammate | 0 | 539,256,597 | 100% | ||
| corvushilt | 0 | 539,256,597 | 100% | ||
| herbamazon | 0 | 536,209,950 | 100% | ||
| visitorsahem | 0 | 539,256,597 | 100% | ||
| kitgoody | 0 | 539,256,597 | 100% | ||
| shamefulhasty | 0 | 539,256,597 | 100% | ||
| algerianhaunt | 0 | 539,256,597 | 100% | ||
| goringdriver | 0 | 545,349,892 | 100% | ||
| wordsconic | 0 | 539,256,597 | 100% | ||
| trashycalf | 0 | 539,256,597 | 100% | ||
| fastandcurious | 0 | 542,340,828 | 100% | ||
| looseapplet | 0 | 539,256,597 | 100% | ||
| hobnobholing | 0 | 548,396,540 | 100% | ||
| insidescraper | 0 | 539,256,597 | 100% | ||
| moaningfurther | 0 | 539,256,597 | 100% | ||
| diplute | 0 | 539,253,588 | 100% | ||
| riskhardtofind | 0 | 548,396,540 | 100% | ||
| freeboarddavit | 0 | 539,253,588 | 100% | ||
| magicagree | 0 | 539,253,588 | 100% | ||
| facedwrapped | 0 | 545,346,849 | 100% | ||
| magichive | 0 | 539,253,588 | 100% | ||
| sleddergirl | 0 | 536,206,958 | 100% | ||
| ibericovar | 0 | 539,253,588 | 100% | ||
| lipspin | 0 | 539,253,588 | 100% | ||
| lividbouncy | 0 | 539,253,588 | 100% | ||
| stimulusmaybe | 0 | 548,393,479 | 100% | ||
| puffinbusy | 0 | 539,253,588 | 100% | ||
| ybazhenov | 0 | 548,393,479 | 100% | ||
| nseregin8 | 0 | 539,253,588 | 100% | ||
| gulyaev13 | 0 | 539,253,588 | 100% | ||
| shukinsanechek | 0 | 536,206,958 | 100% | ||
| vtemnotu | 0 | 548,393,479 | 100% | ||
| byudinkio | 0 | 539,253,588 | 100% | ||
| mpawlucz | 0 | 3,082,212,257 | 100% | ||
| januszbinarny | 0 | 603,341,839 | 100% | ||
| terraceadze | 0 | 539,187,385 | 100% | ||
| beerlimey | 0 | 539,187,385 | 100% | ||
| strandharness | 0 | 539,187,385 | 100% | ||
| twittercohort | 0 | 536,141,129 | 100% | ||
| keepchild | 0 | 539,184,596 | 100% | ||
| tattooedwinner | 0 | 539,187,385 | 100% | ||
| aridknowledge | 0 | 539,184,596 | 100% | ||
| roadlifted | 0 | 539,184,596 | 100% | ||
| motleychert | 0 | 539,184,596 | 100% | ||
| abnormalsystem | 0 | 539,184,596 | 100% | ||
| neighshallot | 0 | 539,184,596 | 100% | ||
| meaninglathered | 0 | 539,184,596 | 100% | ||
| periodantenna | 0 | 539,184,596 | 100% | ||
| pawnpulley | 0 | 548,317,759 | 100% | ||
| ringbiceps | 0 | 539,179,130 | 100% | ||
| soulfulurban | 0 | 539,179,130 | 100% | ||
| bernardsa | 0 | 538,192,164 | 100% | ||
| kostya.borisenko | 0 | 538,169,605 | 100% | ||
| matusrip | 0 | 538,158,225 | 100% | ||
| vo20vaguro | 0 | 538,158,225 | 100% |
Thank you for your contribution. - The level of difficulty should be basic. Your contribution has been evaluated according to [Utopian policies and guidelines](https://join.utopian.io/guidelines), as well as a predefined set of questions pertaining to the category. To view those questions and the relevant answers related to your post, [click here](https://review.utopian.io/result/8/21113313). ---- Need help? Write a ticket on https://support.utopian.io/. Chat with us on [Discord](https://discord.gg/uTyJkNm). [[utopian-moderator]](https://join.utopian.io/)
| post_id | 58,799,081 |
|---|---|
| author | portugalcoin |
| permlink | re-duskiharahap-search-system-with-algolia-part-2-use-autocomplete-js-connect-algolia-with-autocomplete-js-and-display-suggestions-20180805t130910372z |
| category | utopian-io |
| json_metadata | {"tags":["utopian-io"],"app":"steemit\/0.1","links":["https:\/\/join.utopian.io\/guidelines","https:\/\/review.utopian.io\/result\/8\/21113313","https:\/\/support.utopian.io\/","https:\/\/discord.gg\/uTyJkNm","https:\/\/join.utopian.io\/"]} |
| created | 2018-08-05 13:09:09 |
| last_update | 2018-08-05 13:09:09 |
| depth | 1 |
| children | 0 |
| net_rshares | 18,573,764,302 |
| last_payout | 2018-08-12 13:09:09 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.022 SBD |
| curator_payout_value | 0.006 SBD |
| pending_payout_value | 0.000 SBD |
| promoted | 0.000 SBD |
| body_length | 568 |
| author_reputation | 214,343,891,436,406 |
| root_title | "Search system with algolia part#2 Use Autocomplete.js, Connect algolia with autocomplete.js, and Display Suggestions" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 SBD |
| percent_steem_dollars | 10,000 |
| author_curate_reward | "" |
| voter | weight | wgt% | rshares | pct | time |
|---|---|---|---|---|---|
| espoem | 0 | 18,237,062,121 | 15% | ||
| mops2e | 0 | 336,702,181 | 10% |
Congratulations @duski.harahap! You have completed the following achievement on Steemit and have been rewarded with new badge(s) : [](http://steemitboard.com/@duski.harahap) Award for the number of upvotes received <sub>_Click on the badge to view your Board of Honor._</sub> <sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub> To support your work, I also upvoted your post! > Do you like [SteemitBoard's project](https://steemit.com/@steemitboard)? Then **[Vote for its witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1)** and **get one more award**!
| post_id | 58,825,228 |
|---|---|
| author | steemitboard |
| permlink | steemitboard-notify-duskiharahap-20180805t185141000z |
| category | utopian-io |
| json_metadata | {"image":["https:\/\/steemitboard.com\/img\/notify.png"]} |
| created | 2018-08-05 18:51:42 |
| last_update | 2018-08-05 18:51:42 |
| depth | 1 |
| children | 0 |
| net_rshares | 0 |
| last_payout | 2018-08-12 18:51:42 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.000 SBD |
| curator_payout_value | 0.000 SBD |
| pending_payout_value | 0.000 SBD |
| promoted | 0.000 SBD |
| body_length | 738 |
| author_reputation | 38,705,954,145,809 |
| root_title | "Search system with algolia part#2 Use Autocomplete.js, Connect algolia with autocomplete.js, and Display Suggestions" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 SBD |
| percent_steem_dollars | 10,000 |
Hey @duski.harahap **Thanks for contributing on Utopian**. Weβre already looking forward to your next contribution! **Want to chat? Join us on Discord https://discord.gg/h52nFrV.** <a href='https://v2.steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1'>Vote for Utopian Witness!</a>
| post_id | 59,163,676 |
|---|---|
| author | utopian-io |
| permlink | re-search-system-with-algolia-part-2-use-autocomplete-js-connect-algolia-with-autocomplete-js-and-display-suggestions-20180809t041008z |
| category | utopian-io |
| json_metadata | {"app":"beem\/0.19.42"} |
| created | 2018-08-09 04:10:09 |
| last_update | 2018-08-09 04:10:09 |
| depth | 1 |
| children | 0 |
| net_rshares | 0 |
| last_payout | 2018-08-16 04:10:09 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.000 SBD |
| curator_payout_value | 0.000 SBD |
| pending_payout_value | 0.000 SBD |
| promoted | 0.000 SBD |
| body_length | 305 |
| author_reputation | 152,913,012,544,965 |
| root_title | "Search system with algolia part#2 Use Autocomplete.js, Connect algolia with autocomplete.js, and Display Suggestions" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 SBD |
| percent_steem_dollars | 10,000 |