@jasonwch/nodebb-plugin-meilisearch-r 1.0.0

package/static/lib/client/quick-search.js

@@ -0,0 +1,161 @@
+'use strict';
+
+(function () {
+	var DECORATED_FLAG = 'data-meilisearch-decorated';
+	var HEADER_CLASS = 'meilisearch-quick-search-header';
+
+	var _hooks = null;
+
+	var PREFIX_ONLY_RE = /^in:topic-\d+\s*$/;
+	var SEARCH_API_URL_RE = /\/api\/search(\?|$)/;
+
+	function isComposerQuickSearch(options) {
+		return options && options.searchOptions &&
+			parseInt(options.searchOptions.composer, 10) === 1;
+	}
+
+	function hasResultPosts(data) {
+		return data && data.posts && data.posts.length > 0;
+	}
+
+	function decorate(options) {
+		var resultEl = options && options.searchElements && options.searchElements.resultEl;
+		if (!resultEl || !resultEl.length) { return; }
+		if (resultEl.attr(DECORATED_FLAG) === '1') { return; }
+
+		require(['benchpress'], function (Benchpress) {
+			if (!Benchpress || typeof Benchpress.render !== 'function') { return; }
+			// re-check after async require in case another fire raced ahead
+			if (resultEl.attr(DECORATED_FLAG) === '1') { return; }
+
+			Benchpress.render('client/partials/quick-search-header', {})
+				.then(function (html) {
+					// re-check after async render+translate in case another fire raced ahead
+					if (resultEl.attr(DECORATED_FLAG) === '1') { return; }
+					var header = $(html);
+					resultEl.find('.' + HEADER_CLASS).remove();
+					resultEl.prepend(header);
+					resultEl.attr(DECORATED_FLAG, '1');
+					bindResultClick(resultEl);
+				})
+				.catch(function () {
+					// template not available (e.g. build pending) - leave results undecorated
+				});
+		});
+	}
+
+	function bindResultClick(resultEl) {
+		resultEl
+			.off('click.meili-minimize')
+			.on('click.meili-minimize', '#quick-search-results a', function () {
+				var composerEl = resultEl.closest('.composer');
+				if (!composerEl.length) { return; }
+				var hideBtn = composerEl.find('[data-action="hide"]').first();
+				if (!hideBtn.length) { return; }
+				if (!_hooks) { return; }
+				// Minimize AFTER ajaxify navigation completes so the in-flight
+				// page transition isn't interrupted by composer.minimize().
+				// hooks.one() self-unregisters after the first (and only) fire.
+				_hooks.one('action:ajaxify.end', function () {
+					hideBtn.trigger('click');
+				});
+			});
+	}
+
+	function onQuickSearchComplete(payload) {
+		if (!isComposerQuickSearch(payload.options)) { return; }
+		if (!hasResultPosts(payload.data)) { return; }
+		decorate(payload.options);
+	}
+
+	function dismissVisible() {
+		$('.quick-search-container').filter(':not(.hidden)')
+			.filter('[' + DECORATED_FLAG + '="1"]')
+			.each(function () {
+				var $box = $(this);
+				var composer = $box.closest('.composer');
+				if (!composer.length) { return; }
+				$box.addClass('hidden');
+				// restore keyboard/mouse focus to the Subject field
+				var titleInput = composer.find('input.title').first();
+				if (titleInput.length) {
+					titleInput[0].focus();
+				}
+			});
+	}
+
+	function onKeydown(e) {
+		if (e.key !== 'Escape' && e.keyCode !== 27) { return; }
+		var dismissed = false;
+		$('.quick-search-container').filter(':not(.hidden)')
+			.filter('[' + DECORATED_FLAG + '="1"]')
+			.each(function () {
+				dismissed = true;
+				return false;
+			});
+		if (dismissed) {
+			e.preventDefault();
+			e.stopPropagation();
+			dismissVisible();
+		}
+	}
+
+	function patchSearchApi() {
+		require(['search'], function (search) {
+			if (!search || typeof search.api !== 'function') { return; }
+			if (search.api._meiliWrapped) { return; }
+			var originalApi = search.api;
+			var wrapped = function (data, callback) {
+				var term = String((data && data.term) || '');
+				if (!term.trim() || PREFIX_ONLY_RE.test(term)) {
+					callback({ posts: [], categories: [], matchCount: 0, pageCount: 1 });
+					return;
+				}
+				return originalApi.call(search, data, callback);
+			};
+			wrapped._meiliWrapped = true;
+			search.api = wrapped;
+		});
+	}
+
+	function hideQuickSearchSpinners() {
+		$('.quick-search-container').each(function () {
+			var $box = $(this);
+			$box.find('.loading-indicator').addClass('hidden');
+			if (!$box.find('.quick-search-results-container').children().length) {
+				$box.addClass('hidden');
+			}
+		});
+	}
+
+	function bindSearchFailGuard() {
+		$(document).on('ajaxError.meili-quicksearch', function (event, jqXHR, settings) {
+			if (!settings || !settings.url) { return; }
+			if (!SEARCH_API_URL_RE.test(settings.url)) { return; }
+			hideQuickSearchSpinners();
+		});
+	}
+
+	function init() {
+		if (!window.config || !window.config.searchEnabled) { return; }
+		if (typeof window.jQuery === 'undefined') { return; }
+
+		require(['hooks'], function (hooks) {
+			_hooks = hooks;
+			hooks.on('action:search.quick.complete', function (payload) {
+				onQuickSearchComplete(payload || {});
+			});
+
+			document.addEventListener('keydown', onKeydown);
+		});
+
+		patchSearchApi();
+		bindSearchFailGuard();
+	}
+
+	if (document.readyState === 'loading') {
+		document.addEventListener('DOMContentLoaded', init);
+	} else {
+		init();
+	}
+})();

