186 lines
9.6 KiB
HTML
186 lines
9.6 KiB
HTML
<html>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
<title>PacoMouseCYD Loco Editor</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div class="headertxt">
|
|
<b>PacoMouseCYD Loco Editor</b>
|
|
</div>
|
|
|
|
<div class="dropdown dropdown-dark">
|
|
<span lang="es"><img class='spanish'></span>
|
|
<span lang="ca"><img class='catalan'></span>
|
|
<span lang="en"><img class='english'></span>
|
|
<span lang="de"><img class='deutsch'></span>
|
|
|
|
<select id="language-select" class="dropdown-select" onchange="changelanguage();">
|
|
<option value="en">English</option>
|
|
<option value="es">Castellano</option>
|
|
<option value="de">Deutsch</option>
|
|
<option value="ca">Català</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="labeltxt">
|
|
<table border='0' cellspacing='0' cellpadding='3' width="100%">
|
|
<tr><td>
|
|
<span lang="es">Locomotora:</span>
|
|
<span lang="ca">Locomotora:</span>
|
|
<span lang="en">Locomotive:</span>
|
|
<span lang="de">Lokomotive:</span>
|
|
</td><td> <input type="text" id="NumLoco" class="texttxt" placeholder="?"></td></tr>
|
|
<tr><td>
|
|
|
|
<span lang="es">Nombre:</span>
|
|
<span lang="ca">Nom:</span>
|
|
<span lang="en">Name:</span>
|
|
<span lang="de">Name:</span>
|
|
|
|
</td><td> <input type="text" id="NameLoco" class="texttxt" ></td></tr>
|
|
<tr><td>
|
|
<span lang="es">Vel. max.:</span>
|
|
<span lang="ca">Vel. max.:</span>
|
|
<span lang="en">Speed max.:</span>
|
|
<span lang="de">Geschw.max.:</span>
|
|
</td><td> <input type="text" id="SpeedMax" class="texttxt"> km/h</td></tr>
|
|
<tr><td><br></td></tr>
|
|
<tr><td>
|
|
<span lang="es">Archivo CSV:</span>
|
|
<span lang="ca">Arxiu CSV:</span>
|
|
<span lang="en">CSV File:</span>
|
|
<span lang="de">CSV-Datei:</span>
|
|
</td><td>loco/ <input type="file" id="fileToLoad" class="texttxt"></td> </tr>
|
|
<tr><td></td><td><button class="buttontxt" onclick="loadFileAsText()">
|
|
<span lang="es">Cargar ...</span>
|
|
<span lang="ca">Carregar ...</span>
|
|
<span lang="en">Load ...</span>
|
|
<span lang="de">Laden ...</span>
|
|
</button><td></tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="labeltxt">
|
|
<table border='0' cellspacing='0' cellpadding='3' width="100%">
|
|
<tr><td>
|
|
<span lang="es">Imagen:</span>
|
|
<span lang="ca">Imatge:</span>
|
|
<span lang="en">Image:</span>
|
|
<span lang="de">Bild:</span>
|
|
</td><td> <input type="text" id="NumImage" class="texttxt" placeholder="?" onChange="changeImageLoco();"></td></tr>
|
|
<tr><td><br><br><br></td><td><img src="image/0.bmp" id="imageToShow" width="190" height="40"></td></tr>
|
|
<tr><td>
|
|
<span lang="es">Archivo BMP:</span>
|
|
<span lang="ca">Arxiu BMP:</span>
|
|
<span lang="en">BMP File:</span>
|
|
<span lang="de">BMP-Datei:</span>
|
|
</td><td>image/ <input type="file" id="imageToLoad" class="texttxt"></td> </tr>
|
|
<tr><td></td><td><button class="buttontxt" onclick="loadFileAsImage()">
|
|
<span lang="es">Cargar ...</span>
|
|
<span lang="ca">Carregar ...</span>
|
|
<span lang="en">Load ...</span>
|
|
<span lang="de">Laden ...</span>
|
|
</button><td></tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="labeltxt">
|
|
<span lang="es">Funciones:</span>
|
|
<span lang="ca">Funcions:</span>
|
|
<span lang="en">Functions:</span>
|
|
<span lang="de">Funktionen:</span>
|
|
<hr>
|
|
<table>
|
|
<tr><td>F0</td><td>F1</td><td>F2</td><td>F3</td><td>F4</td><td>F5</td><td>F6</td><td>F7</td><td>F8</td><td>F9</td></tr>
|
|
<tr><td><img id="F0" class="iconID3" onClick="selectIcon(0);"></td><td><img id="F1" class="iconID2" onClick="selectIcon(1);"></td><td><img id="F2" class="iconID2" onClick="selectIcon(2);"></td>
|
|
<td><img id="F3" class="iconID2" onClick="selectIcon(3);"></td><td><img id="F4" class="iconID2" onClick="selectIcon(4);"></td><td><img id="F5" class="iconID2" onClick="selectIcon(5);"></td>
|
|
<td><img id="F6" class="iconID2" onClick="selectIcon(6);"></td><td><img id="F7" class="iconID2" onClick="selectIcon(7);"></td><td><img id="F8" class="iconID2" onClick="selectIcon(8);"></td>
|
|
<td><img id="F9" class="iconID2" onClick="selectIcon(9);"></td></tr>
|
|
<tr><td>F10</td><td>F11</td><td>F12</td><td>F13</td><td>F14</td><td>F15</td><td>F16</td><td>F17</td><td>F18</td><td>F19</td></tr>
|
|
<tr><td><img id="F10" class="iconID2" onClick="selectIcon(10);"></td><td><img id="F11" class="iconID2" onClick="selectIcon(11);"></td><td><img id="F12" class="iconID2" onClick="selectIcon(12);"></td>
|
|
<td><img id="F13" class="iconID2" onClick="selectIcon(13);"></td><td><img id="F14" class="iconID2" onClick="selectIcon(14);"></td><td><img id="F15" class="iconID2" onClick="selectIcon(15);"></td>
|
|
<td><img id="F16" class="iconID2" onClick="selectIcon(16);"></td><td><img id="F17" class="iconID2" onClick="selectIcon(17);"></td><td><img id="F18" class="iconID2" onClick="selectIcon(18);"></td>
|
|
<td><img id="F19" class="iconID2" onClick="selectIcon(19);"></td></tr>
|
|
<tr><td>F20</td><td>F21</td><td>F22</td><td>F23</td><td>F24</td><td>F25</td><td>F26</td><td>F27</td><td>F28</td></tr>
|
|
<tr><td><img id="F20" class="iconID2" onClick="selectIcon(20);"></td><td><img id="F21" class="iconID2" onClick="selectIcon(21);"></td><td><img id="F22" class="iconID2" onClick="selectIcon(22);"></td>
|
|
<td><img id="F23" class="iconID2" onClick="selectIcon(23);"></td><td><img id="F24" class="iconID2" onClick="selectIcon(24);"></td><td><img id="F25" class="iconID2" onClick="selectIcon(25);"></td>
|
|
<td><img id="F26" class="iconID2" onClick="selectIcon(26);"></td><td><img id="F27" class="iconID2" onClick="selectIcon(27);"></td><td><img id="F28" class="iconID2" onClick="selectIcon(28);"></td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div id="iconAll" style="display:none">
|
|
<hr>
|
|
<table>
|
|
<tr><td>
|
|
<span lang="es">Icono para</span>
|
|
<span lang="ca">Icona per a</span>
|
|
<span lang="en">Icon for</span>
|
|
<span lang="de">Symbol für</span>
|
|
</td><td id="Fx">F</td></tr>
|
|
</table>
|
|
<br>
|
|
<table>
|
|
<tr><td><img id="icon1" class="iconID1" onClick="updateIcon(1);"></td><td><img id="icon2" class="iconID2" onClick="updateIcon(2);"></td><td><img id="icon3" class="iconID3" onClick="updateIcon(3);"></td>
|
|
<td><img id="icon4" class="iconID4" onClick="updateIcon(4);"></td><td><img id="icon5" class="iconID5" onClick="updateIcon(5);"></td><td><img id="icon6" class="iconID6" onClick="updateIcon(6);"></td>
|
|
<td><img id="icon7" class="iconID7" onClick="updateIcon(7);"></td><td><img id="icon8" class="iconID8" onClick="updateIcon(8);"></td><td><img id="icon9" class="iconID9" onClick="updateIcon(9);"></td>
|
|
<td><img id="icon10" class="iconID10" onClick="updateIcon(10);"></tr>
|
|
|
|
<tr><td><img id="icon11" class="iconID11" onClick="updateIcon(11);"></td><td><img id="icon12" class="iconID12" onClick="updateIcon(12);"></td><td><img id="icon13" class="iconID13" onClick="updateIcon(13);"></td>
|
|
<td><img id="icon14" class="iconID14" onClick="updateIcon(14);"></td><td><img id="icon15" class="iconID15" onClick="updateIcon(15);"></td><td><img id="icon16" class="iconID16" onClick="updateIcon(16);"></td>
|
|
<td><img id="icon17" class="iconID17" onClick="updateIcon(17);"></td><td><img id="icon18" class="iconID18" onClick="updateIcon(18);"></td><td><img id="icon19" class="iconID19" onClick="updateIcon(19);"></td>
|
|
<td><img id="icon20" class="iconID20" onClick="updateIcon(20);"></tr>
|
|
|
|
<tr><td><img id="icon21" class="iconID21" onClick="updateIcon(21);"></td><td><img id="icon22" class="iconID22" onClick="updateIcon(22);"></td><td><img id="icon23" class="iconID23" onClick="updateIcon(23);"></td>
|
|
<td><img id="icon24" class="iconID24" onClick="updateIcon(24);"></td><td><img id="icon25" class="iconID25" onClick="updateIcon(25);"></td><td><img id="icon26" class="iconID26" onClick="updateIcon(26);"></td>
|
|
<td><img id="icon27" class="iconID27" onClick="updateIcon(27);"></td><td><img id="icon28" class="iconID28" onClick="updateIcon(28);"></td><td><img id="icon29" class="iconID29" onClick="updateIcon(29);"></td>
|
|
<td><img id="icon30" class="iconID30" onClick="updateIcon(30);"></tr>
|
|
|
|
<tr><td><img id="icon31" class="iconID31" onClick="updateIcon(31);"></td><td><img id="icon32" class="iconID32" onClick="updateIcon(32);"></td><td><img id="icon33" class="iconID33" onClick="updateIcon(33);"></td>
|
|
<td><img id="icon34" class="iconID34" onClick="updateIcon(34);"></td><td><img id="icon35" class="iconID35" onClick="updateIcon(35);"></td><td><img id="icon36" class="iconID36" onClick="updateIcon(36);"></td>
|
|
<td><img id="icon37" class="iconID37" onClick="updateIcon(37);"></td><td><img id="icon38" class="iconID38" onClick="updateIcon(38);"></td><td><img id="icon39" class="iconID39" onClick="updateIcon(39);"></td>
|
|
<td><img id="icon40" class="iconID40" onClick="updateIcon(40);"></tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="instruc" class="labeltxt" style="display:none">
|
|
<center>
|
|
<span lang="es">Copia el archivo .csv de la carpeta <b>Descargas</b> del ordenador a la carpeta <b>loco</b> de la SD</span>
|
|
<span lang="ca">Copia el fitxer .csv de la carpeta <b>Descàrregues</b> de l'ordinador a la carpeta <b>loco</b> de la targeta SD</span>
|
|
<span lang="en">Copy the .csv file from the <b>Downloads</b> folder on your computer to the <b>loco</b> folder on your SD card</span>
|
|
<span lang="de">Kopieren Sie die .csv-Datei aus dem <b>Download</b>-Ordner auf Ihrem Computer in den Ordner <b>loco</b> auf Ihrer SD-Karte.</span>
|
|
</center>
|
|
</div>
|
|
|
|
<div id="saveCSV">
|
|
<center>
|
|
<table><tr>
|
|
<td>
|
|
<button class="buttontxt" style="font-size: 40px;padding: 20px 60px;" onclick="createTextCSV()">
|
|
<span lang="es">Guardar ...</span>
|
|
<span lang="ca">Desar ...</span>
|
|
<span lang="en">Save ...</span>
|
|
<span lang="de">Speichern ...</span>
|
|
</button>
|
|
</td><td>
|
|
<img class='paco'>
|
|
</td></tr>
|
|
</table>
|
|
</center>
|
|
</div>
|
|
|
|
|
|
<div style="display:none">
|
|
<textarea id="inputTextToSave" cols="80" rows="5"></textarea>
|
|
<input id="inputFileNameToSaveAs"></input>
|
|
<input type="text" id="NumFunc" value="2" style="display:block">
|
|
</div>
|
|
|
|
<script src="js/loco.js"></script>
|
|
</body>
|
|
</html> |