|
6 | 6 | <meta http-equiv="X-UA-Compatible" content="ie=edge"> |
7 | 7 | <title>MintCoding Editor</title> |
8 | 8 | <!-- Blockly 라이브러리 --> |
| 9 | + <script>console.time('모든 자바스크립트 로드 완료')</script> |
9 | 10 | <script src="https://unpkg.com/blockly@10.4.3/blockly.min.js"></script> |
10 | 11 | <script src="https://unpkg.com/blockly@10.4.3/javascript.min.js"></script> |
| 12 | + <!-- Blockly field date 플러그인 --> |
| 13 | + <script src="https://cdn.jsdelivr.net/npm/@blockly/field-date@10.0.8/dist/index.min.js"></script> |
11 | 14 | <!-- 커스텀 블록 및 앱 스크립트 --> |
12 | 15 | <!-- 민트 --> |
13 | 16 | <script src="../js/customBlocks/mint/mint.js"></script> |
|
19 | 22 | <!-- localStorage --> |
20 | 23 | <script src="../js/customBlocks/localstorage/localstorage.js"></script> |
21 | 24 | <script src="../js/customBlocks/localstorage/generator.js"></script> |
| 25 | + <!-- 날짜 블록 --> |
| 26 | + <script src="../js/customBlocks/date/date.js"></script> |
| 27 | + <script src="../js/customBlocks/date/generator.js"></script> |
22 | 28 | <!-- 백그라운드 스크립트 및 커스텀 블록 언어 패키지 --> |
23 | 29 | <script src="../js/functions_for_blocks.js"></script> |
24 | 30 | <script src="../js/app.js"></script> |
25 | 31 | <!-- 커스텀 블록 언어 패키지 --> |
26 | 32 | <script src="../js/lang_newProject.js"></script> |
| 33 | + <!-- 날짜 선택 블록 정의 --> |
| 34 | + <script> |
| 35 | + Blockly.defineBlocksWithJsonArray([ |
| 36 | + { |
| 37 | + "type": "date_picker", |
| 38 | + "message0": `${APPENDFIELD[lang].date_picker} %1`, |
| 39 | + "args0": [ |
| 40 | + { |
| 41 | + "type": "field_date", |
| 42 | + "name": "MY_DATE", |
| 43 | + "date": "2024-01-01" |
| 44 | + } |
| 45 | + ], |
| 46 | + "output": "String", |
| 47 | + "tooltip": TOOLTIP[lang].date_picker, |
| 48 | + "colour": 0 |
| 49 | + } |
| 50 | + ]); |
| 51 | + </script> |
| 52 | + <script> |
| 53 | + javascriptGenerator.forBlock['date_picker'] = function(block, generator) { |
| 54 | + var date = block.getFieldValue('MY_DATE'); |
| 55 | + return ["'" + date + "'", javascriptGenerator.ORDER_ATOMIC]; |
| 56 | + }; |
| 57 | + </script> |
| 58 | + <script>console.timeEnd('모든 자바스크립트 로드 완료')</script> |
27 | 59 | <link rel="icon" type="image/svg+xml" href="../img/logo.svg"> |
28 | 60 | <link rel="stylesheet" href="../css/editor.css"> |
| 61 | + <link rel="manifest" href="../manifest.json"> |
29 | 62 | </head> |
30 | 63 |
|
31 | 64 | <body> |
32 | 65 | <div class="topbar"> |
33 | | - <img src="../img/logo.svg" alt="MintCoding Logo" class="logo" style="width: 40px; height: auto; cursor: pointer;" onclick="window.location.href='https://minirang.github.io/MintCoding?lang=ko'"/> |
34 | | - <input type="text" id="projectName" placeholder="프로젝트 이름 입력"/> |
35 | | - <button id="runButton" onclick="runCode()">실행</button> |
| 66 | + <img src="../img/logo.svg" alt="MintCoding Logo" class="logo" style="width: 40px; height: auto; cursor: pointer;" onclick="const params = new URLSearchParams(window.location.search); const lang = params.get('lang') || 'ko'; if (confirm('Would you like to move to another page?\n\n다른 페이지로 이동할까요?')) {window.location.href = 'https://minirang.github.io/MintCoding?lang=' + lang;}"/> |
| 67 | + <input type="text" id="projectName" placeholder="프로젝트 이름 입력" maxlength="35"/> |
| 68 | + <button id="runButton" onclick="runCode()">▶ 실행</button> |
| 69 | + <button id="saveButton" onclick="saveWorkspace()">파일로 저장</button> |
| 70 | + <button id="loadButton" onclick="document.getElementById('loadFile').click()">파일 불러오기</button> |
| 71 | + <input type="file" id="loadFile" accept=".mint,.json" style="display: none" onchange="loadWorkspace(event)"/> |
36 | 72 | </div> |
37 | 73 |
|
38 | 74 | <div class="main"> |
|
134 | 170 | <block type="colour_rgb"></block> |
135 | 171 | <block type="colour_blend"></block> |
136 | 172 | </category> |
| 173 | + |
| 174 | + <!-- 날짜 --> |
| 175 | + <category id="catDate" name="날짜" colour="0"> |
| 176 | + <block type="date_picker"></block> |
| 177 | + <block type="date_now"></block> |
| 178 | + <block type="date_year"></block> |
| 179 | + <block type="date_month"></block> |
| 180 | + <block type="date_day"></block> |
| 181 | + <block type="date_hour"></block> |
| 182 | + <block type="date_minute"></block> |
| 183 | + <block type="date_second"></block> |
| 184 | + <block type="date_week"></block> |
| 185 | + </category> |
137 | 186 |
|
138 | 187 | <!-- 로컬 저장소 --> |
139 | 188 | <!-- 내가 만들고도 너무 헷갈려서 그런데 카테고리 이름에만 storage에 s에 대문자임 --> |
|
159 | 208 | </category> |
160 | 209 | </xml> |
161 | 210 |
|
| 211 | +<div id="toast"></div> |
162 | 212 | </body> |
163 | 213 | </html> |
0 commit comments