diff --git a/src/Console/Console.hbs b/src/Console/Console.hbs deleted file mode 100644 index db7bc5809..000000000 --- a/src/Console/Console.hbs +++ /dev/null @@ -1,26 +0,0 @@ -
-
- - All - Error - Warning - Info - - - -
-
-
-
-
-
-
-
-
-
Cancel
-
Execute
-
- - -
-
\ No newline at end of file diff --git a/src/Console/Console.js b/src/Console/Console.js index 2b838c77c..6977e9210 100644 --- a/src/Console/Console.js +++ b/src/Console/Console.js @@ -14,6 +14,7 @@ import evalCss from '../lib/evalCss' import emitter from '../lib/emitter' import Settings from '../Settings/Settings' import LunaConsole from 'luna-console' +import { classPrefix as c } from '../lib/util' uncaught.start() @@ -109,15 +110,15 @@ export default class Console extends Tool { } _enableJsExecution(enabled) { const $el = this._$el - const $container = $el.find('.eruda-console-container') - const $jsInput = $el.find('.eruda-js-input') + const $container = $el.find(c('.console-container')) + const $jsInput = $el.find(c('.js-input')) if (enabled) { $jsInput.show() - $container.rmClass('eruda-js-input-hidden') + $container.rmClass(c('js-input-hidden')) } else { $jsInput.hide() - $container.addClass('eruda-js-input-hidden') + $container.addClass(c('js-input-hidden')) } } _registerListener() { @@ -132,19 +133,43 @@ export default class Console extends Tool { const $el = this._$el this._style = evalCss(require('./Console.scss')) - $el.append(require('./Console.hbs')()) + $el.append( + c(` +
+
+ + All + Error + Warning + Info + + + +
+
+
+
+
Cancel
+
Execute
+
+ + +
+
+ `) + ) - const _$inputContainer = $el.find('.eruda-js-input') + const _$inputContainer = $el.find(c('.js-input')) const _$input = _$inputContainer.find('textarea') - const _$inputBtns = _$inputContainer.find('.eruda-buttons') + const _$inputBtns = _$inputContainer.find(c('.buttons')) extend(this, { - _$control: $el.find('.eruda-control'), - _$logs: $el.find('.eruda-logs-container'), + _$control: $el.find(c('.control')), + _$logs: $el.find(c('.logs-container')), _$inputContainer, _$input, _$inputBtns, - _$searchKeyword: $el.find('.eruda-search-keyword'), + _$searchKeyword: $el.find(c('.search-keyword')), }) } _initLogger() { @@ -152,7 +177,7 @@ export default class Console extends Tool { let maxLogNum = cfg.get('maxLogNum') maxLogNum = maxLogNum === 'infinite' ? 0 : +maxLogNum - const $filter = this._$control.find('.eruda-filter') + const $filter = this._$control.find(c('.filter')) const logger = new LunaConsole(this._$logs.get(0), { asyncRender: cfg.get('asyncRender'), maxNum: maxLogNum, @@ -170,7 +195,7 @@ export default class Console extends Tool { const $this = $(this) const isMatch = $this.data('filter') === filter - $this[isMatch ? 'addClass' : 'rmClass']('eruda-active') + $this[isMatch ? 'addClass' : 'rmClass'](c('active')) }) }) @@ -203,12 +228,12 @@ export default class Console extends Tool { const config = this.config $control - .on('click', '.eruda-clear-console', () => logger.clear(true)) - .on('click', '.eruda-filter', function () { + .on('click', c('.clear-console'), () => logger.clear(true)) + .on('click', c('.filter'), function () { $searchKeyword.text('') logger.setOption('filter', $(this).data('filter')) }) - .on('click', '.eruda-search', () => { + .on('click', c('.search'), () => { const filter = prompt('Filter') if (isNull(filter)) return $searchKeyword.text(filter) @@ -218,7 +243,7 @@ export default class Console extends Tool { } logger.setOption('filter', new RegExp(escapeRegExp(lowerCase(filter)))) }) - .on('click', '.eruda-copy', () => { + .on('click', c('.copy'), () => { if (this._selectedLog) { this._selectedLog.copy() container.notify('Copied') @@ -226,8 +251,8 @@ export default class Console extends Tool { }) $inputBtns - .on('click', '.eruda-cancel', () => this._hideInput()) - .on('click', '.eruda-execute', () => { + .on('click', c('.cancel'), () => this._hideInput()) + .on('click', c('.execute'), () => { const jsInput = $input.val().trim() if (jsInput === '') return @@ -246,23 +271,23 @@ export default class Console extends Tool { logger.on('select', (log) => { this._selectedLog = log - $control.find('.eruda-icon-copy').rmClass('eruda-icon-disabled') + $control.find(c('.icon-copy')).rmClass(c('icon-disabled')) }) logger.on('deselect', () => { this._selectedLog = null - $control.find('.eruda-icon-copy').addClass('eruda-icon-disabled') + $control.find(c('.icon-copy')).addClass(c('icon-disabled')) }) container.on('show', this._handleShow) } _hideInput() { - this._$inputContainer.rmClass('eruda-active') - this._$inputBtns.hide() + this._$inputContainer.rmClass(c('active')) + this._$inputBtns.css('display', 'none') } _showInput() { - this._$inputContainer.addClass('eruda-active') - this._$inputBtns.show() + this._$inputContainer.addClass(c('active')) + this._$inputBtns.css('display', 'flex') } _rmCfg() { const cfg = this.config diff --git a/src/Console/Console.scss b/src/Console/Console.scss index 26067ec48..7950db787 100644 --- a/src/Console/Console.scss +++ b/src/Console/Console.scss @@ -22,7 +22,7 @@ line-height: 20px; border-bottom: 1px solid var(--border); .icon-clear, - .icon-search, + .icon-filter, .icon-copy { display: inline-block; padding: 10px; @@ -42,7 +42,7 @@ .icon-copy { right: 0; } - .icon-search { + .icon-filter { right: 23px; } .filter { @@ -65,7 +65,7 @@ line-height: 20px; max-width: 80px; overflow: hidden; - right: 63px; + right: 55px; font-size: $font-size; text-overflow: ellipsis; } @@ -113,8 +113,7 @@ .button { pointer-events: all; cursor: pointer; - width: 50%; - display: inline-block; + flex: 1; text-align: center; border-right: 1px solid var(--border); height: 40px; diff --git a/src/Elements/Elements.hbs b/src/Elements/Elements.hbs index 41ef18909..d8cd2409b 100644 --- a/src/Elements/Elements.hbs +++ b/src/Elements/Elements.hbs @@ -71,7 +71,7 @@ {{/if}}
- +
{{#if computedStyleSearchKeyword}}
diff --git a/src/Resources/Resources.hbs b/src/Resources/Resources.hbs index 3c4e36461..a8c0abf3a 100644 --- a/src/Resources/Resources.hbs +++ b/src/Resources/Resources.hbs @@ -8,7 +8,7 @@
- +
{{#if localStoreSearchKeyword}}
{{localStoreSearchKeyword}}
{{/if}} @@ -44,7 +44,7 @@
- +
{{#if sessionStoreSearchKeyword}}
{{sessionStoreSearchKeyword}}
{{/if}} @@ -80,7 +80,7 @@
- +
{{#if cookieSearchKeyword}}
{{cookieSearchKeyword}}
{{/if}} diff --git a/src/style/icon.css b/src/style/icon.css index 705e3e854..b5e24f75c 100644 --- a/src/style/icon.css +++ b/src/style/icon.css @@ -1,6 +1,6 @@ @font-face { font-family: 'eruda-icon'; - src: url('data:application/x-font-woff;charset=utf-8;base64,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') + src: url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'); } @@ -47,24 +47,27 @@ .icon-eye:before { content: '\f10b'; } -.icon-play:before { +.icon-filter:before { content: '\f10c'; } -.icon-refresh:before { +.icon-play:before { content: '\f10d'; } -.icon-reset:before { +.icon-refresh:before { content: '\f10e'; } -.icon-search:before { +.icon-reset:before { content: '\f10f'; } -.icon-select:before { +.icon-search:before { content: '\f110'; } -.icon-tool:before { +.icon-select:before { content: '\f111'; } -.icon-warn:before { +.icon-tool:before { content: '\f112'; } +.icon-warn:before { + content: '\f113'; +} diff --git a/src/style/icon/clear.svg b/src/style/icon/clear.svg index d635b50e5..b3050373b 100644 --- a/src/style/icon/clear.svg +++ b/src/style/icon/clear.svg @@ -1,3 +1,3 @@ - - + + \ No newline at end of file diff --git a/src/style/icon/copy.svg b/src/style/icon/copy.svg index bf71682ce..03fdb9fe4 100644 --- a/src/style/icon/copy.svg +++ b/src/style/icon/copy.svg @@ -1,4 +1,3 @@ - - - + + \ No newline at end of file diff --git a/src/style/icon/delete.svg b/src/style/icon/delete.svg index 678a0ae9f..601009cf9 100644 --- a/src/style/icon/delete.svg +++ b/src/style/icon/delete.svg @@ -1,3 +1,3 @@ - - + + \ No newline at end of file diff --git a/src/style/icon/eye.svg b/src/style/icon/eye.svg index 9dc788b09..55b21c613 100644 --- a/src/style/icon/eye.svg +++ b/src/style/icon/eye.svg @@ -1,3 +1,3 @@ - - + + \ No newline at end of file diff --git a/src/style/icon/filter.svg b/src/style/icon/filter.svg new file mode 100644 index 000000000..ed79ba2ed --- /dev/null +++ b/src/style/icon/filter.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/style/icon/refresh.svg b/src/style/icon/refresh.svg index 4967d8af9..d641f6a87 100644 --- a/src/style/icon/refresh.svg +++ b/src/style/icon/refresh.svg @@ -1,3 +1,3 @@ - - + + \ No newline at end of file diff --git a/src/style/icon/reset.svg b/src/style/icon/reset.svg index 87609f054..da59d9524 100644 --- a/src/style/icon/reset.svg +++ b/src/style/icon/reset.svg @@ -1,3 +1,3 @@ - - + + \ No newline at end of file diff --git a/src/style/icon/search.svg b/src/style/icon/search.svg index 1771ac272..5b602cf54 100644 --- a/src/style/icon/search.svg +++ b/src/style/icon/search.svg @@ -1,4 +1,3 @@ - - - + + \ No newline at end of file diff --git a/src/style/icon/select.svg b/src/style/icon/select.svg index 64b6c8804..e5682a594 100644 --- a/src/style/icon/select.svg +++ b/src/style/icon/select.svg @@ -1,3 +1,3 @@ - - + + \ No newline at end of file diff --git a/src/style/style.scss b/src/style/style.scss index 6806c64cc..cc6838f50 100644 --- a/src/style/style.scss +++ b/src/style/style.scss @@ -3,6 +3,7 @@ @import 'luna'; .container { + min-width: 320px; &.dark { color-scheme: dark; } @@ -43,6 +44,10 @@ .icon-disabled { opacity: 0.5; + cursor: default !important; + &:active { + color: inherit !important; + } } .tag-name-color { @@ -64,3 +69,10 @@ .string-color { color: var(--string-color); } + +h2 { + [class^='icon-'], + [class*=' icon-'] { + font-weight: normal; + } +}