[SSE] Spellcheck refactoring

This commit is contained in:
Julia Radzhabova 2019-08-06 13:36:02 +03:00
parent 0b94998959
commit 0a0d852fa0

View file

@ -54,8 +54,8 @@ define([
'<div id="spellcheck-box" class="layout-ct vbox active" style="padding: 20px 15px 0; width: 100%; position: relative;">', '<div id="spellcheck-box" class="layout-ct vbox active" style="padding: 20px 15px 0; width: 100%; position: relative;">',
'<div id="spellcheck-header" style="font-size: 14px; padding-bottom: 16px;"><%= scope.txtSpelling %></div>', '<div id="spellcheck-header" style="font-size: 14px; padding-bottom: 16px;"><%= scope.txtSpelling %></div>',
'<div style="display: flex; width: 100%; padding-bottom: 8px;"><div id="spellcheck-current-word" style="vertical-align: top; width: 100%; display: inline-block;"></div><div id="spellcheck-next" style="display: inline-block;"></div></div>', '<div style="display: flex; width: 100%; padding-bottom: 8px;"><div id="spellcheck-current-word" style="vertical-align: top; width: 100%; display: inline-block;"></div><div id="spellcheck-next" style="display: inline-block;"></div></div>',
'<div id="spellcheck-suggestions-list" style="width: 100%; height: 100px; background-color: #fff; margin-bottom: 8px;"></div>', '<div id="spellcheck-suggestions-list" style="width: 100%; height: 116px; background-color: #fff; margin-bottom: 8px;"></div>',
'<div id="spellcheck-change" style="width: 105px; display: inline-block; padding-bottom: 16px;"></div><div id="spellcheck-ignore" class="padding-large" style="margin-left: 19px; width: 105px; display: inline-block;"></div>', '<div id="spellcheck-change" style="display: inline-block; padding-bottom: 16px;"></div><div id="spellcheck-ignore" class="padding-large" style="margin-left: 9px; display: inline-block;"></div>',
'<button class="btn btn-text-default auto" id="spellcheck-add-to-dictionary" style="min-width: 105px; display: block; margin-bottom: 16px;"><%= scope.txtAddToDictionary %></button>', '<button class="btn btn-text-default auto" id="spellcheck-add-to-dictionary" style="min-width: 105px; display: block; margin-bottom: 16px;"><%= scope.txtAddToDictionary %></button>',
'<label class="header" style=" display: block;"><%= scope.txtDictionaryLanguage %></label><div id="spellcheck-dictionary-language" style="margin-top: 3px; padding-bottom: 16px;display: flex;"></div>', '<label class="header" style=" display: block;"><%= scope.txtDictionaryLanguage %></label><div id="spellcheck-dictionary-language" style="margin-top: 3px; padding-bottom: 16px;display: flex;"></div>',
'<div id="spellcheck-complete" style="display: flex;" class="hidden"><i class="img-commonctrl img-complete" style="display: inline-block;margin-right: 10px;"></i><%= scope.txtComplete %></div>', '<div id="spellcheck-complete" style="display: flex;" class="hidden"><i class="img-commonctrl img-complete" style="display: inline-block;margin-right: 10px;"></i><%= scope.txtComplete %></div>',
@ -90,17 +90,18 @@ define([
this.suggestionList = new Common.UI.ListView({ this.suggestionList = new Common.UI.ListView({
el: $('#spellcheck-suggestions-list'), el: $('#spellcheck-suggestions-list'),
emptyText: this.noSuggestions, emptyText: this.noSuggestions,
store: new Common.UI.DataViewStore() store: new Common.UI.DataViewStore(),
scrollAlwaysVisible: true
}); });
this.btnChange = new Common.UI.Button({ this.btnChange = new Common.UI.Button({
cls: 'btn-text-split-default', cls: 'btn-text-split-default',
caption: this.textChange, caption: this.textChange,
split: true, split: true,
width: 105, width: 110,
disabled: true, disabled: true,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
style : 'min-width: 105px;', style : 'min-width: 110px',
items: [ items: [
{ {
caption: this.textChange, caption: this.textChange,
@ -108,7 +109,8 @@ define([
}, },
{ {
caption: this.textChangeAll, caption: this.textChangeAll,
value: 1 value: 1,
disabled: true
} }
] ]
}) })
@ -119,10 +121,10 @@ define([
cls: 'btn-text-split-default', cls: 'btn-text-split-default',
caption: this.textIgnore, caption: this.textIgnore,
split: true, split: true,
width: 105, width: 110,
disabled: true, disabled: true,
menu : new Common.UI.Menu({ menu : new Common.UI.Menu({
style : 'min-width: 105px;', style : 'min-width: 110px;',
items: [ items: [
{ {
caption: this.textIgnore, caption: this.textIgnore,
@ -130,7 +132,8 @@ define([
}, },
{ {
caption: this.textIgnoreAll, caption: this.textIgnoreAll,
value: 1 value: 1,
disabled: true
} }
] ]
}) })