Refactor of Tab creation and new file action/button.

Signed-off-by: ubi de feo <[email protected]>

Author: ubidefeo

backend/shortcuts.js

@@ -2,25 +2,27 @@ module.exports = {
   global: {
     CONNECT: 'CommandOrControl+Shift+C',
     DISCONNECT: 'CommandOrControl+Shift+D',
-    SAVE: 'CommandOrControl+S',
     RUN: 'CommandOrControl+R',
     RUN_SELECTION: 'CommandOrControl+Alt+R',
     RUN_SELECTION_WL: 'CommandOrControl+Alt+S',
     STOP: 'CommandOrControl+H',
     RESET: 'CommandOrControl+Shift+R',
+    NEW: 'CommandOrControl+N',
+    SAVE: 'CommandOrControl+S',
     CLEAR_TERMINAL: 'CommandOrControl+L',
     EDITOR_VIEW: 'CommandOrControl+Alt+1',
     FILES_VIEW: 'CommandOrControl+Alt+2',
   },
   menu: {
     CONNECT: 'CmdOrCtrl+Shift+C',
     DISCONNECT: 'CmdOrCtrl+Shift+D',
-    SAVE: 'CmdOrCtrl+S',
     RUN: 'CmdOrCtrl+R',
     RUN_SELECTION: 'CmdOrCtrl+Alt+R',
     RUN_SELECTION_WL: 'CmdOrCtrl+Alt+S',
     STOP: 'CmdOrCtrl+H',
     RESET: 'CmdOrCtrl+Shift+R',
+    NEW: 'CmdOrCtrl+N',
+    SAVE: 'CmdOrCtrl+S',
     CLEAR_TERMINAL: 'CmdOrCtrl+L',
     EDITOR_VIEW: 'CmdOrCtrl+Alt+1',
     FILES_VIEW: 'CmdOrCtrl+Alt+2'

ui/arduino/index.html

@@ -25,7 +25,7 @@
     <!-- Components -->
     <script type="text/javascript" src="views/components/code-editor.js" charset="utf-8"></script>
     <script type="text/javascript" src="views/components/connection-dialog.js" charset="utf-8"></script>
-    <script type="text/javascript" src="views/components/new-file-destination-dialog.js" charset="utf-8"></script>
+    <script type="text/javascript" src="views/components/new-file-dialog.js" charset="utf-8"></script>
     <script type="text/javascript" src="views/components/file-actions.js" charset="utf-8"></script>
     <script type="text/javascript" src="views/components/file-list.js" charset="utf-8"></script>
     <script type="text/javascript" src="views/components/repl-panel.js" charset="utf-8"></script>

ui/arduino/main.css

@@ -392,6 +392,10 @@ button.small .icon {
   font-size: 1.4em;
   width:100%;
 }
+
+.dialog .dialog-content input:focus {
+  outline-color: #008184;
+}
 .dialog .dialog-content .item {
   border-radius: 4.5px;
   display: flex;
@@ -419,6 +423,21 @@ button.small .icon {
   align-items: center;
   background-color: #eee;;
 }
+
+.dialog-title{
+  width: 100%;
+  font-size: 0.8em;
+  padding: 0.7em;
+  margin: 0;
+  flex-basis: max-content;
+}
+.dialog-feedback {
+  font-size: 0.6em;
+  align-self: stretch;
+  padding: 0.5em;
+  background: #eee;
+}
+
 #file-manager {
   display: flex;
   padding: 12px 32px 24px 32px;