|
@@ -24,7 +24,6 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
|
- import $ from 'jquery';
|
|
|
|
|
import Vue from 'vue';
|
|
import Vue from 'vue';
|
|
|
import Component from 'vue-class-component';
|
|
import Component from 'vue-class-component';
|
|
|
import { Prop } from 'vue-property-decorator';
|
|
import { Prop } from 'vue-property-decorator';
|
|
@@ -135,9 +134,16 @@
|
|
|
editor.customMenuOptions.getErrorHighlighting = () => errorHighlightingEnabled;
|
|
editor.customMenuOptions.getErrorHighlighting = () => errorHighlightingEnabled;
|
|
|
editor.customMenuOptions.setClearIgnoredSyntaxChecks = () => {
|
|
editor.customMenuOptions.setClearIgnoredSyntaxChecks = () => {
|
|
|
setInLocalStorage('hue.syntax.checker.suppressedRules', {});
|
|
setInLocalStorage('hue.syntax.checker.suppressedRules', {});
|
|
|
- $('#setClearIgnoredSyntaxChecks')
|
|
|
|
|
- .hide()
|
|
|
|
|
- .before('<div style="margin-top:5px;float:right;">done</div>');
|
|
|
|
|
|
|
+ const el = document.getElementById('setClearIgnoredSyntaxChecks');
|
|
|
|
|
+ if (!el || !el.parentNode) {
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+ el.style.display = 'none';
|
|
|
|
|
+ const doneElem = document.createElement('div');
|
|
|
|
|
+ doneElem.style.marginTop = '5px';
|
|
|
|
|
+ doneElem.style.float = 'right';
|
|
|
|
|
+ doneElem.innerText = 'done';
|
|
|
|
|
+ el.insertAdjacentElement('beforebegin', doneElem);
|
|
|
};
|
|
};
|
|
|
editor.customMenuOptions.getClearIgnoredSyntaxChecks = () => false;
|
|
editor.customMenuOptions.getClearIgnoredSyntaxChecks = () => false;
|
|
|
}
|
|
}
|
|
@@ -440,20 +446,18 @@
|
|
|
setEnableAutocompleter: (enabled: boolean): void => {
|
|
setEnableAutocompleter: (enabled: boolean): void => {
|
|
|
editor.setOption('enableBasicAutocompletion', enabled);
|
|
editor.setOption('enableBasicAutocompletion', enabled);
|
|
|
setInLocalStorage('hue.ace.enableBasicAutocompletion', enabled);
|
|
setInLocalStorage('hue.ace.enableBasicAutocompletion', enabled);
|
|
|
- const $enableLiveAutocompletionChecked = $('#setEnableLiveAutocompletion:checked');
|
|
|
|
|
- const $setEnableLiveAutocompletion = $('#setEnableLiveAutocompletion');
|
|
|
|
|
- if (enabled && $enableLiveAutocompletionChecked.length === 0) {
|
|
|
|
|
- $setEnableLiveAutocompletion.trigger('click');
|
|
|
|
|
- } else if (!enabled && $enableLiveAutocompletionChecked.length !== 0) {
|
|
|
|
|
- $setEnableLiveAutocompletion.trigger('click');
|
|
|
|
|
|
|
+ const setElem = <HTMLInputElement>document.getElementById('setEnableLiveAutocompletion');
|
|
|
|
|
+ if (setElem && ((enabled && !setElem.checked) || (!enabled && setElem.checked))) {
|
|
|
|
|
+ setElem.click();
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
getEnableAutocompleter: () => editor.getOption('enableBasicAutocompletion'),
|
|
getEnableAutocompleter: () => editor.getOption('enableBasicAutocompletion'),
|
|
|
setEnableLiveAutocompletion: (enabled: boolean): void => {
|
|
setEnableLiveAutocompletion: (enabled: boolean): void => {
|
|
|
editor.setOption('enableLiveAutocompletion', enabled);
|
|
editor.setOption('enableLiveAutocompletion', enabled);
|
|
|
setInLocalStorage('hue.ace.enableLiveAutocompletion', enabled);
|
|
setInLocalStorage('hue.ace.enableLiveAutocompletion', enabled);
|
|
|
- if (enabled && $('#setEnableAutocompleter:checked').length === 0) {
|
|
|
|
|
- $('#setEnableAutocompleter').trigger('click');
|
|
|
|
|
|
|
+ const setElem = <HTMLInputElement>document.getElementById('setEnableAutocompleter');
|
|
|
|
|
+ if (setElem && enabled && !setElem.checked) {
|
|
|
|
|
+ setElem.click();
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
getEnableLiveAutocompletion: () => editor.getOption('enableLiveAutocompletion'),
|
|
getEnableLiveAutocompletion: () => editor.getOption('enableLiveAutocompletion'),
|