11import i18n from '../i18n'
22
3+ const createDiv = ( id , name ) => {
4+ let div = document . createElement ( 'div' )
5+ div . id = id
6+ div . innerHTML = `<span>${ name } </span>`
7+ return div
8+ }
9+
10+ const colorList = [
11+ '#2c3e50' ,
12+ '#34495e' ,
13+ '#7f8c8d' ,
14+ '#94a5a6' ,
15+ '#bdc3c7' ,
16+ '#ecf0f1' ,
17+ '#8e44ad' ,
18+ '#9b59b6' ,
19+ '#2980b9' ,
20+ '#3298db' ,
21+ '#c0392c' ,
22+ '#e74c3c' ,
23+ '#d35400' ,
24+ '#f39c11' ,
25+ '#f1c40e' ,
26+ '#17a085' ,
27+ '#27ae61' ,
28+ '#2ecc71' ,
29+ ]
30+
331export default function ( mind ) {
432 let locale = i18n [ mind . locale ] ? mind . locale : 'en'
5- let createDiv = ( id , name ) => {
6- let div = document . createElement ( 'div' )
7- div . id = id
8- div . innerHTML = `<span>${ name } </span>`
9- return div
10- }
1133 let bgOrFont
1234 let styleDiv = createDiv ( 'nm-style' , 'style' )
1335 let tagDiv = createDiv ( 'nm-tag' , 'tag' )
1436 let iconDiv = createDiv ( 'nm-icon' , 'icon' )
1537
16- let colorList = [
17- '#2c3e50' ,
18- '#34495e' ,
19- '#7f8c8d' ,
20- '#94a5a6' ,
21- '#bdc3c7' ,
22- '#ecf0f1' ,
23- '#8e44ad' ,
24- '#9b59b6' ,
25- '#2980b9' ,
26- '#3298db' ,
27- '#c0392c' ,
28- '#e74c3c' ,
29- '#d35400' ,
30- '#f39c11' ,
31- '#f1c40e' ,
32- '#17a085' ,
33- '#27ae61' ,
34- '#2ecc71' ,
35- ]
3638 styleDiv . innerHTML = `
3739 <div class="nm-fontsize-container">
3840 ${ [ '15' , '24' , '32' ]
@@ -81,7 +83,7 @@ export default function(mind) {
8183 menuContainer . hidden = true
8284
8385 function clearSelect ( klass , remove ) {
84- var elems = document . querySelectorAll ( klass )
86+ var elems = mind . container . querySelectorAll ( klass )
8587 ; [ ] . forEach . call ( elems , function ( el ) {
8688 el . classList . remove ( remove )
8789 } )
@@ -92,8 +94,8 @@ export default function(mind) {
9294 let bold = menuContainer . querySelector ( '.bold' )
9395 let buttonContainer = menuContainer . querySelector ( '.button-container' )
9496 let fontBtn = menuContainer . querySelector ( '.font' )
95- let tagInput = document . querySelector ( '.nm-tag' )
96- let iconInput = document . querySelector ( '.nm-icon' )
97+ let tagInput = mind . container . querySelector ( '.nm-tag' )
98+ let iconInput = mind . container . querySelector ( '.nm-icon' )
9799 menuContainer . onclick = e => {
98100 if ( ! mind . currentNode ) return
99101 let nodeObj = mind . currentNode . nodeObj
0 commit comments