Improve icons in buttons

css/ivprog-visual-1.0.css

@@ -654,7 +654,6 @@ div.function_name_div_updated:active,
 .global_var .circle.add_global_button,
 .ui.add_var_context .icon.plus.circle,
 .ui.rail .icon.plus.circle {
-	z-index: 10;
 	color: #bf80d4!important;
 	cursor: pointer;
 	font-style: 120%;
@@ -662,7 +661,6 @@ div.function_name_div_updated:active,
 .global_var i.back,
 .ui.add_var_context .icon.circle.back,
 .ui.rail .icon.circle.back {
-	z-index: 9;
 	color: white !important;
 }
 .ui.add_var_context{

i18n/en/ui.json

@@ -21,9 +21,9 @@
   "false": "false",
   "variable": "Variable",
   "command": "Command",
-  "new_parameter": "new_parameter",
-  "new_variable": "new_variable",
-  "new_global": "new_global",
+  "new_parameter": "parameter",
+  "new_variable": "variable",
+  "new_global": "global",
   "new_function": "new_function",
   "vector": "vector",
   "text_comment_start": "Initial comment of function...",

i18n/es/ui.json

@@ -21,9 +21,9 @@
   "false": "false",
   "variable": "Variable",
   "command": "Command",
-  "new_parameter": "new_parameter",
-  "new_variable": "new_variable",
-  "new_global": "new_global",
+  "new_parameter": "parameter",
+  "new_variable": "variable",
+  "new_global": "global",
   "new_function": "new_function",
   "vector": "vector",
   "text_comment_start": "Initial comment of function...",

i18n/pt/ui.json

@@ -24,9 +24,9 @@
   "false": "falso",
   "variable": "Variável",
   "command": "Comando",
-  "new_parameter": "novo_parametro",
-  "new_variable": "nova_variavel",
-  "new_global": "nova_global",
+  "new_parameter": "parametro",
+  "new_variable": "variavel",
+  "new_global": "global",
   "new_function": "nova_funcao",
   "vector": "vetor",
   "text_comment_start": "Comentário inicial da função...",

js/visualUI/functions.js

@@ -321,17 +321,21 @@ export function renderFunction (function_obj) {
   appender += '</div> <span class="parethesis_function"> ) </span> </div>'
     + (function_obj.is_hidden ? ' <div class="function_area" style="display: none;"> ' : ' <div class="function_area"> ');
 
-  appender += '<div class="ui add_var_context add_var_button_function" style="float: left;"><i class="icon plus circle purple"></i><i class="icon circle white back"></i><div class="ui icon button purple"><i class="icon superscript"></i></div></div>';
+  appender += '<div class="ui add_var_context add_var_button_function" style="float: left;">             <div class="ui icon button purple"> ';
 
-  appender += '<div class="ui top attached segment variables_list_div"></div>';
+  appender += '<i class="icons"><i class="icon superscript" style="margin-top: -2px;margin-bottom: 2px;margin-left: 1px;margin-right: 1px;"></i><i class="corner add icon inverted" style="font-size: 9px;padding-top: 6px;padding-left: 9px;"></i></i>';
 
-  
+  appender += '</div></div>';
+
+  appender += '<div class="ui top attached segment variables_list_div"></div>';
 
   appender += '<div class="ui bottom attached segment commands_list_div commands_cont_'+cont+'">'
         + '<div class="ui rail" style="width: 35px; margin-left: -36px;"><div class="ui sticky sticky_cont_'+cont+'" style="top: 50px !important;">';
 
 
-  appender += '<i class="icon plus circle purple"></i><i class="icon circle white back"></i><div class="ui icon button dropdown menu_commands orange" ><i class="icon code"></i> <div class="menu"> ';
+  appender += '<div class="ui icon button dropdown menu_commands orange" > '
+            + '<i class="icons"><i class="icon code" style="margin-top: -1px;margin-bottom: 1px;margin-right: 0px;"></i><i class="corner add icon inverted" style="font-size: 9px;padding-top: 6px;padding-left: 9px;"></i></i>'
+            + '<div class="menu"> ';
   appender += '<a class="item" data-command="'+Models.COMMAND_TYPES.reader+'"><i class="download icon"></i> ' +LocalizedStrings.getUI('text_read_var')+ '</a>'
         + '<a class="item" data-command="'+Models.COMMAND_TYPES.writer+'"><i class="upload icon"></i> '+LocalizedStrings.getUI('text_write_var')+'</a>'
         + '<a class="item" data-command="'+Models.COMMAND_TYPES.comment+'"><i class="quote left icon"></i> '+LocalizedStrings.getUI('text_comment')+'</a>'
@@ -714,6 +718,7 @@ export function initVisualUI () {
   // renderAlgorithm()...
   domConsole = new DOMConsole("ivprog-term-div");
   domConsole.hide();
+  $(document.getElementById("ivprog-term-div")).draggable()
   $('.add_function_button').on('click', () => {
     addFunctionHandler();
   });

templates/index.html

@@ -67,10 +67,16 @@
         <div class="ui one column container segment ivprog_visual_panel loading">
 
           <div class="global_var">
-            <i class="icon plus circle purple add_global_button"></i>
-            <i class="icon circle white back"></i>
 
-            <div class="ui icon button add-globalVar-button add_global_button purple"><i class="icon superscript"></i></div>
+
+            <div class="ui icon button add-globalVar-button add_global_button purple">
+
+              <i class="icons">
+                <i class="icon superscript" style="margin-top: -2px;margin-bottom: 2px;margin-left: 1px;margin-right: 1px; font-size: 18px;"></i>
+                <i class="corner add icon inverted" style="font-size: 10px;padding-top: 5px;padding-left: 7px;"></i>
+              </i>
+              
+            </div>
 
             <div class="list_globals" id="listGlobalsHandle"></div>