metadata.js API metadata.js API

  • Документация к версии: 0.11.217

    • Программный интерфейс

    Показывать:

    src\widgets\wnd_dat.js File

    1. /**
    2.  * Формы визуализации и изменения параметров объекта
    3.  *
    4.  * © Evgeniy Malyarov http://www.oknosoft.ru 2014-2016
    5.  *
    6.  * @module common
    7.  * @submodule wnd_dat
    8.  */
    9.  
    10.  
    11. /**
    12.  * Форма dat - шаблон окна инструментов
    13.  */
    14. $p.iface.dat_blank = function(_dxw, attr) {
    15.  
    16.   // TODO: реализовать undock для аккордиона
    17.  
    18.   if(!attr)
    19.     attr = {};
    20.  
    21.   var wnd_dat = (_dxw || $p.iface.w).createWindow({
    22.     id: dhx4.newId(),
    23.     left: attr.left || 700,
    24.     top: attr.top || 20,
    25.     width: attr.width || 220,
    26.     height: attr.height || 300,
    27.     move: true,
    28.     park: !attr.allow_close,
    29.     center: !!attr.center,
    30.     resize: true,
    31.     caption: attr.caption || "Tools"
    32.   });
    33.  
    34.   // если окно не помещается в области - двигаем
    35.   var _dxw_area = {
    36.     x: (_dxw || $p.iface.w).vp.clientWidth,
    37.     y: (_dxw || $p.iface.w).vp.clientHeight
    38.   }, _move;
    39.   
    40.   if(wnd_dat.getPosition()[0] + wnd_dat.getDimension()[0] > _dxw_area.x){
    41.     _dxw_area.x = _dxw_area.x - wnd_dat.getDimension()[0];
    42.     _move = true;
    43.   }else
    44.     _dxw_area.x = wnd_dat.getPosition()[0];
    45.   
    46.   if(wnd_dat.getPosition()[1] + wnd_dat.getDimension()[1] > _dxw_area.y){
    47.     _dxw_area.y = _dxw_area.y - wnd_dat.getDimension()[1];
    48.     _move = true;
    49.   }else
    50.     _dxw_area.y = wnd_dat.getPosition()[1];
    51.     
    52.   if(_move){
    53.     if(_dxw_area.x<0 || _dxw_area.y<0)
    54.       wnd_dat.maximize();
    55.     else
    56.       wnd_dat.setPosition(_dxw_area.x, _dxw_area.y);
    57.   }
    58.  
    59.   _dxw = null;
    60.  
    61.   if(attr.hasOwnProperty('allow_minmax') && !attr.allow_minmax)
    62.     wnd_dat.button('minmax').hide();
    63.  
    64.   if(attr.allow_close)
    65.     wnd_dat.button('park').hide();
    66.   else
    67.     wnd_dat.button('close').hide();
    68.  
    69.   // обработчик при закрытии - анализируем модальность
    70.   wnd_dat.attachEvent("onClose", function () {
    71.     
    72.     var allow_close = typeof attr.on_close == "function" ? attr.on_close(wnd_dat) : true;
    73.     
    74.     if(allow_close){
    75.  
    76.       // восстанавливаем модальность родительского окна
    77.       if(attr.pwnd_modal && attr.pwnd && attr.pwnd.setModal)
    78.         attr.pwnd.setModal(1);
    79.  
    80.       return allow_close;
    81.     }
    82.             
    83.   });
    84.  
    85.   wnd_dat.setIconCss('without_icon');
    86.   wnd_dat.cell.parentNode.children[1].classList.add('dat_gui');
    87.  
    88.   $p.iface.bind_help(wnd_dat, attr.help_path);
    89.  
    90.   wnd_dat.elmnts = {grids: {}};
    91.  
    92.   wnd_dat.wnd_options = function (options) {
    93.     var pos = wnd_dat.getPosition(),
    94.       sizes = wnd_dat.getDimension(),
    95.       parked = wnd_dat.isParked();
    96.     options.left = pos[0];
    97.     options.top = pos[1];
    98.     options.width = sizes[0];
    99.     options.parked = parked;
    100.     if(!parked)
    101.       options.height = sizes[1];
    102.  
    103.   };
    104.  
    105.   wnd_dat.bottom_toolbar = function(oattr){
    106.  
    107.     var attr = ({
    108.         wrapper: wnd_dat.cell,
    109.         width: '100%',
    110.         height: '28px',
    111.         bottom: '0px',
    112.         left: '0px',
    113.         name: 'tb_bottom',
    114.         buttons: [
    115.           {name: 'btn_cancel', text: 'Отмена', title: 'Закрыть без сохранения', width:'60px', float: 'right'},
    116.           {name: 'btn_ok', b: 'Ок', title: 'Применить изменения', width:'30px', float: 'right'}
    117.         ],
    118.         onclick: function (name) {
    119.           return false;
    120.         }
    121.       })._mixin(oattr),
    122.  
    123.       tb_bottom = new OTooolBar(attr),
    124.       sbar = wnd_dat.attachStatusBar({height: 12});
    125.     sbar.style.zIndex = -1000;
    126.     sbar.firstChild.style.backgroundColor = "transparent";
    127.     sbar.firstChild.style.border = "none";
    128.     return tb_bottom;
    129.   };
    130.  
    131.   if(attr.modal){
    132.     if(attr.pwnd && attr.pwnd.setModal){
    133.       attr.pwnd_modal = attr.pwnd.isModal();
    134.       attr.pwnd.setModal(0);
    135.     }      
    136.     wnd_dat.setModal(1);
    137.   }
    138.  
    139.   return wnd_dat;
    140. };
    141.  
    142. /**
    143.  * обработчик выбора значения в свойствах (ссылочные типы)
    144.  * вызывается в контексте this = pgrid
    145.  * @param selv {*} выбранное значение
    146.  */
    147. $p.iface.pgrid_on_select = function(selv){
    148.  
    149.   if(selv===undefined)
    150.     return;
    151.  
    152.   var pgrid = this.grid instanceof dhtmlXGridObject ? this.grid : this,
    153.     source = pgrid.getUserData("", "source"),
    154.     f = pgrid.getSelectedRowId();
    155.  
    156.   if(source.o[f] != undefined){
    157.     if(typeof source.o[f] == "number")
    158.       source.o[f] = $p.utils.fix_number(selv, true);
    159.     else
    160.       source.o[f] = selv;
    161.  
    162.   }else if(f.indexOf("fprms") > -1){
    163.     var row = $p._find(source.o.fprms, f.split("|")[1]);
    164.     row.value = selv;
    165.   }
    166.  
    167.   pgrid.cells().setValue($p.utils.is_data_obj(selv) ? selv.presentation : selv || "");
    168.   
    169.  
    170.   if(source.grid_on_change)
    171.     source.grid_on_change.call(pgrid, f, selv);
    172. };
    173.  
    174. /**
    175.  * обработчик изменения значения в свойствах (примитивные типы)
    176.  * @param pname {String} - имя измененного свойства
    177.  * @param new_value {*} - новое значение
    178.  * @param old_value {*} - предыдущее значение
    179.  */
    180. $p.iface.pgrid_on_change = function(pname, new_value, old_value){
    181.   if(pname)
    182.     $p.iface.pgrid_on_select.call(this, new_value);
    183. };
    184.  
    185. /**
    186.  * обработчик изменения флажка в свойствах (bit)
    187.  * @param rId {String} - идентификатор строки
    188.  * @param cInd {Number} - идентификатор колонки
    189.  * @param state {Boolean} - состояние чекбокса
    190.  */
    191. $p.iface.pgrid_on_checkbox = function(rId, cInd, state){
    192.  
    193.   var pgrid = this.grid instanceof dhtmlXGridObject ? this.grid : this,
    194.     source = pgrid.getUserData("", "source");
    195.  
    196.   if(source.o[rId] != undefined)
    197.     source.o[rId] = state;
    198.  
    199.   if(source.grid_on_change)
    200.     source.grid_on_change(rId, state);
    201. };
    202.  
    203.  
    204. function _clear_all(){
    205.   $p.iface.docs.__define({
    206.     clear_all: {
    207.       value: function () {
    208.         this.detachToolbar();
    209.         this.detachStatusBar();
    210.         this.detachObject(true);
    211.       },
    212.       enumerable: false
    213.     },
    214.     "Очистить": {
    215.       get: function () {
    216.         return this.clear_all;
    217.       },
    218.       enumerable: false
    219.     },
    220.     "Контейнер": {
    221.       get: function () {
    222.         return this.cell.querySelector(".dhx_cell_cont_layout");
    223.       },
    224.       enumerable: false
    225.     }
    226.   });
    227. }
    228.  
    229. /**
    230.  * Создаёт форму авторизации с обработчиками перехода к фидбэку и настройкам,
    231.  * полем входа под гостевой ролью, полями логина и пароля и кнопкой входа
    232.  * @method frm_auth
    233.  * @for InterfaceObjs
    234.  * @param attr {Object} - параметры формы
    235.  * @param [attr.cell] {dhtmlXCellObject}
    236.  * @return {Promise}
    237.  */
    238. $p.iface.frm_auth = function (attr, resolve, reject) {
    239.  
    240.   if(!attr)
    241.     attr = {};
    242.  
    243.   var _cell, _frm, w, were_errors;
    244.  
    245.   if(attr.modal_dialog){
    246.     if(!attr.options)
    247.       attr.options = {
    248.         name: "frm_auth",
    249.         caption: "Вход на сервер",
    250.         width: 360,
    251.         height: 300,
    252.         center: true,
    253.         allow_close: true,
    254.         allow_minmax: true,
    255.         modal: true
    256.       };
    257.     _cell = $p.iface.dat_blank(attr._dxw, attr.options);
    258.     _cell.attachEvent("onClose",function(win){
    259.       if(were_errors){
    260.         if(reject)
    261.           reject(err);
    262.       }else if(resolve)
    263.         resolve();
    264.       return true;
    265.     });
    266.     _frm = _cell.attachForm();
    267.  
    268.   }else{
    269.     _cell = attr.cell || $p.iface.docs;
    270.     _frm = $p.iface.auth = _cell.attachForm();
    271.     $p.msg.show_msg($p.msg.init_login, _cell);
    272.   }
    273.  
    274.  
    275.   function do_auth(login, password){
    276.     
    277.     $p.ajax.username = login;
    278.     $p.ajax.password = $p.aes.Ctr.encrypt(password);
    279.  
    280.     if(login){
    281.  
    282.       if($p.wsql.get_user_param("user_name") != login)
    283.         $p.wsql.set_user_param("user_name", login);          // сохраняем имя пользователя в базе
    284.  
    285.       //$p.eve.log_in(attr.onstep)
    286.       $p.wsql.pouch.log_in(login, password)
    287.         .then(function () {
    288.  
    289.           if($p.wsql.get_user_param("enable_save_pwd")){
    290.             if($p.aes.Ctr.decrypt($p.wsql.get_user_param("user_pwd")) != password)
    291.               $p.wsql.set_user_param("user_pwd", $p.aes.Ctr.encrypt(password));   // сохраняем имя пользователя в базе
    292.             
    293.           }else if($p.wsql.get_user_param("user_pwd") != "")
    294.             $p.wsql.set_user_param("user_pwd", "");
    295.  
    296.           $p.eve.logged_in = true;
    297.           if(attr.modal_dialog)
    298.             _cell.close();
    299.           else if(resolve)
    300.             resolve();
    301.  
    302.         })
    303.         .catch(function (err) {
    304.           were_errors = true;
    305.           _frm.onerror(err);
    306.         })
    307.         .then(function () {
    308.           if($p.iface.sync)
    309.             $p.iface.sync.close();
    310.           if(_cell && _cell.progressOff){
    311.             _cell.progressOff();
    312.             if(!were_errors && attr.hide_header)
    313.               _cell.hideHeader();
    314.           }
    315.           if($p.iface.cell_tree && !were_errors)
    316.             $p.iface.cell_tree.expand();
    317.         });
    318.  
    319.     } else
    320.       this.validate();
    321.   }
    322.  
    323.   // обработчик кнопки "войти" формы авторизации
    324.   function auth_click(name){
    325.  
    326.     were_errors = false;
    327.     this.resetValidateCss();
    328.  
    329.     if(this.getCheckedValue("type") == "guest"){
    330.  
    331.       var login = this.getItemValue("guest"),
    332.         password = "";
    333.       if($p.job_prm.guests && $p.job_prm.guests.length){
    334.         $p.job_prm.guests.some(function (g) {
    335.           if(g.username == login){
    336.             password = $p.aes.Ctr.decrypt(g.password);
    337.             return true;
    338.           }
    339.         });
    340.       }
    341.       do_auth.call(this, login, password);
    342.  
    343.     }else if(this.getCheckedValue("type") == "auth"){
    344.       do_auth.call(this, this.getItemValue("login"), this.getItemValue("password"));
    345.  
    346.     }
    347.   }
    348.  
    349.   // загружаем структуру формы
    350.   _frm.loadStruct($p.injected_data["form_auth.xml"], function(){
    351.  
    352.     var selected;
    353.  
    354.     // если указан список гостевых пользователей
    355.     if($p.job_prm.guests && $p.job_prm.guests.length){
    356.  
    357.       var guests = $p.job_prm.guests.map(function (g) {
    358.           var v = {
    359.             text: g.username,
    360.             value: g.username
    361.           };
    362.           if($p.wsql.get_user_param("user_name") == g.username){
    363.             v.selected = true;
    364.             selected = g.username;
    365.           }
    366.           return v;
    367.         });
    368.  
    369.       if(!selected){
    370.         guests[0].selected = true;
    371.         selected = guests[0].value;
    372.       }
    373.  
    374.       _frm.reloadOptions("guest", guests);
    375.     }
    376.  
    377.     // после готовности формы читаем пользователя из локальной датабазы
    378.     if($p.wsql.get_user_param("user_name") && $p.wsql.get_user_param("user_name") != selected){
    379.       _frm.setItemValue("login", $p.wsql.get_user_param("user_name"));
    380.       _frm.setItemValue("type", "auth");
    381.  
    382.       if($p.wsql.get_user_param("enable_save_pwd") && $p.wsql.get_user_param("user_pwd")){
    383.         _frm.setItemValue("password", $p.aes.Ctr.decrypt($p.wsql.get_user_param("user_pwd")));
    384.       }
    385.     }
    386.  
    387.     // позиционируем форму по центру
    388.     if(!attr.modal_dialog){
    389.       if((w = ((_cell.getWidth ? _cell.getWidth() : _cell.cell.offsetWidth) - 500)/2) >= 10)
    390.         _frm.cont.style.paddingLeft = w.toFixed() + "px";
    391.       else
    392.         _frm.cont.style.paddingLeft = "20px";
    393.     }
    394.  
    395.     setTimeout(function () {
    396.  
    397.       dhx4.callEvent("on_draw_auth", [_frm]);
    398.  
    399.       if(($p.wsql.get_user_param("autologin") || attr.try_auto) && (selected || ($p.wsql.get_user_param("user_name") && $p.wsql.get_user_param("user_pwd"))))
    400.         auth_click.call(_frm);
    401.  
    402.     });
    403.   });
    404.  
    405.   // назначаем обработчик нажатия на кнопку
    406.   _frm.attachEvent("onButtonClick", auth_click);
    407.  
    408.   _frm.attachEvent("onKeyDown",function(inp, ev, name, value){
    409.     if(ev.keyCode == 13){
    410.       if(name == "password" || this.getCheckedValue("type") == "guest"){
    411.         auth_click.call(this);
    412.       }
    413.     }
    414.   });
    415.  
    416.  
    417.   _frm.onerror = function (err) {
    418.  
    419.     $p.ajax.authorized = false;
    420.  
    421.     var emsg = err.message.toLowerCase();
    422.  
    423.     if(emsg.indexOf("auth") != -1) {
    424.       $p.msg.show_msg({
    425.         title: $p.msg.main_title + $p.version,
    426.         type: "alert-error",
    427.         text: $p.msg.error_auth
    428.       });
    429.       _frm.setItemValue("password", "");
    430.       _frm.validate();
    431.  
    432.     }else if(emsg.indexOf("gateway") != -1 || emsg.indexOf("net") != -1) {
    433.       $p.msg.show_msg({
    434.         title: $p.msg.main_title + $p.version,
    435.         type: "alert-error",
    436.         text: $p.msg.error_network
    437.       });
    438.     }
    439.   }
    440.  
    441.  
    442.  
    443. };
    444.  
    445.  
    446. /**
    447.  * Служебная функция для открытия окна настроек из гиперссылки
    448.  * @param e
    449.  * @return {Boolean}
    450.  */
    451. $p.iface.open_settings = function (e) {
    452.   var evt = (e || (typeof event != "undefined" ? event : undefined));
    453.   if(evt)
    454.     evt.preventDefault();
    455.  
    456.   var hprm = $p.job_prm.parse_url();
    457.   $p.iface.set_hash(hprm.obj, hprm.ref, hprm.frm, "settings");
    458.  
    459.   return $p.iface.cancel_bubble(evt);
    460. };
    461.  
    462. /**
    463.  * Переключает вид формы между списком, календаарём и отчетами
    464.  * @method swith_view
    465.  * @for InterfaceObjs
    466.  * @param name {String} - имя представления
    467.  */
    468. $p.iface.swith_view = function(name){
    469.  
    470.   var state,
    471.     iface = $p.iface,
    472.  
    473.     /**
    474.      * Переключает состав элементов дерева
    475.      * @param view
    476.      */
    477.     swith_tree = function(name){
    478.  
    479.       function compare_text(a, b) {
    480.         if (a.text > b.text) return 1;
    481.         if (a.text < b.text) return -1;
    482.       }
    483.  
    484.       if(!iface.tree){
    485.  
    486.         var hprm = $p.job_prm.parse_url();
    487.         if(hprm.obj) {
    488.           var parts = hprm.obj.split('.');
    489.           if(parts.length > 1){
    490.  
    491.             var mgr = $p.md.mgr_by_class_name(hprm.obj);
    492.  
    493.             if(typeof iface.docs.close === "function" )
    494.               iface.docs.close();
    495.  
    496.             if(mgr)
    497.               mgr.form_list(iface.docs, {});
    498.           }
    499.         }
    500.         return;
    501.  
    502.       }else if(iface.tree._view == name || ["rep", "cal"].indexOf(name) != -1)
    503.         return;
    504.  
    505.       iface.tree.deleteChildItems(0);
    506.       if(name == "oper"){
    507.         var meta_tree = {id:0, item:[
    508.           {id:"oper_cat", text: $p.msg.meta_cat, open: true, item:[]},
    509.           {id:"oper_doc", text: $p.msg.meta_doc, item:[]},
    510.           {id:"oper_cch", text: $p.msg.meta_cch, item:[]},
    511.           {id:"oper_cacc", text: $p.msg.meta_cacc, item:[]},
    512.           {id:"oper_tsk", text: $p.msg.meta_tsk, item:[]}
    513.         ]}, mdn, md,
    514.  
    515.         // бежим по справочникам
    516.           tlist = meta_tree.item[0].item;
    517.         for(mdn in $p.cat){
    518.           if(typeof $p.cat[mdn] == "function")
    519.             continue;
    520.           md = $p.cat[mdn].metadata();
    521.           if(md.hide)
    522.             continue;
    523.           tlist.push({id: "oper.cat." + mdn, text: md.synonym || md.name, tooltip: md.illustration || md.list_presentation});
    524.         }
    525.         tlist.sort(compare_text);
    526.  
    527.         // бежим по документам
    528.         tlist = meta_tree.item[1].item;
    529.         for(mdn in $p.doc){
    530.           if(typeof $p.doc[mdn] == "function")
    531.             continue;
    532.           md = $p.doc[mdn].metadata();
    533.           if(md.hide)
    534.             continue;
    535.           tlist.push({id: "oper.doc." + mdn, text: md.synonym || md.name, tooltip: md.illustration || md.list_presentation});
    536.         }
    537.         tlist.sort(compare_text);
    538.  
    539.         // бежим по планам видов характеристик
    540.         tlist = meta_tree.item[2].item;
    541.         for(mdn in $p.cch){
    542.           if(typeof $p.cch[mdn] == "function")
    543.             continue;
    544.           md = $p.cch[mdn].metadata();
    545.           if(md.hide)
    546.             continue;
    547.           tlist.push({id: "oper.cch." + mdn, text: md.synonym || md.name, tooltip: md.illustration || md.list_presentation});
    548.         }
    549.         tlist.sort(compare_text);
    550.  
    551.         // бежим по планам счетов
    552.         tlist = meta_tree.item[3].item;
    553.         for(mdn in $p.cacc){
    554.           if(typeof $p.cacc[mdn] == "function")
    555.             continue;
    556.           md = $p.cacc[mdn].metadata();
    557.           if(md.hide)
    558.             continue;
    559.           tlist.push({id: "oper.cacc." + mdn, text: md.synonym || md.name, tooltip: md.illustration || md.list_presentation});
    560.         }
    561.         tlist.sort(compare_text);
    562.  
    563.         // бежим по задачам
    564.         tlist = meta_tree.item[4].item;
    565.         for(mdn in $p.tsk){
    566.           if(typeof $p.tsk[mdn] == "function")
    567.             continue;
    568.           md = $p.tsk[mdn].metadata();
    569.           if(md.hide)
    570.             continue;
    571.           tlist.push({id: "oper.tsk." + mdn, text: md.synonym || md.name, tooltip: md.illustration || md.list_presentation});
    572.         }
    573.         tlist.sort(compare_text);
    574.  
    575.         iface.tree.parse(meta_tree, function(){
    576.           var hprm = $p.job_prm.parse_url();
    577.           if(hprm.obj){
    578.             iface.tree.selectItem(hprm.view+"."+hprm.obj, true);
    579.           }
    580.         }, "json");
    581.  
    582.       }else{
    583.         iface.tree.loadXML(iface.tree.tree_filteres, function(){
    584.  
    585.         });
    586.  
    587.       }
    588.  
    589.       iface.tree._view = name;
    590.     };
    591.  
    592.   if(name.indexOf(iface.docs.getViewName())==0)
    593.     return iface.docs.getViewName();
    594.  
    595.   state = iface.docs.showView(name);
    596.   if (state == true) {
    597.     // first call, init corresponding components
    598.     // календарь
    599.     if(name=="cal" && !window.dhtmlXScheduler){
    600.       $p.load_script("dist/dhtmlxscheduler.min.js", "script", function(){
    601.         //scheduler.config.xml_date="%Y-%m-%d %H:%i";
    602.         scheduler.config.first_hour = 8;
    603.         scheduler.config.last_hour = 22;
    604.         iface.docs.scheduler = iface.docs.attachScheduler(new Date("2015-11-20"), "week", "scheduler_here");
    605.         iface.docs.scheduler.attachEvent("onBeforeViewChange", function(old_mode, old_date, mode, date){
    606.           if(mode == "timeline"){
    607.             $p.msg.show_not_implemented();
    608.             return false;
    609.           }
    610.           return true;
    611.         });
    612.       });
    613.  
    614.       $p.load_script("dist/dhtmlxscheduler.css", "link");
    615.  
    616.       //}else if(name=="rep"){
    617.       //  // подключаемый отчет
    618.       //
    619.       //}else if(name=="oper"){
    620.       //  // в дереве - список метаданных, в окне - список текущего метаданного
    621.       //
    622.  
    623.     }
    624.   }
    625.  
    626.   swith_tree(name);
    627.  
    628.   if(name == "def")
    629.     iface.main.showStatusBar();
    630.   else
    631.     iface.main.hideStatusBar();
    632. };
    633.  
    634.  
    635. /**
    636.  * ### Визуальный компонент OTooolBar
    637.  * Панель инструментов рисовалки и альтернативная панель инструментов прочих форм
    638.  * - Гибкое управление размером, положением и выравниванием как самой панели, так и отдельных кнопок
    639.  * - Кнопки и группы кнопок, иконы и текст
    640.  * - Всплывающие подсказки с произвольным html
    641.  *
    642.  * @class OTooolBar
    643.  * @param attr {Object} - параметры создаваемой панели - родитель, положение, размер и ориентация
    644.  * @constructor
    645.  * @menuorder 54
    646.  * @tooltip Командная панель
    647.  */
    648. function OTooolBar(attr){
    649.   var _this = this,
    650.     div = document.createElement('div'),
    651.     offset, popup_focused, sub_focused, btn_focused;
    652.  
    653.   if(!attr.image_path)
    654.     attr.image_path = dhtmlx.image_path;
    655.  
    656.   if(attr.hasOwnProperty("class_name"))
    657.     div.className = attr.class_name;
    658.   else
    659.     div.className = 'md_otooolbar';
    660.  
    661.   _this.cell = div;
    662.  
    663.   _this.buttons = {};
    664.  
    665.   function bselect(select){
    666.     for(var i=0; i<div.children.length; i++){
    667.       div.children[i].classList.remove('selected');
    668.     }
    669.     if(select && !this.classList.contains('selected'))
    670.       this.classList.add('selected');
    671.   }
    672.  
    673.   function popup_hide(){
    674.     popup_focused = false;
    675.     setTimeout(function () {
    676.       if(!popup_focused)
    677.         $p.iface.popup.hide();
    678.     }, 300);
    679.   }
    680.  
    681.   function btn_click(){
    682.     if(attr.onclick)
    683.       attr.onclick.call(_this, this.name.replace(attr.name + '_', ''), attr.name);
    684.   }
    685.  
    686.   /**
    687.    * Добавляет кнопку на панель инструментов
    688.    * @method add
    689.    * @param battr {Object} - атрибуты создаваемой кнопки
    690.    */
    691.   this.add = function(battr){
    692.  
    693.     var bdiv = $p.iface.add_button(div, attr, battr);
    694.  
    695.     bdiv.onclick = btn_click;
    696.  
    697.     bdiv.onmouseover = function(){
    698.       if(battr.title && !battr.sub){
    699.         popup_focused = true;
    700.  
    701.         $p.iface.popup.clear();
    702.         $p.iface.popup.attachHTML(battr.title);
    703.         $p.iface.popup.show(dhx4.absLeft(bdiv), dhx4.absTop(bdiv), bdiv.offsetWidth, bdiv.offsetHeight);
    704.  
    705.         $p.iface.popup.p.onmouseover = function(){
    706.           popup_focused = true;
    707.         };
    708.  
    709.         $p.iface.popup.p.onmouseout = popup_hide;
    710.  
    711.         if(attr.on_popup)
    712.           attr.on_popup($p.iface.popup, bdiv);
    713.       }
    714.     };
    715.  
    716.     bdiv.onmouseout = popup_hide;
    717.  
    718.     _this.buttons[battr.name] = bdiv;
    719.  
    720.     if(battr.sub){
    721.  
    722.       function remove_sub(parent){
    723.         if(!parent)
    724.           parent = bdiv;
    725.         if(parent.subdiv && !sub_focused && !btn_focused){
    726.           while(parent.subdiv.firstChild)
    727.             parent.subdiv.removeChild(parent.subdiv.firstChild);
    728.           parent.subdiv.parentNode.removeChild(parent.subdiv);
    729.           parent.subdiv = null;
    730.         }
    731.       }
    732.  
    733.       bdiv.onmouseover = function(){
    734.  
    735.         // нужно погасить сабдивы соседей
    736.         for(var i=0; i<bdiv.parentNode.children.length; i++){
    737.           if(bdiv.parentNode.children[i] != bdiv && bdiv.parentNode.children[i].subdiv){
    738.             remove_sub(bdiv.parentNode.children[i]);
    739.             break;
    740.           }
    741.         }
    742.  
    743.         btn_focused = true;
    744.  
    745.         if(!this.subdiv){
    746.           this.subdiv = document.createElement('div');
    747.           this.subdiv.className = 'md_otooolbar';
    748.           offset = $p.iface.get_offset(bdiv);
    749.           if(battr.sub.align == 'right')
    750.             this.subdiv.style.left = (offset.left + bdiv.offsetWidth - (parseInt(battr.sub.width.replace(/\D+/g,"")) || 56)) + 'px';
    751.           else
    752.             this.subdiv.style.left = offset.left + 'px';
    753.           this.subdiv.style.top = (offset.top + div.offsetHeight) + 'px';
    754.           this.subdiv.style.height = battr.sub.height || '198px';
    755.           this.subdiv.style.width = battr.sub.width || '56px';
    756.           for(var i in battr.sub.buttons){
    757.             var bsub = $p.iface.add_button(this.subdiv, attr, battr.sub.buttons[i]);
    758.             bsub.onclick = btn_click;
    759.           }
    760.           attr.wrapper.appendChild(this.subdiv);
    761.  
    762.           this.subdiv.onmouseover = function () {
    763.             sub_focused = true;
    764.           };
    765.  
    766.           this.subdiv.onmouseout = function () {
    767.             sub_focused = false;
    768.             setTimeout(remove_sub, 500);
    769.           };
    770.  
    771.           if(battr.title)
    772.             $p.iface.popup.show(dhx4.absLeft(this.subdiv), dhx4.absTop(this.subdiv), this.subdiv.offsetWidth, this.subdiv.offsetHeight);
    773.         }
    774.  
    775.       };
    776.  
    777.       bdiv.onmouseout = function(){
    778.         btn_focused = false;
    779.         setTimeout(remove_sub, 500);
    780.       }
    781.     }
    782.   };
    783.  
    784.   /**
    785.    * Выделяет кнопку по событию mouseover и снимает выделение с остальных кнопок
    786.    * @method select
    787.    * @param name {String} - имя текущей кнопки
    788.    */
    789.   this.select = function(name){
    790.     for(var i=0; i<div.children.length; i++){
    791.       var btn = div.children[i];
    792.       if(btn.name == attr.name + '_' + name){
    793.         bselect.call(btn, true);
    794.         return;
    795.       }
    796.     }
    797.   };
    798.  
    799.   /**
    800.    * Возвращает имя выделенной кнопки
    801.    */
    802.   this.get_selected = function () {
    803.     for(var i=0; i<div.children.length; i++){
    804.       var btn = div.children[i];
    805.       if(btn.classList.contains('selected'))
    806.         return btn.name;
    807.     }
    808.   };
    809.  
    810.   /**
    811.    * Деструктор объекта
    812.    * @method unload
    813.    */
    814.   this.unload = function(){
    815.     while(div.firstChild)
    816.       div.removeChild(div.firstChild);
    817.     attr.wrapper.removeChild(div);
    818.   };
    819.  
    820.  
    821.   attr.wrapper.appendChild(div);
    822.   div.style.width = attr.width || '28px';
    823.   div.style.height = attr.height || '150px';
    824.   div.style.position = 'absolute';
    825.  
    826.   if(attr.top) div.style.top = attr.top;
    827.   if(attr.left) div.style.left = attr.left;
    828.   if(attr.bottom) div.style.bottom = attr.bottom;
    829.   if(attr.right) div.style.right = attr.right;
    830.   if(attr.paddingRight) div.style.paddingRight = attr.paddingRight;
    831.   if(attr.paddingLeft) div.style.paddingLeft = attr.paddingLeft;
    832.  
    833.   if(attr.buttons)
    834.     attr.buttons.forEach(function(battr){
    835.       _this.add(battr);
    836.     });
    837.  
    838. };
    839. $p.iface.OTooolBar = OTooolBar;
    840.  
    841. /**
    842.  * Добавляет кнопку на панель инструментов
    843.  * @method add_button
    844.  * @for InterfaceObjs
    845.  * @param parent {Element}
    846.  * @param attr {Object}
    847.  * @param battr {Object}
    848.  * @returns {Element}
    849.  */
    850. $p.iface.add_button = function(parent, attr, battr) {
    851.   var bdiv = document.createElement('div'), html = '';
    852.   bdiv.name = (attr ? attr.name + '_' : '') + battr.name;
    853.   parent.appendChild(bdiv);
    854.  
    855.   // если имя начинается с sep_ - это разделитель
    856.   bdiv.className = (battr.name.indexOf("sep_") == 0) ? 'md_otooolbar_sep' : 'md_otooolbar_button';
    857.   if(battr.hasOwnProperty("class_name"))
    858.     bdiv.classList.add(battr.class_name);
    859.  
    860.   if(battr.img)
    861.     html = '<img src="' + (attr ? attr.image_path : '') + battr.img + '">';
    862.   if(battr.b)
    863.     html +='<b style="vertical-align: super;"> ' + battr.b + '</b>';
    864.   else if(battr.text)
    865.     html +='<span style="vertical-align: super;"> ' + battr.text + '</span>';
    866.   else if(battr.css)
    867.     bdiv.classList.add(battr.css);
    868.   bdiv.innerHTML = html;
    869.  
    870.   if(battr.float) bdiv.style.float = battr.float;
    871.   if(battr.clear) bdiv.style.clear = battr.clear;
    872.   if(battr.width) bdiv.style.width = battr.width;
    873.   if(battr.paddingRight) bdiv.style.paddingRight = battr.paddingRight;
    874.   if(battr.paddingLeft) bdiv.style.paddingLeft = battr.paddingLeft;
    875.  
    876.   if(battr.tooltip)
    877.     bdiv.title = battr.tooltip;
    878.  
    879.   return bdiv;
    880. };
    881.  
    882.