dot and xls support

TODO.md

@@ -1,19 +1,18 @@
 # TODO list
 
-- Dot, xls support
 - hot keys for InfoPage
 - Download project button
 - switch monaco themes
-- load directories
-? platform.yml
-? console at the bottom
-? file content manager
 - nice css styles
 - support of smartphones
-- Matlab language support
 - replace font awesome 4 for something light
     https://github.com/danklammer/bytesize-icons
 - load files with full path
+? Matlab language support
+? dot language support
+? platform.yml
+? console at the bottom
+? file content manager
 
 ## Errors
 

src/app.js

@@ -146,11 +146,11 @@ $(async () => {
     });
 
     // add file or template to left panel
-    let checker = new NameChecker();
+    let checker = new NameChecker(); 
     $('#newButton').on('change', (evt) => {
       let value = evt.target.value;
       evt.target.value = '';
-      if (value==='loadFile') { // from file
+      if (value==='loadFiles') { // from file
         $('<input type="file" accept=".yml,.yaml,.json,.xml,.heta,.txt,.csv,.xlsx,.xls,.sbml" multiple=true/>')
           .on('change', async (evt) => {
             for (let file of $(evt.target)[0].files) {

src/index.html

@@ -38,7 +38,7 @@ <h2>Info</h2>
         <div id="modalDnD" class="w3-modal">
           <div class="w3-modal-content">
             <div class="w3-center">
-              <h1>Add file here</h1>
+              <h1>Add files or directories here</h1>
             </div>
           </div>
         </div>
@@ -75,7 +75,7 @@ <h1>Add file here</h1>
                     <option value="json">*.json</option>
                     <option value="yaml">*.yaml</option>
                     <option value="sbml">*.xml</option>
-                    <option value="loadFile">Load file</option>
+                    <option value="loadFiles">Load files</option>
                   </select>
                   <a id="buildBtn" href="#" class="w3-button w3-small w3-right w3-disabled"><i class="fa fa-rocket"></i></a>
                 </div>

src/page.js

@@ -28,7 +28,11 @@ const FORMATS = { // + Exports/Modules
     r: {extension: '.r', language: 'r', type: 'text/plain'}, // R
     c: {extension: '.c', language: 'c', type: 'text/plain'}, // C
     html: {extension: '.html', language: 'html', type: 'text/html'}, // HTML
-    log: {extension: '.log', language: 'plaintext', type: 'text/plain'}, 
+    log: {extension: '.log', language: 'plaintext', type: 'text/plain'},
+
+    dot: {extension: '.dot', language: 'dot', type: 'text/plain'},
+    xls: {extension: '.xls', pageType: 'info', type: 'application/vnd.ms-excel'},
+
 };
 
 // class storing HetaEditors