add windows button + button to close it, rename some variables 66/18066/3
Antoine ELIAS [Mon, 11 Apr 2016 10:21:29 +0000 (12:21 +0200)]
start of axes

Change-Id: Id994f4f8420ab42bb17f15271f33e14594e3ce80

13 files changed:
scilab/modules/graphic_objects/src/cpp/ScilabWebView.cpp
scilab/modules/graphic_objects/src/cpp/webutils.cpp
scilab/modules/graphic_objects/src/cpp/webutils.hxx
scilab/node/scilab_process.js
scilab/node/scilab_server.js
scilab/node/start.sce
scilab/node/static/main.js
scilab/node/static/scilab.css
scilab/node/static/scilab.html
scilab/node/static/scilab_create.js
scilab/node/static/scilab_helper.js
scilab/node/static/scilab_setter.js
scilab/node/static/scilab_tools.js

index 93c5d63..6875318 100644 (file)
@@ -82,6 +82,15 @@ void ScilabWebView::registerToController(void)
     //get connected socket
     s = client.socket();
 
+    s->on("closeWindow", sio::socket::event_listener_aux([&](std::string const & name, sio::message::ptr const & data, bool isAck, sio::message::list & ack_resp)
+    {
+        l.lock.lock();
+        int uid = (int)data->get_map()["uid"]->get_int();
+        WebUtils::deleteGraphicObject(uid);
+        l.cond.notify_all();
+        l.lock.unlock();
+    }));
+
     s->on("imagepath", sio::socket::event_listener_aux([&](std::string const & name, sio::message::ptr const & data, bool isAck, sio::message::list & ack_resp)
     {
         l.lock.lock();
@@ -188,36 +197,28 @@ void ScilabWebView::unregisterToController(void)
 
 void ScilabWebView::createObject(int uid)
 {
-    if (WebUtils::isManaged(uid) == false)
-    {
-        return;
-    }
-
-    if (WebUtils::isFigure(uid))
+    std::ostringstream ostr;
+    switch (WebUtils::getType(uid))
     {
-        std::ostringstream ostr;
-        WebUtils::createFigure(uid, ostr);
-        s->emit("graphic_create", ostr.str());
-        return;
+        case __GO_FIGURE__:
+            WebUtils::createFigure(uid, ostr);
+            break;
+        case __GO_UICONTROL__:
+            WebUtils::createUIControl(uid, ostr);
+            WebUtils::updateDefaultProperties(uid, ostr);
+            break;
+        case __GO_AXES__ :
+            WebUtils::createAxes(uid, ostr);
+            break;
+        default:
+            return;
     }
 
-    if (WebUtils::isUIcontrol(uid))
-    {
-        std::ostringstream ostr;
-        WebUtils::createUIControl(uid, ostr);
-        WebUtils::updateDefaultProperties(uid, ostr);
-        s->emit("graphic_create", ostr.str());
-        return;
-    }
+    s->emit("graphic_create", ostr.str());
 }
 
 void ScilabWebView::deleteObject(int uid)
 {
-    if (WebUtils::isManaged(uid) == false)
-    {
-        return;
-    }
-
     std::ostringstream ostr;
     WebUtils::deleteObject(uid, ostr);
     s->emit("graphic_delete", ostr.str());
@@ -225,62 +226,53 @@ void ScilabWebView::deleteObject(int uid)
 
 void ScilabWebView::updateObject(int uid, int prop)
 {
-    if (WebUtils::isManaged(uid) == false)
-    {
-        return;
-    }
-
-    if (prop == __GO_VISIBLE__)
-    {
-        std::ostringstream ostr;
-        WebUtils::setVisible(uid, ostr);
-        s->emit("graphic_update", ostr.str());
-        return;
-    }
-
-    if (WebUtils::isFigure(uid))
+    std::ostringstream ostr;
+    switch (WebUtils::getType(uid))
     {
-        switch (prop)
-        {
-            case __GO_AXES_SIZE__:
+        case __GO_FIGURE__ :
+            switch (prop)
             {
-                std::ostringstream ostr;
-                WebUtils::setFigureSize(uid, ostr);
-                s->emit("graphic_update", ostr.str());
-                return;
+                case __GO_AXES_SIZE__:
+                case __GO_NAME__:
+                case __GO_LAYOUT__:
+                case __GO_VISIBLE__:
+                    if (WebUtils::set(prop, uid, ostr) == false)
+                    {
+                        return;
+                    }
+                    break;
+                default :
+                    return;
             }
-            case __GO_NAME__:
+            break;
+        case __GO_AXES__ :
+            std::cerr << "axes prop:" << prop << std::endl;
+            switch (prop)
             {
-                std::ostringstream ostr;
-                WebUtils::setFigureName(uid, ostr);
-                s->emit("graphic_update", ostr.str());
-                return;
+                case __GO_PARENT__ :
+                    if (WebUtils::set(prop, uid, ostr) == false)
+                    {
+                        return;
+                    }
+                    break;
             }
-            case __GO_LAYOUT__:
+            break;
+        case __GO_UICONTROL__:
+            if (WebUtils::hasValidParent(uid) || prop == __GO_PARENT__)
             {
-                std::ostringstream ostr;
-                WebUtils::setUILayout(uid, ostr);
-                s->emit("graphic_update", ostr.str());
-                return;
+                if (WebUtils::set(prop, uid, ostr) == false)
+                {
+                    return;
+                }
             }
-        }
-    }
-
-    if (WebUtils::isUIcontrol(uid))
-    {
-        if (WebUtils::hasValidParent(uid) || prop == __GO_PARENT__)
-        {
-            std::ostringstream ostr;
-            if (WebUtils::set(prop, uid, ostr))
+            else
             {
-                s->emit("graphic_update", ostr.str());
+                //parent is not already set, put update in waiting queue
+                WebUtils::addInWaitingQueue(uid, prop);
+                return;
             }
-        }
-        else
-        {
-            //parent is not already set, put update in waiting queue
-            WebUtils::addInWaitingQueue(uid, prop);
-        }
-        return;
+            break;
     }
+
+    s->emit("graphic_update", ostr.str());
 }
index 42d5db1..6ae35be 100644 (file)
@@ -26,6 +26,7 @@ extern "C"
 #include "setGraphicObjectProperty.h"
 #include "getGraphicObjectProperty.h"
 #include "graphicObjectProperties.h"
+#include "deleteGraphicObject.h"
 #include "LayoutType.h"
 #include "BorderLayoutType.h"
 #include "FrameBorderType.h"
@@ -169,6 +170,7 @@ bool WebUtils::isManaged(int uid)
     {
         case __GO_FIGURE__:
         case __GO_UICONTROL__:
+        case __GO_AXIS__:
             return true;
         default:
             return false;
@@ -804,6 +806,12 @@ bool WebUtils::createFigure(int uid, std::ostringstream& ostr)
     return true;
 }
 
+bool WebUtils::createAxes(int uid, std::ostringstream& ostr)
+{
+    ostr << "__temp__ = createAxes('" << uid << "');";
+    return true;
+}
+
 bool WebUtils::createUIControl(int uid, std::ostringstream& ostr)
 {
     int style = getStyle(uid);
@@ -916,6 +924,11 @@ bool WebUtils::deleteObject(int uid, std::ostringstream& ostr)
     return true;
 }
 
+void WebUtils::deleteGraphicObject(int uid)
+{
+    ::deleteGraphicObject(uid);
+}
+
 bool WebUtils::updateDefaultProperties(int uid, std::ostringstream& ostr)
 {
     //visible
@@ -1020,6 +1033,12 @@ void WebUtils::fillSetter()
     setter[__GO_UI_FRAME_BORDER__] = WebUtils::setUIFrameBorder;
     setter[__GO_UI_ICON__] = WebUtils::setUIIcon;
     setter[__GO_UI_GROUP_NAME__] = WebUtils::setUIGroupName;
+
+    //figure props
+    setter[__GO_AXES_SIZE__] = WebUtils::setFigureSize;
+    setter[__GO_NAME__] = WebUtils::setFigureName;
+    setter[__GO_LAYOUT__] = WebUtils::setUILayout;
+
     //setter[__GO_CALLBACK__] = WebUtils::setCallback;
 }
 
index 45c307a..9208a45 100644 (file)
@@ -172,6 +172,8 @@ public:
     //create
     static bool createFigure(int uid, std::ostringstream& ostr);
 
+    static bool createAxes(int uid, std::ostringstream& ostr);
+
     static bool createUIControl(int uid, std::ostringstream& ostr);
     static bool createPushButton(int uid, std::ostringstream& ostr);
     static bool createFrame(int uid, std::ostringstream& ostr);
@@ -190,6 +192,7 @@ public:
     static bool updateDefaultProperties(int uid, std::ostringstream& ostr);
     //delete
     static bool deleteObject(int uid, std::ostringstream& ostr);
+    static void deleteGraphicObject(int uid);
 };
 #endif /* !__WEB_UTILS_HXX__ */
 
index 2387b35..a1430f0 100644 (file)
@@ -30,6 +30,10 @@ dispatchio.on('connection', function (dspSocket) {
         graphicio.emit('callback', msg);
     });
 
+    dspSocket.on('closeWindow', function (msg) {
+        graphicio.emit('closeWindow', msg);
+    });
+
     dspSocket.on('force_reload', function (msg) {
         msgHistory = []; //reset history, sciab was closed or has crashed.
     });
index 5bf5d83..fe2177c 100644 (file)
@@ -94,6 +94,10 @@ io.on('connection', function (socket) {
         prcSocket.emit('callback', msg);
     });
 
+    socket.on('closeWindow', function (msg) {
+        prcSocket.emit('closeWindow', msg);
+    });
+
     socket.on('disconnect', function () {
         L('User disconnected');
         prcSocket.emit('quit');
index 2111cdf..86f7e6d 100644 (file)
@@ -10,7 +10,9 @@
 //0 visible
 //11 opticlim uicontrol
 //12 normalized
-//13 opticlim
+//13 plot 2d
+
+//100 opticlim
 
 demo = 13;
 
@@ -289,7 +291,7 @@ if demo == 9 then
     function onPush()
         set("push", "string", string(get("tab", "value")));
     endfunction
-    
+
     f = createWindow();
     f.position = [200 200 400 300];
 
@@ -298,9 +300,9 @@ if demo == 9 then
     tab3 = uicontrol(tab, "style", "frame", "string", "Blue", "layout", "border", "backgroundcolor", [0 0 1]);
     tab2 = uicontrol(tab, "style", "frame", "string", "Green", "layout", "border", "backgroundcolor", [0 1 0]);
     tab1 = uicontrol(tab, "style", "frame", "string", "Red", "layout", "border", "backgroundcolor", [1 0 0]);
-    
+
     uicontrol(f, "style", "pushbutton", "string", "push me", "callback", "onPush", "tag", "push", "position", [150 0 100 30]);
-    
+
     set("tab", "value", 1);
 end
 
@@ -429,8 +431,19 @@ if demo == 12 then
     label = uicontrol(fr1, "style", "text", "string", "some text", "units", "normalized", "position", [0.02 0.005 0.96 0.09], "horizontalalignment", "center", "tag", "label");
 end
 
-//opticlim
 if demo == 13 then
+    xdel(winsid());
+    f = createWindow();
+    f.figure_name = "My first plot";
+    f.position = [100, 100, 500, 400];
+
+    fr = uicontrol(f, "style", "frame", "position", [0, 0, 500, 400]);
+    newaxes(fr);
+    plot(1:10);
+end
+
+//opticlim
+if demo == 100 then
     exec("SCI/contrib/sanofi-opticlim/loader.sce");
     OpticlimStart();
 end
index e66c732..bd20dfc 100644 (file)
@@ -66,32 +66,38 @@ function force_reload() {
 function addWindow(win) {
     var $win = $('#scilab');
 
-    //create taskbar button
+    //create taskbar buttons
     var $btn = $(document.createElement('button'));
     $btn.prop('type', 'button');
-    $btn.dblclick(onDelWindow);
+    $btn.dblclick(closeWindow);
     $btn.click(onSelectWindow);
-    $btn.addClass('btn btn-default navbar-btn btn-window');
+    $btn.addClass('btn btn-default navbar-btn btn-window win-btn');
     $btn.prop('id', win.id + '_btn');
     $btn.text(win.id);
     $('#taskbar').append($btn);
 
-    //create window div
+    var $close = $(document.createElement('button'));
+    $close.prop('type', 'button');
+    $close.click(closeWindow);
+    $close.addClass('btn btn-default navbar-btn btn-window close-btn glyphicon glyphicon-remove');
+    $close.prop('id', win.id + '_close');
+    $('#taskbar').append($close);
+
     $('#windows').append(win);
-    
+
+    //select me
     selectWindow(win);
 }
 
-function onDelWindow() {
-    var idxstr = this.id.indexOf('_');
-    var id = this.id.substring(0, idxstr);
-    delWindow(parseInt(this.id.substring(3)));
+function closeWindow() {
+    socket.emit("closeWindow", {uid:parseInt(this.id.substring(3))});
 }
 
 function delWindow(uid) {
     //delete element and btn
     getJElementById(uid).remove();
     getJElementById(uid, '_btn').remove();
+    getJElementById(uid, '_close').remove();
     selectWindow();
 }
 
@@ -134,9 +140,9 @@ function onRadioButton() {
     var id = getUID(this.id); //ignore "uid"
     
     //send check state of all group components
-    var __sibling__ = $('input[name="' + this.name + '"]');
-    for(var i = 0 ; i < __sibling__.length ; ++i) {
-        socket.emit('callback', {uid:getUID(__sibling__[i].id), value:__sibling__[i].checked});
+    var children = $('input[name="' + this.name + '"]');
+    for(var i = 0 ; i < children.length ; ++i) {
+        socket.emit('callback', {uid:getUID(children[i].id), value:children[i].checked});
     }
 }
 
@@ -196,23 +202,23 @@ function unload() {
 }
 
 function setInfo(data) {
-    var __info__ = document.getElementById('infobar');
-    if(__info__) {
-        __info__.innerHTML = data;
+    var info = document.getElementById('infobar');
+    if(info) {
+        info.innerHTML = data;
     }
 }
 
 function resetLogger() {
-    var __log__ = document.getElementById('logger');
-    if(__log__) {
-        __log__.innerHTML = '';
+    var log = document.getElementById('logger');
+    if(log) {
+        log.innerHTML = '';
     }
 }
 
 function setLogger(data) {
-    var __log__ = document.getElementById('logger');
-    if(__log__) {
-        __log__.innerHTML += data + '</br>';
-        __log__.scrollTop = __log__.scrollHeight;
+    var log = document.getElementById('logger');
+    if(log) {
+        log.innerHTML += data + '</br>';
+        log.scrollTop = log.scrollHeight;
     }
 }
index e7cf2dc..e269825 100644 (file)
@@ -29,6 +29,13 @@ body {
     text-align: center;
 }
 
+.GO_AXES {
+    position: absolute;
+    text-align:center;
+    left: 0px;
+    bottom: 0px;
+}
+
 .GO_UI_PUSHBUTTON {
     position: absolute;
     text-align:center;
@@ -59,6 +66,7 @@ body {
     position: absolute;
     overflow : hidden;
     visibility:inherit;
+    color: black;
 }
 
 .GO_UI_CHECKBOX {
@@ -188,11 +196,26 @@ body {
     text-align: left;
 }
 
-.navbar .btn-window {
-    width: 150px;
+.win-btn {
+    width: 200px;
     overflow: hidden;
     text-overflow: ellipsis;
-    margin-right: 5px;
+}
+
+.close-btn {
+    width: 10px;
+    height: 10px;
+    font-size: 6px;
+    padding: 0 0 0 0;
+    margin: -20px 10px 0 -13px;
+    color: white;
+    background-color: darkgray;
+    border-radius: 2px;
+}
+
+.close-btn:hover {
+  background-color: #8E001C;
+  color: white;
 }
 
 #infobar {
index 9929689..cd9c3ff 100644 (file)
@@ -2,14 +2,10 @@
 <html>
     <head>
         <meta charset='UTF-8' />
+        <!-- socket.io -->
         <script src='https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.4.5/socket.io.js'></script>
-        <script src="main.js"></script>
-        <script src="scilab_create.js"></script>
-        <script src="scilab_helper.js"></script>
-        <script src="scilab_setter.js"></script>
-        <script src="scilab_tools.js"></script>
-        <script src="scilab_enum.js"></script>
-
+        <!-- plotly -->
+        <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
         <!-- JQuery -->
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
         <!-- bootstrap -->
         <link rel="stylesheet" href="deps/jquery.bootstrap-touchspin.min.css">
         <script src="deps/jquery.bootstrap-touchspin.min.js"></script-->
 
+        <!-- Scilab -->
+        <script src="main.js"></script>
+        <script src="scilab_create.js"></script>
+        <script src="scilab_helper.js"></script>
+        <script src="scilab_setter.js"></script>
+        <script src="scilab_tools.js"></script>
+        <script src="scilab_enum.js"></script>
+
         <!-- Scilab css -->
         <link rel="stylesheet" href="scilab.css">
 
index bcba2e3..00ef9d4 100644 (file)
 function createFigure(uid) {
-    var __parent__ = getScilab();
-    var __temp__ = createElement("DIV");
-    __temp__.id = getIdString(uid);
-    __temp__.className = 'GO_FIGURE';
-    __parent__.appendChild(__temp__);
-    addWindow(__temp__);
-    return __temp__;
+    var parent = getScilab();
+    var temp = createElement("DIV");
+    temp.id = getIdString(uid);
+    temp.className = 'GO_FIGURE';
+    parent.appendChild(temp);
+    addWindow(temp);
+    return temp;
+}
+
+function createAxes(uid) {
+    var temp = createCommonIUControl(uid, 'DIV', 'GO_AXES');
+    return temp;
 }
 
 function createPushButton(uid) {
-    var __temp__ = createCommonIUControl(uid, 'BUTTON', 'GO_UI_PUSHBUTTON');
+    var temp = createCommonIUControl(uid, 'BUTTON', 'GO_UI_PUSHBUTTON');
     //add bootstrap class
-    var $temp = $("#" + __temp__.id);
+    var $temp = $("#" + temp.id);
     $temp.addClass("btn");
     
-    return __temp__;
+    return temp;
 }
 
 function createFrame(uid) {
-    var __temp__ = createCommonIUControl(uid, 'DIV', 'GO_UI_FRAME');
+    var temp = createCommonIUControl(uid, 'DIV', 'GO_UI_FRAME');
 
     //add bootstrap class
-    var $temp = $("#" + __temp__.id);
+    var $temp = $("#" + temp.id);
     $temp.addClass("panel");
     $temp.addClass("panel-default");
     $temp.css("margin", "0");
     
-    var __header__ = createCommonIUControl(uid, 'DIV', 'panel-heading');
-    __header__.id = getIdString(uid, "_header");
-    __header__.style.display = 'none';
+    var header = createCommonIUControl(uid, 'DIV', 'panel-heading');
+    header.id = getIdString(uid, "_header");
+    header.style.display = 'none';
     
-    var __footer__ = createCommonIUControl(uid, 'DIV', 'panel-footer');
-    __footer__.id = getIdString(uid, "_footer");
-    __footer__.style.display = 'none';
+    var footer = createCommonIUControl(uid, 'DIV', 'panel-footer');
+    footer.id = getIdString(uid, "_footer");
+    footer.style.display = 'none';
     
-    var __child__ = createCommonIUControl(uid, 'DIV', 'panel-body');
-    __child__.id = getIdString(uid, "_body");
+    var child = createCommonIUControl(uid, 'DIV', 'panel-body');
+    child.id = getIdString(uid, "_body");
     
-    __temp__.appendChild(__header__);
-    __temp__.appendChild(__child__);
-    __temp__.appendChild(__footer__);
-    return __temp__;
+    temp.appendChild(header);
+    temp.appendChild(child);
+    temp.appendChild(footer);
+    return temp;
 }
 
 function createText(uid) {
-    var __temp__ = createCommonIUControl(uid, 'LABEL', 'GO_UI_TEXT');
-//    var $temp = $("#" + __temp__.id);
+    var temp = createCommonIUControl(uid, 'LABEL', 'GO_UI_TEXT');
+//    var $temp = $("#" + temp.id);
 //    $temp.addClass("label");
 //    $temp.addClass("label-default");
-    return __temp__;
+    return temp;
 }
 
 function createEdit(uid) {
-    var __temp__ = createCommonIUControl(uid, 'INPUT', 'GO_UI_EDIT');
-    __temp__.type = 'text';
+    var temp = createCommonIUControl(uid, 'INPUT', 'GO_UI_EDIT');
+    temp.type = 'text';
 
     //add bootstrap class
-    var $temp = $("#" + __temp__.id);
+    var $temp = $("#" + temp.id);
     $temp.addClass("form-control");
-    return __temp__;
+    return temp;
 }
 
 function createCheckbox(uid) {
     //for checkbox we need to create 4 elements.
 
     //a div to enclose others
-    var __main__ = createCommonIUControl(uid, 'DIV', 'GO_UI_CHECKBOX');
+    var main = createCommonIUControl(uid, 'DIV', 'GO_UI_CHECKBOX');
 
     //add bootstrap class
-    var __jqmain__ = $("#" + __main__.id);
-    __jqmain__.addClass("checkbox");
-    __main__.style.position = 'absolute';
-    __main__.style.margin = '0';
-    __main__.style.display = 'flex';
-    __main__.style.alignItems = 'center';
+    var $main = $("#" + main.id);
+    $main.addClass("checkbox");
+    main.style.position = 'absolute';
+    main.style.margin = '0';
+    main.style.display = 'flex';
+    main.style.alignItems = 'center';
     
     //the label of the checkbox
-    var __label__ = createCommonIUControl(uid, 'LABEL', 'GO_UI_CHECKBOX_LABEL');
-    __label__.id = getIdString(uid, '_label');
-    __main__.appendChild(__label__);
+    var label = createCommonIUControl(uid, 'LABEL', 'GO_UI_CHECKBOX_LABEL');
+    label.id = getIdString(uid, '_label');
+    main.appendChild(label);
 
      //the checkbox itself
-   var __temp__ = createCommonIUControl(uid, 'INPUT', 'GO_UI_CHECKBOX_RADIO');
-    __temp__.type = 'checkbox';
-    __temp__.id = getIdString(uid, '_checkbox');
-    __temp__.style.marginLeft = '-15px';
-    __label__.appendChild(__temp__);
+    var temp = createCommonIUControl(uid, 'INPUT', 'GO_UI_CHECKBOX_RADIO');
+    temp.type = 'checkbox';
+    temp.id = getIdString(uid, '_checkbox');
+    temp.style.marginLeft = '-15px';
+    label.appendChild(temp);
     
     //and a span to esay update text value
-    var __span__ = createCommonIUControl(uid, 'SPAN', '');
-    __span__.id = getIdString(uid, '_span');
-    __label__.appendChild(__span__);
+    var span = createCommonIUControl(uid, 'SPAN', '');
+    span.id = getIdString(uid, '_span');
+    label.appendChild(span);
 
-    return __main__;
+    return main;
 }
 
 function createRadio(uid) {
     //for checkbox we need to create 4 elements.
 
     //a div to enclose others
-    var __main__ = createCommonIUControl(uid, 'DIV', 'GO_UI_RADIOBUTTON');
+    var main = createCommonIUControl(uid, 'DIV', 'GO_UI_RADIOBUTTON');
 
     //add bootstrap class
-    var __jqmain__ = $("#" + __main__.id);
-    __jqmain__.addClass("radio");
-    __main__.style.position = 'absolute';
-    __main__.style.margin = '0';
-    __main__.style.display = 'flex';
-    __main__.style.alignItems = 'center';
+    var $main = $("#" + main.id);
+    $main.addClass("radio");
+    main.style.position = 'absolute';
+    main.style.margin = '0';
+    main.style.display = 'flex';
+    main.style.alignItems = 'center';
  
     //the label of the radio
-    var __label__ = createCommonIUControl(uid, 'LABEL', 'GO_UI_RADIOBUTTON_LABEL');
-    __label__.id = getIdString(uid, '_label');
-    __main__.appendChild(__label__);
+    var label = createCommonIUControl(uid, 'LABEL', 'GO_UI_RADIOBUTTON_LABEL');
+    label.id = getIdString(uid, '_label');
+    main.appendChild(label);
 
      //the radio itself
-   var __temp__ = createCommonIUControl(uid, 'INPUT', 'GO_UI_RADIOBUTTON_RADIO');
-    __temp__.type = 'radio';
-    __temp__.id = getIdString(uid, '_radio');
-    __temp__.style.marginLeft = '4px';
-    __temp__.style.marginBottom = '12px';
-    __label__.appendChild(__temp__);
+   var temp = createCommonIUControl(uid, 'INPUT', 'GO_UI_RADIOBUTTON_RADIO');
+    temp.type = 'radio';
+    temp.id = getIdString(uid, '_radio');
+    temp.style.marginLeft = '4px';
+    temp.style.marginBottom = '12px';
+    label.appendChild(temp);
     
     //and a span to esay update text value
-    var __span__ = createCommonIUControl(uid, 'SPAN', '');
-    __span__.id = getIdString(uid, '_span');
-    __label__.appendChild(__span__);
+    var span = createCommonIUControl(uid, 'SPAN', '');
+    span.id = getIdString(uid, '_span');
+    label.appendChild(span);
 
-    return __main__;
+    return main;
 }
 
 function createSlider(uid) {
-    var __temp__ = createCommonIUControl(uid, 'INPUT', 'GO_UI_SLIDER');
-    __temp__.type = 'range';
-    return __temp__;
+    var temp = createCommonIUControl(uid, 'INPUT', 'GO_UI_SLIDER');
+    temp.type = 'range';
+    return temp;
 }
 
 function createListbox(uid) {
-    var __temp__ = createCommonIUControl(uid, 'SELECT', 'GO_UI_LISTBOX');
-    return __temp__;
+    var temp = createCommonIUControl(uid, 'SELECT', 'GO_UI_LISTBOX');
+    return temp;
 }
 
 function createCombobox(uid) {
-    var __temp__ = createCommonIUControl(uid, 'SELECT', 'GO_UI_POPUPMENU');
-    __temp__.size = 1;
-    var $temp = $("#" + __temp__.id);
+    var temp = createCommonIUControl(uid, 'SELECT', 'GO_UI_POPUPMENU');
+    temp.size = 1;
+    var $temp = $("#" + temp.id);
     $temp.addClass("form-control");
-    return __temp__;
+    return temp;
 }
 
 function createSpinner(uid) {
-    var __temp__ = createCommonIUControl(uid, 'INPUT', 'GO_UI_SPINNER');
-    __temp__.type = 'number';
+    var temp = createCommonIUControl(uid, 'INPUT', 'GO_UI_SPINNER');
+    temp.type = 'number';
     //$("#" + getIdString(uid)).TouchSpin({verticalbuttons: true});
-    return __temp__;
+    return temp;
 }
 
 function createTab(uid) {
-    var __temp__ = createCommonIUControl(uid, 'DIV', 'GO_UI_TAB');
+    var temp = createCommonIUControl(uid, 'DIV', 'GO_UI_TAB');
 
     //create a list for tab headers
-    var __ul__ = createElement('UL');
-    __ul__.id = getIdString(uid, '_ul');
-    __temp__.appendChild(__ul__);
+    var ul = createElement('UL');
+    ul.id = getIdString(uid, '_ul');
+    temp.appendChild(ul);
 
-    var $ul = $("#" + __ul__.id);
+    var $ul = $("#" + ul.id);
     $ul.addClass("nav");
     $ul.addClass("nav-tabs");
 
-    var __content__ = createElement('DIV');
-    __content__.id = getIdString(uid, '_tabs');
-    __temp__.appendChild(__content__);
+    var content = createElement('DIV');
+    content.id = getIdString(uid, '_tabs');
+    temp.appendChild(content);
 
-    var $content = $("#" + __content__.id);
+    var $content = $("#" + content.id);
     $content.addClass("tab-content");
 
-    return __temp__;
+    return temp;
 }
 
 function deleteObject(uid) {
index 40ffff4..dd97f86 100644 (file)
@@ -1,11 +1,11 @@
 //helper call by scilab to insert gridbad child in good order.
 function gridbagHelperTD(parent, child, pos) {
     for(var i = 0 ; i < parent.cells.length ; ++i){
-        var __tr__ = parent.cells[i];
-        var idxstr = __tr__.id.indexOf('_');
-        var idx = parseInt(__tr__.id.substring(idxstr+1));
+        var tr = parent.cells[i];
+        var idxstr = tr.id.indexOf('_');
+        var idx = parseInt(tr.id.substring(idxstr+1));
         if(idx > pos) {
-            parent.insertBefore(child, __tr__);
+            parent.insertBefore(child, tr);
             return;
         }
     }
@@ -16,11 +16,11 @@ function gridbagHelperTD(parent, child, pos) {
 
 function gridbagHelperTR(parent, child, pos) {
     for(var i = 0 ; i < parent.rows.length ; ++i){
-        var __tr__ = parent.rows[i];
-        var idxstr = __tr__.id.indexOf('_');
-        var idx = parseInt(__tr__.id.substring(idxstr+1));
+        var tr = parent.rows[i];
+        var idxstr = tr.id.indexOf('_');
+        var idx = parseInt(tr.id.substring(idxstr+1));
         if(idx > pos) {
-            parent.insertBefore(child, __tr__);
+            parent.insertBefore(child, tr);
             return;
         }
     }
@@ -37,44 +37,44 @@ function tabSelectHelper(tab, index) {
 }
 
 function addTabHelper(uid, child) {
-    var __child__ = getElementById(child);
-    var __li__ = createElement('LI');
-    __li__.id = getIdString(child, '_li');
+    var elem = getElementById(child);
+    var li = createElement('LI');
+    li.id = getIdString(child, '_li');
 
     //move tab child to tab-content container
-    var __tab__ = getElementById(uid, '_tabs');
-    __tab__.appendChild(__child__);
+    var tab = getElementById(uid, '_tabs');
+    tab.appendChild(elem);
 
     //create input button
-    var __tablabel__ = createElement('a');
-    __tablabel__.id = getIdString(child, '_tab');
+    var tablabel = createElement('a');
+    tablabel.id = getIdString(child, '_tab');
 
     //add button in li
-    __li__.appendChild(__tablabel__);
+    li.appendChild(tablabel);
 
     //add li as first child in ul
-    var __ul__ = getElementById(uid, '_ul');
-    __ul__.insertBefore(__li__, __ul__.firstChild);
-    var $ul = $('#' + __ul__.id);
-    var $tab = $('#' + __tablabel__.id);
+    var ul = getElementById(uid, '_ul');
+    ul.insertBefore(li, ul.firstChild);
+    var $ul = $('#' + ul.id);
+    var $tab = $('#' + tablabel.id);
     $tab.attr('data-toggle', 'tab');
-    $tab.attr('href', '#' + __child__.id);
+    $tab.attr('href', '#' + elem.id);
 
-    var $child = $('#' + __child__.id);
+    var $child = $('#' + elem.id);
     $child.addClass('tab-pane');
     $child.addClass('fade');
 
     //update child properties
-    __child__.style.position = 'absolute';
-    __child__.style.left = '';
-    __child__.style.bottom = '';
-    __child__.style.width = '100%';
-    __child__.style.height = 'inherit';
+    elem.style.position = 'absolute';
+    elem.style.left = '';
+    elem.style.bottom = '';
+    elem.style.width = '100%';
+    elem.style.height = 'inherit';
     
     updateTabHeight(getUID($ul.parent().attr('id')));
     
     //add event listener on new tab
-    $('#' + __tablabel__.id).on('show.bs.tab', onTab);
+    $('#' + tablabel.id).on('show.bs.tab', onTab);
 
 }
 
index 342c96d..9c3363b 100644 (file)
@@ -2,17 +2,24 @@ function setParent(uid, parent) {
     var $child = getJElementById(uid);
     var $parent = getJElementById(parent);
     
+    if($child.hasClass("GO_AXES")) {
+        $child.width($parent.width());
+        $child.height($parent.height());
+
+        Plotly.newPlot($child.prop('id'), [{}], {}, {displayModeBar:false, showLink:false, scrollZoom:true});
+    }
+
     if($parent.hasClass("GO_UI_FRAME")) {
         $parent = getJElementById(parent, "_body");
     }
-
+    
     $parent.append($child);
 }
 
 function setFigureSize(uid, val) {
-    var __child__ = getElementById(uid);
-    __child__.style.width = val[0] + 'px';
-    __child__.style.height = val[1] + 'px';
+    var child = getElementById(uid);
+    child.style.width = val[0] + 'px';
+    child.style.height = val[1] + 'px';
 }
 
 function setFigureName(uid, val) {
@@ -30,104 +37,108 @@ function setUIPosition(uid, val, units) {
         val[3] *= 100;
     }
     
-    var __child__ = getElementById(uid);
-    __child__.style.left = val[0] + u;
-    __child__.style.bottom = val[1] + u;
-    __child__.style.width = val[2] + u;
-    __child__.style.height = val[3] + u;
+    var child = getElementById(uid);
+    child.style.left = val[0] + u;
+    child.style.bottom = val[1] + u;
+    child.style.width = val[2] + u;
+    child.style.height = val[3] + u;
 }
 
 function setUIString(uid, val, parent) {
-    var __child__ = getElementById(uid);
+    var child = getElementById(uid);
     
-    var __jqchild__ = getJElementById(uid);
+    var $child = getJElementById(uid);
     
-    if(__jqchild__.hasClass('GO_UI_CHECKBOX') || __jqchild__.hasClass('GO_UI_RADIOBUTTON')) {
-        var __label__ = getElementById(uid + '_span');
-        __label__.textContent = val[0];
+    if($child.hasClass('GO_UI_CHECKBOX') || $child.hasClass('GO_UI_RADIOBUTTON')) {
+        var label = getElementById(uid + '_span');
+        label.textContent = val[0];
         return;
     }
 
-    if(__jqchild__.hasClass('GO_UI_POPUPMENU') || __jqchild__.hasClass('GO_UI_LISTBOX')) {
+    if($child.hasClass('GO_UI_POPUPMENU') || $child.hasClass('GO_UI_LISTBOX')) {
         //remove previous values
-        while (__child__.length) {__child__.remove(0);}
+        while (child.length) {child.remove(0);}
 
        var size = val.length;
         for(var i = 0 ; i < size ; ++i) {
-            __child__.add(new Option(val[i]));
+            child.add(new Option(val[i]));
         }
 
-        if(__child__.className === 'GO_UI_LISTBOX') {
+        if(child.className === 'GO_UI_LISTBOX') {
             //switch to listbox instead of combobox
-           __child__.size = 2;
+           child.size = 2;
         }
         
         return;
     }
     
-    if(__jqchild__.hasClass('GO_UI_FRAME')) {
+    if($child.hasClass('GO_UI_FRAME')) {
        var $parent = getJElementById(parent);
         if($parent && $parent.hasClass('GO_UI_TAB')) {
-           var __tab__ = getElementById(uid + '_tab');
-            __tab__.textContent = val[0];
+           var tab = getElementById(uid + '_tab');
+            tab.textContent = val[0];
         }
         
         return;
     }
 
-    if(__jqchild__.hasClass('GO_UI_TAB')) {
+    if($child.hasClass('GO_UI_TAB')) {
         return;
     }
 
     if(isInputType(uid)) {
-        __child__.value = val[0];
+        child.value = val[0];
     } else {
-        __child__.textContent = val[0];
+        child.textContent = val[0];
     }
 }
 
 function setVisible(uid, val) {
-    var __child__ = getElementById(uid);
-    __child__.style.visibility = val;
+    var child = getElementById(uid);
+    if(!child) {
+        console.log("setVisible : " + uid);
+        return;
+    }
+    child.style.visibility = val;
 }
 
 function setUIEnable(uid, val) {
-    var __child__ = getJElementById(uid);
+    var child = getJElementById(uid);
     if(val) {
-        __child__.removeClass("disabled");
+        child.removeClass("disabled");
     } else {
-        __child__.addClass("disabled");
+        child.addClass("disabled");
     }
 }
 
 function setUIForegroundColor(uid, val) {
-    var __child__ = getElementById(uid);
-    __child__.style.color = val;
+    var child = getElementById(uid);
+    child.style.color = val;
 }
 
 function setUIBackgroundColor(uid, val) {
-    var __child__ = getElementById(uid);
-    __child__.style.backgroundColor = val;
+    var child = getElementById(uid);
+    child.style.backgroundColor = val;
 }
 
 function setUIFontAngle(uid, val) {
-    var __child__ = getElementById(uid);
-    __child__.style.fontStyle = val;
+    var child = getElementById(uid);
+    child.style.fontStyle = val;
 }
 
 function setUIFontName(uid, val) {
-    var __child__ = getElementById(uid);
-    __child__.style.fontFamily = val;
+    var child = getElementById(uid);
+    child.style.fontFamily = val;
 }
 
 function setUIFontSize(uid, val) {
-    var __child__ = getElementById(uid);
-    __child__.style.fontSize = val;
+    var child = getElementById(uid);
+    child.style.fontSize = val;
 }
 
 function setUIFontWeight(uid, val) {
-    var __child__ = getElementById(uid);
-    __child__.style.fontWeight = val;
+    var child = getElementById(uid);
+    child.style.fontWeight = val;
 }
 
 function setUIHorizontalAlignment(uid, val) {
@@ -152,66 +163,66 @@ function setUIHorizontalAlignment(uid, val) {
 }
 
 function setUIVerticalAlignment(uid, val) {
-    var __child__ = getElementById(uid);
-    __child__.style.lineHeight = val;
+    var child = getElementById(uid);
+    child.style.lineHeight = val;
 }
 
 function setUILayout(uid, val) {
-    var __child__ = getElementById(uid);
+    var child = getElementById(uid);
 
     switch(val) {
         case LayoutType.LAYOUT_BORDER :
             //add 'frame' in child to be more ... flexible ;)
-           var __layout__ = createElement('DIV');
-            __layout__.id = getIdString(uid, '_layout');
-            __layout__.style.display = 'flex';
-            __layout__.style.flexDirection = 'column';
-            __layout__.style.width = '100%';
-            __layout__.style.height = 'inherit';
+            var layout = createElement('DIV');
+            layout.id = getIdString(uid, '_layout');
+            layout.style.display = 'flex';
+            layout.style.flexDirection = 'column';
+            layout.style.width = '100%';
+            layout.style.height = 'inherit';
 
             //add top
-           var __top__ = createElement('HEADER');
-            __top__.id = getIdString(uid, '_top');
-            __top__.style.width = '100%';
+            var header = createElement('HEADER');
+            header.id = getIdString(uid, '_top');
+            header.style.width = '100%';
 
             //add middle band
-           var __middle__ = createElement('DIV');
-            __middle__.id = getIdString(uid, '_middle');
-            __middle__.style.flex = '1';
-            __middle__.style.display = 'flex';
+            var middle = createElement('DIV');
+            middle.id = getIdString(uid, '_middle');
+            middle.style.flex = '1';
+            middle.style.display = 'flex';
 
             //add left
-           var __left__ = createElement('ASIDE');
-            __left__.id = getIdString(uid, '_left');
-            __left__.style.display = 'flex';
+            var left = createElement('ASIDE');
+            left.id = getIdString(uid, '_left');
+            left.style.display = 'flex';
 
             //add center
-           var __center__ = createElement('ARTICLE');
-            __center__.id = getIdString(uid, '_center');
-            __center__.style.flex = '1';
-            __center__.style.display = 'flex';
-            __center__.style.width = '100%';
+            var center = createElement('ARTICLE');
+            center.id = getIdString(uid, '_center');
+            center.style.flex = '1';
+            center.style.display = 'flex';
+            center.style.width = '100%';
 
             //add right
-           var __right__ = createElement('ASIDE');
-            __right__.id = getIdString(uid, '_right');
-            __right__.style.display = 'flex';
+            var right = createElement('ASIDE');
+            right.id = getIdString(uid, '_right');
+            right.style.display = 'flex';
 
             //add bottom
-           var __bottom__ = createElement('FOOTER');
-            __bottom__.id = getIdString(uid, '_bottom');
-            __bottom__.style.width = '100%';
+            var footer = createElement('FOOTER');
+            footer.id = getIdString(uid, '_bottom');
+            footer.style.width = '100%';
 
             //hierarchy
-            __middle__.appendChild(__left__);
-            __middle__.appendChild(__center__);
-            __middle__.appendChild(__right__);
+            middle.appendChild(left);
+            middle.appendChild(center);
+            middle.appendChild(right);
 
-            __layout__.appendChild(__top__);
-            __layout__.appendChild(__middle__);
-            __layout__.appendChild(__bottom__);
+            layout.appendChild(header);
+            layout.appendChild(middle);
+            layout.appendChild(footer);
 
-            __child__.appendChild(__layout__);
+            child.appendChild(layout);
             break;
 
         case LayoutType.LAYOUT_GRID:
@@ -219,16 +230,16 @@ function setUILayout(uid, val) {
 
         case LayoutType.LAYOUT_GRIDBAG:
             //add empty table
-           var __table__ = createElement('TABLE');
-            __table__.id = getIdString(uid, '_table');
-            __table__.style.margin = '0';
-            __table__.style.padding = '0';
-            __table__.style.width = '100%';
-            __table__.style.height = '100%';
-            __table__.style.borderCollapse = 'collapse';
+           var table = createElement('TABLE');
+            table.id = getIdString(uid, '_table');
+            table.style.margin = '0';
+            table.style.padding = '0';
+            table.style.width = '100%';
+            table.style.height = '100%';
+            table.style.borderCollapse = 'collapse';
 
             //insert table in parent
-            __child__.appendChild(__table__);
+            child.appendChild(table);
             break;
 
         default:
@@ -238,56 +249,56 @@ function setUILayout(uid, val) {
 }
 
 function setUIMin(uid, val) {
-    var __child__ = getElementById(uid);
-    __child__.min  = val;
+    var child = getElementById(uid);
+    child.min  = val;
 }
 
 function setUIMax(uid, val) {
-    var __child__ = getElementById(uid);
-    __child__.max  = val;
+    var child = getElementById(uid);
+    child.max  = val;
 }
 
 function setUIStep(uid, val) {
-    var __child__ = getElementById(uid);
-    __child__.step  = val;
+    var child = getElementById(uid);
+    child.step  = val;
 }
 
 function setUIValue(uid, val) {
-    var __child__ = getElementById(uid);
-    if(!__child__) {
+    var child = getElementById(uid);
+    if(!child) {
         console.log("setUIValue : " + uid);
         return;
     }
-    switch(__child__.className) {
+    switch(child.className) {
         case 'GO_UI_SPINNER':
         case 'GO_UI_SLIDER':
-            __child__.value  = '' + val;
+            child.value  = '' + val;
             break;
         case 'GO_UI_TAB':
-            tabSelectHelper(__child__, val);
+            tabSelectHelper(child, val);
             break;
     }
 }
 
 function setUIBorder(uid, parent, pos, pad, size) {
-    var __child__ = getElementById(uid);
+    var child = getElementById(uid);
     var position;
     var padding;
     switch(pos) {
         case BorderLayoutType.BORDER_CENTER:
             position = '_center';
-            __child__.style.width = 'inherit';
-            __child__.style.height = 'inherit';
+            child.style.width = 'inherit';
+            child.style.height = 'inherit';
             padding = getPadding(0, 0, 0, 0);
             break;
 
         case BorderLayoutType.BORDER_BOTTOM:
             position = '_bottom';
-            __child__.style.width = '100%';
+            child.style.width = '100%';
             if(size[1] === -1) {
-                __child__.style.height = 'inherit';
+                child.style.height = 'inherit';
             } else {
-                __child__.style.height = getSubPadding(size[1]);
+                child.style.height = getSubPadding(size[1]);
             }
 
             padding = getPadding(pad[1], 0, 0, 0);
@@ -295,12 +306,12 @@ function setUIBorder(uid, parent, pos, pad, size) {
 
         case BorderLayoutType.BORDER_TOP:
             position = '_top';
-            __child__.style.width = '100%';
+            child.style.width = '100%';
 
             if (size[1] === -1) {
-                __child__.style.height = 'inherit';
+                child.style.height = 'inherit';
             } else {
-                __child__.style.height = getSubPadding(size[1]);
+                child.style.height = getSubPadding(size[1]);
             }
 
             padding = getPadding(0, 0, pad[1], 0);
@@ -310,12 +321,12 @@ function setUIBorder(uid, parent, pos, pad, size) {
             position = '_left';
 
             if (size[0] == -1){
-                __child__.style.width = 'inherit';
+                child.style.width = 'inherit';
             } else {
-                __child__.style.width = getSubPadding(size[0]);
+                child.style.width = getSubPadding(size[0]);
             }
 
-            __child__.style.height = 'inherit';
+            child.style.height = 'inherit';
             padding = getPadding(0, pad[0], 0, 0);
             break;
 
@@ -323,127 +334,134 @@ function setUIBorder(uid, parent, pos, pad, size) {
             position = '_right';
 
             if (size[0] == -1) {
-                __child__.style.width = 'inherit';
+                child.style.width = 'inherit';
             } else {
-                __child__.style.width = getSubPadding(size[0]);
+                child.style.width = getSubPadding(size[0]);
             }
 
-            __child__.style.height = 'inherit';
+            child.style.height = 'inherit';
             padding = getPadding(0, 0, 0, pad[0]);
             break;
     }
 
     //move child in targeted cell
-    var __parent__ = getElementById(parent, position);
-    __parent__.appendChild(__child__);
-    __parent__.style.padding = padding;
+    var parentGrid = getElementById(parent, position);
+    parentGrid.appendChild(child);
+    parentGrid.style.padding = padding;
 
     //to well perform positionning, we must clear some default properties
     //position left, right, width, height,
 
-    __child__.style.position = 'inherit';
-    __child__.style.left = 'inherit';
-    __child__.style.bottom = 'inherit';
+    child.style.position = 'inherit';
+    child.style.left = 'inherit';
+    child.style.bottom = 'inherit';
 }
 
 function setUIGridBag(uid, parent, grid) {
-    var __child__ = getElementById(uid);
-    __child__.style.position = 'inherit';
-    __child__.style.left = 'inherit';
-    __child__.style.bottom = 'inherit';
-    __child__.style.width = '100%';
-    __child__.style.height = '100%';
+    var child = getElementById(uid);
+    if(!child) {
+        console.log("setUIGridBag: " + uid);
+        return;
+    }
+    child.style.position = 'inherit';
+    child.style.left = 'inherit';
+    child.style.bottom = 'inherit';
+    child.style.width = '100%';
+    child.style.height = '100%';
 
     //create a td with grid information and add it to the good cell ( or create if not exist ! )
 
     //build td child
-    var __td__ = createElement('TD');
-    __td__.id = getIdString(parent, '_' + grid[0] + '_' + grid[1]);
+    var td = createElement('TD');
+    td.id = getIdString(parent, '_' + grid[0] + '_' + grid[1]);
 
     if (grid[2] !== '1') {
-        __td__.colSpan = grid[2];
+        td.colSpan = grid[2];
     }
 
     if (grid[3] !== '1') {
-        __td__.rowSpan = grid[3];
+        td.rowSpan = grid[3];
     }
 
-    __td__.appendChild(__child__);
+    td.appendChild(child);
 
-    var __table__ = getElementById(parent, '_table');
+    var table = getElementById(parent, '_table');
 
     //build or get tr
     var trName = '_' + grid[1];
-    var __tr__ = getElementById(parent, trName);
+    var tr = getElementById(parent, trName);
 
-    if(__tr__ == null) {
-        __tr__ = createElement('TR');
-        __tr__.id = getIdString(parent, trName);
-        gridbagHelperTR(__table__, __tr__, grid[1]);
+    if(tr == null) {
+        tr = createElement('TR');
+        tr.id = getIdString(parent, trName);
+        gridbagHelperTR(table, tr, grid[1]);
     }
 
-    gridbagHelperTD(__tr__,__td__, grid[0]);
+    gridbagHelperTD(tr,td, grid[0]);
 
     //force refresh of table, move it to another component and rollback
-    var __scilab__ = getScilab();
-    __scilab__.appendChild(__table__);
-    var __parent__ = getElementById(parent);
-    __parent__.appendChild(__table__);
+    var scilab = getScilab();
+    scilab.appendChild(table);
+    var elem = getElementById(parent);
+    elem.appendChild(table);
 }
 
 
 
 function setUIFrameBorder(uid, title) {
     
-    var __border__;
-    var __header__ = getElementById(uid, "_header");
-    var __footer__ = getElementById(uid, "_footer");
+    if(title.position === "") {
+        return;
+    }
+    var border;
+    var header = getElementById(uid, "_header");
+    var footer = getElementById(uid, "_footer");
 
     if(title.position === "top") {
-       __header__.style.display = 'block';
-       __footer__.style.display = 'none';
-       __border__ = __header__;
+       header.style.display = 'block';
+       footer.style.display = 'none';
+       border = header;
     } else { //bottom
-       __footer__.style.display = 'block';
-       __header__.style.display = 'none';
-       __border__ = __footer__;
+       footer.style.display = 'block';
+       header.style.display = 'none';
+       border = footer;
     }
     
-    __border__.textContent = title.text;
-    __border__.style.textAlign = title.alignment;
-    __border__.style.fontName = title.fontName;
-    __border__.style.fontStyle = title.fontStyle;
-    __border__.style.fontSize = title.fontSize + 'px';
-    __border__.style.fontWeight = title.fontWeight;
-    __border__.style.color = title.fontColor;
+    border.textContent = title.text;
+    border.style.textAlign = title.alignment;
+    border.style.fontName = title.fontName;
+    border.style.fontStyle = title.fontStyle;
+    border.style.fontSize = title.fontSize + 'px';
+    border.style.fontWeight = title.fontWeight;
+    border.style.color = title.fontColor;
 }
 
 function setUIIcon(uid, icon, val) {
-    var __child__ = getElementById(uid);
+    var child = getElementById(uid);
 
     //add span element in button to show image
-    var __icon__ = createElement('SPAN');
+    var span = createElement('SPAN');
     if(icon.substring(0, 5) === 'glyph') {
-        __icon__.className = "glyphicon " + icon;
-        __icon__.style.paddingRight = '4px';
+        span.className = "glyphicon " + icon;
+        span.style.paddingRight = '4px';
     } else {
-        __icon__.style.background = '#f3f3f3 url(' + icon + ') no-repeat left center';
-        __icon__.style.paddingLeft = '20px';
+        span.style.background = '#f3f3f3 url(' + icon + ') no-repeat left center';
+        span.style.paddingLeft = '20px';
     }
 
-    var __text__ = createElement('SPAN');
-    __text__.textContent = val;
-    __text__.style = __child__.style;
+    var text = createElement('SPAN');
+    text.textContent = val;
+    text.style = child.style;
 
-    __child__.innerHTML = "";
-    __child__.appendChild(__icon__);
-    __child__.appendChild(__text__);
+    child.innerHTML = "";
+    child.appendChild(span);
+    child.appendChild(text);
 }
 
 function setUIGroupName(uid, val) {
-    var __child__ = getElementById(uid, "_radio");
-    if(__child__) {
-        __child__.name  = val;
+    var child = getElementById(uid, "_radio");
+    if(child) {
+        child.name  = val;
     }
 }
 
@@ -452,40 +470,40 @@ function setCallback(uid) {
     var event;
     var func;
 
-    var __child__ = getElementById(uid);
+    var child = getElementById(uid);
 
-    var __jqchild__ = getJElementById(uid);
+    var $child = getJElementById(uid);
 
-    if(__jqchild__.hasClass('GO_UI_PUSHBUTTON')) {
+    if($child.hasClass('GO_UI_PUSHBUTTON')) {
         event = "click";
         func = onPushButton;
-    } else if(__jqchild__.hasClass('GO_UI_CHECKBOX')) {
-        //change __child__ to real checkbox
-        __child__ = getElementById(uid, "_checkbox");
+    } else if($child.hasClass('GO_UI_CHECKBOX')) {
+        //change child to real checkbox
+        child = getElementById(uid, "_checkbox");
         event = "click";
         func = onCheckBox;
-    } else if(__jqchild__.hasClass('GO_UI_RADIOBUTTON')) {
-        //change __child__ to real radio
-        __child__ = getElementById(uid, "_radio");
+    } else if($child.hasClass('GO_UI_RADIOBUTTON')) {
+        //change child to real radio
+        child = getElementById(uid, "_radio");
         event = "click";
         func = onRadioButton;
-    } else if(__jqchild__.hasClass('GO_UI_LISTBOX')) {
+    } else if($child.hasClass('GO_UI_LISTBOX')) {
         event = "change";
         func = onListBox;
-    } else if(__jqchild__.hasClass('GO_UI_POPUPMENU')) {
+    } else if($child.hasClass('GO_UI_POPUPMENU')) {
         event = "change";
         func = onComboBox;
-    } else if(__jqchild__.hasClass('GO_UI_SLIDER')) {
+    } else if($child.hasClass('GO_UI_SLIDER')) {
         event = "input";
         func = onSlider;
-    } else if(__jqchild__.hasClass('GO_UI_EDIT')) {
+    } else if($child.hasClass('GO_UI_EDIT')) {
         event = "input";
         func = onEditBox;
-    } else if(__jqchild__.hasClass('GO_UI_SPINNER')) {
+    } else if($child.hasClass('GO_UI_SPINNER')) {
         event = "input";
         func = onSpinner;
     }
 
     //add callback listener
-    __child__.addEventListener(event, func);
+    child.addEventListener(event, func);
 }
\ No newline at end of file
index f90c23c..51c8e49 100644 (file)
@@ -54,12 +54,12 @@ function getJElementById(uid, suffix) {
 }
 
 function createCommonIUControl(uid, htmlType, cssClass) {
-    var __temp__ = createElement(htmlType);
-    __temp__.id = getIdString(uid);
-    __temp__.className = cssClass;
+    var temp = createElement(htmlType);
+    temp.id = getIdString(uid);
+    temp.className = cssClass;
 
     //add item temporary in main scilabview div waiting __GO_PARENT__ update
     var $parent = $('#scilab');
-    $parent.append(__temp__);
-    return __temp__;
+    $parent.append(temp);
+    return temp;
 }