overleaf/services/web/frontend/js/ide/editor/components/spellMenu.js
Jakob Ackermann 5701cc9e4b Merge pull request #6351 from overleaf/jk-cm6-context-menu-revamp
[web] Spelling: use button instead of `a` tag

GitOrigin-RevId: e63a89eb781bbecf33c49cfcd83e8ff7612fa554
2022-01-20 09:03:11 +00:00

46 lines
1.2 KiB
JavaScript

/* eslint-disable
max-len,
*/
// TODO: This file was created by bulk-decaffeinate.
// Fix any style issues and re-enable lint.
/*
* decaffeinate suggestions:
* DS102: Remove unnecessary code created because of implicit returns
* Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
*/
import App from '../../../base'
export default App.component('spellMenu', {
bindings: {
open: '<',
top: '<',
left: '<',
layoutFromBottom: '<',
highlight: '<',
replaceWord: '&',
learnWord: '&',
},
template: `\
<div
class="dropdown context-menu spell-check-menu"
ng-show="$ctrl.open"
ng-style="{top: $ctrl.top, left: $ctrl.left}"
ng-class="{open: $ctrl.open, 'spell-check-menu-from-bottom': $ctrl.layoutFromBottom}"
>
<ul class="dropdown-menu">
<li ng-repeat="suggestion in $ctrl.highlight.suggestions | limitTo:8">
<button
class="btn-link text-left dropdown-menu-button"
ng-click="$ctrl.replaceWord({ highlight: $ctrl.highlight, suggestion: suggestion })"
>
{{ suggestion }}
</a>
</li>
<li class="divider"></li>
<li>
<a href ng-click="$ctrl.learnWord({ highlight: $ctrl.highlight })">Add to Dictionary</a>
</li>
</ul>
</div>\
`,
})