feat: update icons

liriliri · Dec 6, 2022 · 1c5ce8a · 1c5ce8a
1 parent 07697e8
commit 1c5ce8a
Show file tree

Hide file tree

Showing 16 changed files with 100 additions and 85 deletions.
diff --git a/src/Console/Console.hbs b/src/Console/Console.hbs
diff --git 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,27 +133,51 @@ export default class Console extends Tool {
     const $el = this._$el
 
     this._style = evalCss(require('./Console.scss'))
-    $el.append(require('./Console.hbs')())
+    $el.append(
+      c(`
+      <div class="console-container">
+        <div class="control">
+          <span class="icon-clear clear-console"></span>
+          <span class="filter active" data-filter="all">All</span>
+          <span class="filter" data-filter="error">Error</span>
+          <span class="filter" data-filter="warn">Warning</span>
+          <span class="filter" data-filter="info">Info</span>
+          <span class="search-keyword"></span>
+          <span class="icon-filter search"></span>
+          <span class="icon-copy icon-disabled copy"></span>
+        </div>
+        <div class="logs-container"></div>
+        <div class="js-input">
+          <div class="buttons">
+            <div class="button cancel">Cancel</div>
+            <div class="button execute">Execute</div>
+          </div>
+          <span class="icon-arrow-right"></span>
+          <textarea></textarea>
+        </div>
+      </div>
+    `)
+    )
 
-    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() {
     const cfg = this.config
     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,16 +243,16 @@ 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')
         }
       })
 
     $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
@@ -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
@@ -71,7 +71,7 @@
         </div>
       {{/if}}
       <div {{{class 'btn computed-style-search'}}}>
-        <span {{{class 'icon-search'}}}></span>
+        <span {{{class 'icon-filter'}}}></span>
       </div>
       {{#if computedStyleSearchKeyword}}
         <div {{{class 'btn search-keyword'}}}>

diff --git a/src/Resources/Resources.hbs b/src/Resources/Resources.hbs
@@ -8,7 +8,7 @@
       <span {{{class 'icon-clear'}}}></span>
     </div>
     <div {{{class 'btn search'}}} data-type="local">
-      <span {{{class 'icon-search'}}}></span>
+      <span {{{class 'icon-filter'}}}></span>
     </div>
     {{#if localStoreSearchKeyword}}<div {{{class 'btn search-keyword'}}}>{{localStoreSearchKeyword}}</div>{{/if}}
   </h2>
@@ -44,7 +44,7 @@
       <span {{{class 'icon-clear'}}}></span>
     </div>
     <div {{{class 'btn search'}}} data-type="session">
-      <span {{{class 'icon-search'}}}></span>
+      <span {{{class 'icon-filter'}}}></span>
     </div>
     {{#if sessionStoreSearchKeyword}}<div {{{class 'btn search-keyword'}}}>{{sessionStoreSearchKeyword}}</div>{{/if}}
   </h2>
@@ -80,7 +80,7 @@
       <span {{{class 'icon-clear'}}}></span>
     </div>
     <div {{{class 'btn search'}}} data-type="cookie">
-      <span {{{class 'icon-search'}}}></span>
+      <span {{{class 'icon-filter'}}}></span>
     </div>
     {{#if cookieSearchKeyword}}<div {{{class 'btn search-keyword'}}}>{{cookieSearchKeyword}}</div>{{/if}}
   </h2>

diff --git 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';
+}