|
9 | 9 |
|
10 | 10 | #icon |
11 | 11 | {padding:3px;width:20px;background:buttonface} |
12 | | - |
| 12 | + |
13 | 13 | .menu |
14 | 14 | {position:absolute;left:0;top:35px;} |
15 | | - |
| 15 | + |
16 | 16 | </style> |
17 | 17 |
|
18 | 18 | <img id=icon class=icon src='data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAt1BMVEVHcEwbmPYcgfMchvQbsfkay/wbtvkbnfccefMayfwbmfYch/QchvQbtfkbmfYa1P0ddfIcivQcl/Ycj/Ubp/gcmfYdbPEbrvkazPwcmfYbqfgayfwayPwbv/sbvvobsvkazPwbqvga0fwbvPobtvocjvUbofcbpvccfPMcgPMcgvMdafAdbfEckfUbtvka0PwcfPIaxvsbwfsbvPodb/EcnPYclvYckfUbpvccjPQdd/IbofcbrPiPy8D0AAAAMHRSTlMAA/79/v7+5ycVZ3Y3h0xhu9jp8kFeF9OkVfQOrZi+Mh1z/iUJQ+/dx4fOYq7hybzs5xU1AAABIklEQVQ4y+2Ux3aDMBBFpTR6M92AwYB7S6EG/v+7MsJJnBBKVsnGdwHozT1HQgxC6MrfEkiSM+Y4khSgUxhazLDHWGF4QveAO2gyLnGQ9QS4wcDaXGJYiPGegVnU50UzUvdgTsd7AfrMaEaqXvO+sfAAHP0uzz+SmhCfR7FwB5gdpm+SyoeHEJ5P67o2tbanmRBP5/iSgFkUxaplaisIv3kAu6yqihK/RiIF0ZJtT6NTaZpS9iWwm0D/uXB7kmXZ5LOgN0O7ayvEQ57nKtssCbMqDA5i9+YulLIsVQ5MzKnwqCz6Phev3AIcxhy5K3x/A/DbG2CzIdctP9RS9PrxnTU92KOYll8bZHqs7Wk5AcY9hIx9kuyN3/xuxm5nXA+df+cNJSAgjMbiFSoAAAAASUVORK5CYII='> |
19 | 19 |
|
20 | | - <div class=menu style='display:none'> |
| 20 | + <div class=menu style='display:none'> |
21 | 21 | <div id=new class=menu-opt>new</div> |
22 | 22 | <div id=fork class=menu-opt>fork</div> |
23 | 23 | <div class=menu-sep></div> |
|
27 | 27 | </div> |
28 | 28 |
|
29 | 29 | </template> |
30 | | - |
31 | | - |
32 | | - |
| 30 | + |
| 31 | + |
| 32 | + |
33 | 33 | <script> |
34 | | - |
35 | | -(function main_menu({mod,dom,host}){ |
| 34 | + |
| 35 | +(function main_menu({mod,host}){ |
36 | 36 |
|
37 | 37 | var obj = { |
38 | 38 | version : 'v2.0', |
39 | 39 | }; |
40 | | - |
| 40 | + |
41 | 41 |
|
42 | 42 | var $,menu,editor |
43 | 43 | ; |
44 | 44 |
|
45 | 45 | obj.initmod = function(params){ |
46 | | - |
47 | | - $ = params.$; |
48 | | - editor = params.editor; |
49 | | - menu = params.menu; |
| 46 | + |
| 47 | + $ = mod.rd(params,'$',$); |
| 48 | + editor = mod.rd(params,'editor',editor); |
| 49 | + menu = mod.rd(params,'menu',menu); |
50 | 50 |
|
51 | 51 | }//initmod |
52 | | - |
53 | | - |
| 52 | + |
| 53 | + |
54 | 54 | //vars:- |
55 | 55 |
|
56 | 56 |
|
57 | 57 | var click = {}; |
58 | 58 |
|
59 | 59 |
|
60 | 60 | //: |
61 | | - |
| 61 | + |
62 | 62 |
|
63 | 63 | obj.init = function(){ |
64 | 64 | }//init |
65 | | - |
66 | | - |
| 65 | + |
| 66 | + |
67 | 67 | //: |
68 | | - |
| 68 | + |
69 | 69 |
|
70 | 70 | obj.initdom = function(rootnode){ |
71 | 71 |
|
72 | 72 | var shadow = host.shadowRoot; |
73 | | - |
| 73 | + |
74 | 74 | var style = $(shadow,'style'); |
75 | 75 | $.stylesheet.copyrule('#page-inline','.icon',style); |
76 | 76 |
|
|
79 | 79 |
|
80 | 80 | var card = $(shadow,'.menu'); |
81 | 81 | $(shadow,'#icon').onclick = menu.click(card,false,false,click.menu); |
82 | | - |
83 | | - |
| 82 | + |
| 83 | + |
84 | 84 | }//initdom |
85 | | - |
86 | | - |
| 85 | + |
| 86 | + |
87 | 87 | //: |
88 | | - |
89 | | - |
90 | | - click.menu = function(type,opt){ |
91 | 88 |
|
| 89 | + |
| 90 | + click.menu = function(type,opt){ |
| 91 | + |
92 | 92 | if(type=='opt'){ |
93 | 93 | click.menu[opt.id](); |
94 | 94 | } |
95 | | - |
| 95 | + |
96 | 96 | }//menu |
97 | | - |
98 | | - |
| 97 | + |
| 98 | + |
99 | 99 | click.menu.new = function(){ |
100 | | - |
| 100 | + |
101 | 101 | var win = window.open(''); |
102 | 102 | return win; |
103 | | - |
| 103 | + |
104 | 104 | }//new |
105 | | - |
106 | | - |
| 105 | + |
| 106 | + |
107 | 107 | click.menu.fork = function(){ |
108 | | - |
| 108 | + |
109 | 109 | var win = menu.new(); |
110 | 110 | var txt = editor.getValue(); |
111 | 111 | win.postMessage({txt},'*'); |
112 | | - |
| 112 | + |
113 | 113 | }//fork |
114 | | - |
115 | | - |
| 114 | + |
| 115 | + |
116 | 116 | click.menu.source = function(){ |
117 | 117 |
|
118 | 118 | window.open('https://github.com/javascript-2020/javascript-2020.github.io/tree/main/utils/editors/markdown-editor'); |
119 | 119 |
|
120 | 120 | }//source |
121 | | - |
122 | | - |
| 121 | + |
| 122 | + |
123 | 123 | click.menu['ex-1'] = async function(){ |
124 | | - |
125 | | - var url = 'https://raw.githubusercontent.com/javascript-2020/javascript-2020.github.io/main/utils/editors/markdown-editor/examples/example-1.md'; |
| 124 | + |
| 125 | + var url = 'https://raw.githubusercontent.com/javascript-2020/javascript-2020.github.io/main/utils/editors/markdown-editor/examples/example-1.md'; |
126 | 126 | var err; |
127 | 127 | try{ |
128 | 128 |
|
|
147 | 147 | editor.setValue(txt); |
148 | 148 |
|
149 | 149 | }//ex-1 |
150 | | - |
151 | | - |
152 | | - |
153 | | - |
| 150 | + |
| 151 | + |
| 152 | + |
| 153 | + |
154 | 154 | return obj; |
155 | 155 |
|
156 | 156 | })//main_menu |
157 | | - |
158 | | - |
159 | | - </script> |
160 | 157 |
|
161 | 158 |
|
| 159 | + </script> |
| 160 | + |
| 161 | + |
162 | 162 | </main-menu> |
163 | | - |
164 | | - |
165 | | - |
| 163 | + |
| 164 | + |
| 165 | + |
0 commit comments