{"type":"doc","content":[{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"toc","parameters":{"macroParams":{},"macroMetadata":{"macroId":{"value":"7bcfdec6-2153-450a-878e-957fa5e4fa17"},"schemaVersion":{"value":"1"},"title":"Table of Contents"}},"localId":"e4dfed30-cc94-449a-9469-9bdb49a6112d"}},{"type":"heading","attrs":{"level":1},"content":[{"text":"Overview","type":"text"}]},{"type":"paragraph","content":[{"text":"The Autocomplete component displays a preview of search results after a user begins to type a query in the Search component.","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"width":1282,"id":"93f9e32b-7601-494e-8767-6815213a6ad6","collection":"contentId-3461776568","type":"file","height":363}}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Selector","type":"text"}]},{"type":"paragraph","content":[{"text":"The selector for this component is ","type":"text"},{"text":"","type":"text","marks":[{"type":"code"}]},{"text":".","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Data Model","type":"text"}]},{"type":"paragraph","content":[{"text":"This component is bound to an instance of ","type":"text"},{"text":"AutocompleteResponse","type":"text","marks":[{"type":"link","attrs":{"href":"https://hawksearch.atlassian.net/wiki/spaces/HUI/pages/2313256969/Autocomplete+Models#Autocomplete-Response"}}]},{"text":". All properties from this object are made available to the Handlebars template along with the ","type":"text"},{"text":"AutocompleteItemType","type":"text","marks":[{"type":"link","attrs":{"href":"https://hawksearch.atlassian.net/wiki/spaces/HUI/pages/2313256969/Autocomplete+Models#Item-Type"}}]},{"text":" enum.","type":"text"}]},{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"excerpt-include","parameters":{"macroParams":{"":{"value":"Autocomplete Models"},"name":{"value":"AutocompleteResponse"},"nopanel":{"value":"true"}},"macroMetadata":{"macroId":{"value":"81c2bc6c-4bab-4b66-b7aa-fafaac5dc824"},"schemaVersion":{"value":"1"},"title":"Excerpt Include"}},"localId":"41fc5657-2d13-41a6-833d-d30dfe2053b1"}}]},{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"excerpt-include","parameters":{"macroParams":{"":{"value":"Autocomplete Models"},"name":{"value":"AutocompleteItemType"},"nopanel":{"value":"true"}},"macroMetadata":{"macroId":{"value":"c780b7a8-d93e-4cdc-bb34-9f1d6ef41216"},"schemaVersion":{"value":"1"},"title":"Excerpt Include"}},"localId":"8d636c4a-a9ea-4d86-8150-835d1cd69ccd"}}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Event Binding Attributes","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Categories","type":"text"}]},{"type":"table","attrs":{"layout":"default","localId":"e643dab4-05a4-4f51-884b-2ebb1b0a0ba5"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"Attribute Name","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"Attribute Value","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"hawksearch-category-field","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"categories.results[...].field","type":"text","marks":[{"type":"code"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"hawksearch-category-value","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"categories.results[...].value","type":"text","marks":[{"type":"code"}]}]}]}]}]},{"type":"paragraph","content":[{"text":"The above attributes must be present on the same element. When an element with these attributes is clicked, a new search will be executed with the selected attribute selected by default.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Content Results","type":"text"}]},{"type":"table","attrs":{"layout":"default","localId":"51c58567-88f0-452f-a5cf-694f1bfbcf2b"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"Attribute Name","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"Attribute Value","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"hawksearch-content","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"content.results[...].id","type":"text","marks":[{"type":"code"}]}]}]}]}]},{"type":"paragraph","content":[{"text":"When an element with this attribute is clicked, the click will be tracked and the user will be redirected to the page corresponding to that content item.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Product Results","type":"text"}]},{"type":"table","attrs":{"layout":"default","localId":"8a23815f-5981-49a1-ba97-f51ce6998ae5"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"Attribute Name","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"Attribute Value","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"hawksearch-product","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"product.results[...].id","type":"text","marks":[{"type":"code"}]}]}]}]}]},{"type":"paragraph","content":[{"text":"When an element with this attribute is clicked, the click will be tracked and the user will be redirected to the page corresponding to that product.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Query Results (Popular Searches)","type":"text"}]},{"type":"table","attrs":{"layout":"default","localId":"e5979fdb-8ef1-4759-a9f7-5c03031c88a3"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"Attribute Name","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"Attribute Value","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"hawksearch-query","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"queries.results[...].query","type":"text","marks":[{"type":"code"}]}]}]}]}]},{"type":"paragraph","content":[{"text":"When an element with this attribute is clicked, the click will be tracked and a new search will be executed with that query.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"View All Results","type":"text"}]},{"type":"table","attrs":{"layout":"default","localId":"ee7958d3-ddf1-43aa-86c9-a3b6cd424a45"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"Attribute Name","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"Attribute Value","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph","content":[{"text":"hawksearch-view-all","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[340.0]},"content":[{"type":"paragraph"}]}]}]},{"type":"paragraph","content":[{"text":"When an element with this attribute is clicked, a new search will be executed with the query entered in the search box.","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Default Template","type":"text"}]},{"type":"codeBlock","attrs":{"language":"html"},"marks":[{"type":"breakout","attrs":{"mode":"full-width"}}],"content":[{"text":"

\n {{#if products.results.length}}\n

\n {{products.title}}\n

\n {{#each products.results}}\n

\n \n $\"\"$ \n \n \n {{html title}}\n \n

\n {{/each}}\n

\n {{/if}}\n {{#if (or categories.results.length content.results.length queries.results.length)}}\n

\n {{#if categories.results.length}}\n {{categories.title}}\n

\n {{html title}}\n

\n {{/if}}\n {{#if content.results.length}}\n {{content.title}}\n

\n {{html title}}\n

\n {{/if}}\n {{#if queries.results.length}}\n {{queries.title}}\n

\n {{query}}\n

\n {{/if}}\n

\n {{viewAllText}}\n

","type":"text"}]}],"version":1}

Browser not supported