package/static/scss/meilisearch.scss

@@ -0,0 +1,104 @@
+/* Place any SCSS in here */
+
+.force-reindex-container {
+	margin-top: 0;
+}
+
+.reindex-actions {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	justify-content: center;
+	gap: 1rem;
+	width: 100%;
+
+	#reindex {
+		flex: 0 0 auto;
+	}
+
+	@media (max-width: 767px) {
+		flex-direction: column;
+		gap: 0.75rem;
+	}
+}
+
+.reindex-progress-container {
+	transition: display 0.5s;
+}
+.reindex-progress-bar {
+	transition: width 0.1s;
+}
+
+.last-reindex-title {
+	margin-top: 0;
+	margin-bottom: 8px;
+	font-size: 14px;
+	font-weight: bold;
+}
+
+.last-reindex-table {
+	margin-bottom: 0;
+	font-size: 13px;
+
+	th {
+		text-align: right;
+		vertical-align: middle;
+	}
+
+	th, td {
+		word-break: break-word;
+	}
+
+	.label {
+		font-size: 85%;
+	}
+}
+
+
+
+.meilisearch-quick-search-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 0.25rem 0.5rem;
+	margin-bottom: 0.25rem;
+	border-bottom: 1px solid var(--bs-border-color, #dee2e6);
+
+	strong {
+		font-size: 0.9rem;
+		font-weight: bold;
+	}
+}
+
+.meilisearch-quick-search-esc {
+	position: absolute;
+	top: 0.35rem;
+	right: 0.5rem;
+	font-size: 0.7rem;
+	letter-spacing: 0.04em;
+	text-transform: uppercase;
+	padding: 0 0.35rem;
+	line-height: 1.4;
+	border: 1px solid var(--bs-border-color, #dee2e6);
+	border-radius: 0.25rem;
+	color: var(--bs-secondary-color, #6c757d);
+	background: var(--bs-body-bg, #fff);
+	user-select: none;
+}
+
+/* Cap dropdown to roughly 3 result rows so it never overflows past the
+   browser bottom bar when the composer is in half-screen mode. Activated
+   only on composer dropdowns (data-meilisearch-decorated="1" set by
+   static/lib/client/quick-search.js). */
+.quick-search-container[data-meilisearch-decorated="1"] {
+	max-height: 320px;
+	overflow: hidden;
+	display: flex;
+	flex-direction: column;
+}
+
+.quick-search-container[data-meilisearch-decorated="1"] .quick-search-results {
+	max-height: 260px !important;
+	overflow: auto;
+	flex: 1 1 auto;
+}

package/static/templates/admin/plugins/meilisearch/partials/rankingRules/form.tpl

@@ -0,0 +1,7 @@
+<form>
+    <div class="form-group">
+        <label for="rule">{{tx("meilisearch:admin.rankingRulesFormLabel")}}</label>
+        <input type="text" id="rule" name="rule" class="form-control" placeholder="eg. cid:asc" />
+        <p class="help-block">{{tx("meilisearch:admin.rankingRulesFormHelp")}} <a href="https://docs.meilisearch.com/learn/core_concepts/relevancy.html#custom-rules">https://docs.meilisearch.com/learn/core_concepts/relevancy.html#custom-rules</a></p>
+    </div>
+</form>

package/static/templates/admin/plugins/meilisearch/partials/rankingRules/item.tpl

@@ -0,0 +1,11 @@
+<li data-type="item" class="list-group-item">
+    <div class="row">
+        <div class="col-xs-9">
+            <strong>{rule}</strong><br />
+        </div>
+        <div class="col-xs-3 text-right">
+            <button type="button" data-type="edit" class="btn btn-info">{{tx("meilisearch:admin.edit")}}</button>
+            <button type="button" data-type="remove" class="btn btn-danger">{{tx("meilisearch:admin.delete")}}</button>
+        </div>
+    </div>
+</li>

package/static/templates/admin/plugins/meilisearch/partials/stopWords/form.tpl

@@ -0,0 +1,7 @@
+<form>
+    <div class="form-group">
+        <label for="word">{{tx("meilisearch:admin.stopWordsFormLabel")}}</label>
+        <input type="text" id="word" name="word" class="form-control" placeholder="the" />
+        <p class="help-block">{{tx("meilisearch:admin.stopWordsFormHelp")}} <a href="https://docs.meilisearch.com/reference/api/settings.html#stop-words">https://docs.meilisearch.com/reference/api/settings.html#stop-words</a></p>
+    </div>
+</form>

package/static/templates/admin/plugins/meilisearch/partials/stopWords/item.tpl

@@ -0,0 +1,11 @@
+<li data-type="item" class="list-group-item">
+    <div class="row">
+        <div class="col-xs-9">
+            <strong>{word}</strong><br />
+        </div>
+        <div class="col-xs-3 text-right">
+            <button type="button" data-type="edit" class="btn btn-info">{{tx("meilisearch:admin.edit")}}</button>
+            <button type="button" data-type="remove" class="btn btn-danger">{{tx("meilisearch:admin.delete")}}</button>
+        </div>
+    </div>
+</li>

package/static/templates/admin/plugins/meilisearch/partials/synonyms/form.tpl

@@ -0,0 +1,9 @@
+<form>
+    <div class="form-group">
+        <label for="word">{{tx("meilisearch:admin.synonymsWordFormLabel")}}</label>
+        <input type="text" id="word" name="word" class="form-control" placeholder="word" />
+        <label for="synonyms">{{tx("meilisearch:admin.synonymsSynonymsFormLabel")}}</label>
+        <input type="text" id="synonyms" name="synonyms" class="form-control" placeholder="term,utterance" />
+        <p class="help-block">{{tx("meilisearch:admin.synonymsFormHelp")}}</p>
+    </div>
+</form>

package/static/templates/admin/plugins/meilisearch/partials/synonyms/item.tpl

@@ -0,0 +1,12 @@
+<li data-type="item" class="list-group-item">
+    <div class="row">
+        <div class="col-xs-9">
+            <strong>{word}</strong><br />
+            <small>{synonyms}</small>
+        </div>
+        <div class="col-xs-3 text-right">
+            <button type="button" data-type="edit" class="btn btn-info">{{tx("meilisearch:admin.edit")}}</button>
+            <button type="button" data-type="remove" class="btn btn-danger">{{tx("meilisearch:admin.delete")}}</button>
+        </div>
+    </div>
+</li>

package/static/templates/admin/plugins/meilisearch/partials/typoToleranceDisableOnWords/form.tpl

@@ -0,0 +1,6 @@
+<form>
+    <div class="form-group">
+        <label for="word">{{tx("meilisearch:admin.typoToleranceDisableOnWordsFormLabel")}}</label>
+        <input type="text" id="word" name="word" class="form-control" placeholder="the" />
+    </div>
+</form>

package/static/templates/admin/plugins/meilisearch/partials/typoToleranceDisableOnWords/item.tpl

@@ -0,0 +1,11 @@
+<li data-type="item" class="list-group-item">
+    <div class="row">
+        <div class="col-xs-9">
+            <strong>{word}</strong><br />
+        </div>
+        <div class="col-xs-3 text-right">
+            <button type="button" data-type="edit" class="btn btn-info">{{tx("meilisearch:admin.edit")}}</button>
+            <button type="button" data-type="remove" class="btn btn-danger">{{tx("meilisearch:admin.delete")}}</button>
+        </div>
+    </div>
+</li>

package/static/templates/admin/plugins/meilisearch.tpl

@@ -0,0 +1,184 @@
+<div class="card">
+	<div class="card-header">
+		<h2 class="card-title">{{tx("meilisearch:admin.actions")}}</h2>
+	</div>
+	<div class="card-body">
+		<div class="row">
+			<div class="col-sm-2 col-xs-12 settings-header">{{tx("meilisearch:admin.index")}}</div>
+			<div class="col-sm-10 col-xs-12">
+				<div class="row">
+					<div class="col-sm-{{{ if lastReindexResult.finishedAt }}}8{{{ else }}}12{{{ end }}} col-xs-12">
+						<p class="help-block">{{tx("meilisearch:admin.reindexHelp")}}</p>
+						<div class="reindex-actions">
+							<button type="button" id="reindex" class="btn btn-danger btn-sm">{{tx("meilisearch:admin.reindex")}}</button>
+						</div>
+						<div class="text-center">
+							<div class="checkbox force-reindex-container" id="reindex-force-container">
+								<label for="force-reindex" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
+									<input type="checkbox" class="mdl-switch__input" id="force-reindex" name="force-reindex">
+									<span class="mdl-switch__label"><strong>{{tx("meilisearch:admin.forceReindex")}}</strong></span>
+								</label>
+							</div>
+						</div>
+						<div class="col-sm-12 col-xs-12 reindex-progress-container {{{ if !indexing.running}}}hidden{{{end}}}">
+							<h4 class="text-center">{{tx("meilisearch:admin.reindexTopicsProgress")}} <span id="topic-reindex-progress-text">{indexing.topic_progress.current}/{indexing.topic_progress.total}</span></h4>
+							<div class="progress">
+								<div id="topic-reindex-progress" class="progress-bar reindex-progress-bar" role="progressbar" aria-valuenow="{indexing.topic_progress.current}" aria-valuemin="0" aria-valuemax="{indexing.topic_progress.total}" style="width: {{{ if topicPercent }}}{topicPercent}%{{{ else }}}0%{{{ end }}};">
+									{indexing.topic_progress.current}/{indexing.topic_progress.total}
+								</div>
+							</div>
+						</div>
+						<div class="col-sm-12 col-xs-12 reindex-progress-container {{{ if !indexing.running}}}hidden{{{end}}}">
+							<h4 class="text-center">{{tx("meilisearch:admin.reindexPostsProgress")}} <span id="post-reindex-progress-text">{indexing.post_progress.current}/{indexing.post_progress.total}</span></h4>
+							<div class="progress">
+								<div id="post-reindex-progress" class="progress-bar reindex-progress-bar" role="progressbar" aria-valuenow="{indexing.post_progress.current}" aria-valuemin="0" aria-valuemax="{indexing.post_progress.total}" style="width: {{{ if postPercent }}}{postPercent}%{{{ else }}}0%{{{ end }}};">
+									{indexing.post_progress.current}/{indexing.post_progress.total}
+								</div>
+							</div>
+						</div>
+					</div>
+					{{{ if lastReindexResult.finishedAt }}}
+					<div class="col-sm-4 col-xs-12">
+						<h4 class="text-center last-reindex-title">{{tx("meilisearch:admin.lastReindex")}}</h4>
+						<div class="table-responsive">
+						<table class="table table-bordered table-condensed last-reindex-table">
+							<tbody>
+								<tr>
+									<th>{{tx("meilisearch:admin.lastReindexDate")}}</th>
+									<td><span data-finished-at="{lastReindexResult.finishedAt}">&mdash;</span></td>
+								</tr>
+								<tr>
+									<th>{{tx("meilisearch:admin.lastReindexTopics")}}</th>
+									<td>{lastReindexResult.topic_progress.current}/{lastReindexResult.topic_progress.total}</td>
+								</tr>
+							<tr>
+								<th>{{tx("meilisearch:admin.lastReindexPosts")}}</th>
+								<td>{lastReindexResult.post_progress.current}/{lastReindexResult.post_progress.total}</td>
+							</tr>
+							{{{ if lastReindexResult.skippedDeletedTopics }}}
+							<tr>
+								<th>{{tx("meilisearch:admin.lastReindexSkippedDeletedTopics")}}</th>
+								<td>{lastReindexResult.skippedDeletedTopics}</td>
+							</tr>
+							{{{ end }}}
+							{{{ if lastReindexResult.skippedDeletedPosts }}}
+							<tr>
+								<th>{{tx("meilisearch:admin.lastReindexSkippedDeletedPosts")}}</th>
+								<td>{lastReindexResult.skippedDeletedPosts}</td>
+							</tr>
+							{{{ end }}}
+								<tr>
+									<th>{{tx("meilisearch:admin.lastReindexStatus")}}</th>
+									<td>
+										{{{ if lastReindexResult.success }}}
+										<span class="label label-success">{{tx("meilisearch:admin.lastReindexSuccess")}}</span>
+										{{{ else }}}
+										<span class="label label-danger">{{tx("meilisearch:admin.lastReindexFailed")}}</span>
+										{{{ end }}}
+									</td>
+								</tr>
+								{{{ if lastReindexResult.error }}}
+								<tr>
+									<th>{{tx("meilisearch:admin.lastReindexError")}}</th>
+									<td class="text-danger">{lastReindexResult.error}</td>
+								</tr>
+								{{{ end }}}
+							</tbody>
+						</table>
+						</div>
+					</div>
+					{{{ end }}}
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="card">
+	<div class="card-header">
+		<h2 class="card-title">{{tx("meilisearch:admin.settings")}}</h2>
+	</div>
+	<div class="card-body">
+		<form role="form" class="meilisearch-settings">
+			<div class="row">
+				<div class="col-sm-2 col-xs-12 settings-header">{{tx("meilisearch:admin.connection")}}</div>
+				<div class="col-sm-10 col-xs-12">
+					<div class="form-group">
+						<label for="host">{{tx("meilisearch:admin.host")}}</label>
+						<input type="text" id="host" name="host" title="Host" class="form-control" placeholder="http://localhost:7700">
+					</div>
+					<div class="form-group">
+						<label for="apiKey">{{tx("meilisearch:admin.apiKey")}}</label>
+						<input type="password" id="apiKey" name="apiKey" title="API Key" class="form-control" placeholder="*****">
+					</div>
+					<div class="form-group">
+						<label for="healthCheckInterval">{{tx("meilisearch:admin.healthCheckInterval")}}</label>
+						<input type="number" id="healthCheckInterval" name="healthCheckInterval" title="Health Check Interval" class="form-control" placeholder="60">
+					</div>
+				</div>
+			</div>
+
+			<br />
+
+			<div class="row">
+				<div class="col-sm-2 col-xs-12 settings-header">{{tx("meilisearch:admin.search")}}</div>
+				<div class="col-sm-10 col-xs-12">
+					<div class="form-group">
+						<label for="maxDocuments">{{tx("meilisearch:admin.maxDocuments")}}</label>
+						<input type="number" id="maxDocuments" name="maxDocuments" title="Max Documents" class="form-control" placeholder="500">
+					</div>
+					<div class="form-group">
+						<label for="searchMinTermLength">{{tx("meilisearch:admin.searchMinTermLength")}}</label>
+						<input type="number" id="searchMinTermLength" name="searchMinTermLength" min="2" title="{{tx("meilisearch:admin.searchMinTermLength")}}" class="form-control" placeholder="2">
+						<p class="help-block">{{tx("meilisearch:admin.searchMinTermLengthHelp")}}</p>
+					</div>
+					<div class="form-group" data-type="sorted-list" data-sorted-list="rankingRules" data-item-template="admin/plugins/meilisearch/partials/rankingRules/item" data-form-template="admin/plugins/meilisearch/partials/rankingRules/form">
+						<label for="rankingRulesList">{{tx("meilisearch:admin.rankingRules")}}</label>
+						<p class="help-block">{{tx("meilisearch:admin.rankingRulesHelp")}} <a href="https://docs.meilisearch.com/learn/core_concepts/relevancy.html#ranking-rules">https://docs.meilisearch.com/learn/core_concepts/relevancy.html#ranking-rules</a></p>
+						<ul name="rankingRulesList" data-type="list" class="list-group"></ul>
+						<button type="button" data-type="add" class="btn btn-info">{{tx("meilisearch:admin.addRankingRule")}}</button>
+					</div>
+					<div class="form-group" data-type="sorted-list" data-sorted-list="stopWords" data-item-template="admin/plugins/meilisearch/partials/stopWords/item" data-form-template="admin/plugins/meilisearch/partials/stopWords/form">
+						<label for="stopWordsList">{{tx("meilisearch:admin.stopWords")}}</label>
+						<p class="help-block">{{tx("meilisearch:admin.stopWordsHelp")}} <a href="https://docs.meilisearch.com/reference/api/settings.html#get-stop-words">https://docs.meilisearch.com/reference/api/settings.html#get-stop-words</a></p>
+						<ul name="stopWordsList" data-type="list" class="list-group"></ul>
+						<button type="button" data-type="add" class="btn btn-info">{{tx("meilisearch:admin.addStopWord")}}</button>
+					</div>
+					<div class="form-group" data-type="sorted-list" data-sorted-list="synonyms" data-item-template="admin/plugins/meilisearch/partials/synonyms/item" data-form-template="admin/plugins/meilisearch/partials/synonyms/form">
+						<label for="synonymsList">{{tx("meilisearch:admin.synonyms")}}</label>
+						<p class="help-block">{{tx("meilisearch:admin.synonymsHelp")}} <a href="https://docs.meilisearch.com/learn/configuration/synonyms.html">https://docs.meilisearch.com/learn/configuration/synonyms.html</a></p>
+						<ul name="synonymsList" data-type="list" class="list-group"></ul>
+						<button type="button" data-type="add" class="btn btn-info">{{tx("meilisearch:admin.addSynonym")}}</button>
+					</div>
+				</div>
+			</div>
+			<div class="row">
+				<div class="col-sm-2 col-xs-12 settings-header">{{tx("meilisearch:admin.typoTolerance")}}</div>
+				<div class="col-sm-10 col-xs-12">
+					<div class="checkbox" id="typoTolerance-container">
+						<label for="typoTolerance" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
+							<input type="checkbox" class="mdl-switch__input" id="typoTolerance" name="typoTolerance">
+							<span class="mdl-switch__label"><strong>{{tx("meilisearch:admin.typoToleranceEnable")}}</strong></span>
+						</label>
+					</div>
+					<div class="form-group">
+						<label for="typoToleranceMinWordSizeOneTypo">{{tx("meilisearch:admin.typoToleranceMinWordSizeOneTypo")}}</label>
+						<input type="number" id="typoToleranceMinWordSizeOneTypo" name="typoToleranceMinWordSizeOneTypo" title="Typo Tolerance Min Word Size One Typo" class="form-control" placeholder="5">
+					</div>
+					<div class="form-group">
+						<label for="typoToleranceMinWordSizeTwoTypos">{{tx("meilisearch:admin.typoToleranceMinWordSizeTwoTypos")}}</label>
+						<input type="number" id="typoToleranceMinWordSizeTwoTypos" name="typoToleranceMinWordSizeTwoTypos" title="Typo Tolerance Min Word Size Two Typos" class="form-control" placeholder="9">
+					</div>
+					<div class="form-group" data-type="sorted-list" data-sorted-list="typoToleranceDisableOnWords" data-item-template="admin/plugins/meilisearch/partials/typoToleranceDisableOnWords/item" data-form-template="admin/plugins/meilisearch/partials/typoToleranceDisableOnWords/form">
+						<label for="typoToleranceDisableOnWordsList">{{tx("meilisearch:admin.typoToleranceDisableOnWords")}}</label>
+						<p class="help-block">{{tx("meilisearch:admin.typoToleranceDisableOnWordsHelp")}} <a href="https://docs.meilisearch.com/learn/configuration/typo_tolerance.html#disableonwords">https://docs.meilisearch.com/learn/configuration/typo_tolerance.html#disableonwords</a></p>
+						<ul name="typoToleranceDisableOnWordsList" data-type="list" class="list-group"></ul>
+						<button type="button" data-type="add" class="btn btn-info">{{tx("meilisearch:admin.addTypoToleranceDisabledWord")}}</button>
+					</div>
+				</div>
+			</div>
+		</form>
+		<button id="save" class="floating-button mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
+			<i class="material-icons">{{tx("meilisearch:admin.save")}}</i>
+		</button>
+	</div>
+</div>

package/static/templates/client/partials/quick-search-header.tpl

@@ -0,0 +1,4 @@
+<div class="meilisearch-quick-search-header">
+	<strong>{{tx("meilisearch:similar-topics-header")}}</strong>
+	<span class="meilisearch-quick-search-esc">{{tx("meilisearch:esc")}}</span>
+</div>