//添加监控面板
var m_drawableContainer;

//初始化监控面板
function initDrawableContainer() {
    if (m_drawableContainer == null) {
        var drawableConfig = new Glodon.Bimface.Plugins.Drawable.DrawableContainerConfig();
        drawableConfig.viewer = _viewer;
        m_drawableContainer = new Glodon.Bimface.Plugins.Drawable.DrawableContainer(drawableConfig);
    }
}

//添加GroupItemsPanel(返回panelId)
function addGroupItemsPanel(group) {
    initDrawableContainer();
    var configCustomItem = new Glodon.Bimface.Plugins.Drawable.CustomItemConfig();
    var panel = document.createElement('div');
    panel.style.width = '90px';
    panel.style.height = '38px';
    panel.style.borderRadius = '10%';
    panel.style.background = 'rgba(0,0,0,.6)';
    panel.style.border = '3px solid #eee';
    panel.style.color = 'white';
    panel.style.marginTop = '-66px';
    panel.style.marginLeft = '-51px';
    panel.style.padding = '5px';
    panel.style.fontSize = '10px';
    panel.id = "GroupItemsPanel" + group.GroupID;

    var panel_html = '<div class="tooltipWrap"><span class="tooltip" >' + group.GroupName + '</span>';
    panel_html += '<div class="pointType  " ></div><br/>';
    if (group.ItemsVisible) {
        for (var i = 0; i < group.Items.length; i++) {
            var groupItem = group.Items[i];
            panel_html += '<div class="groupItemName"> ' + groupItem.Name + '<span  class="groupItemValue"  > </span></div>';
        }
    }

    panel_html += '</div>';

    panel.innerHTML = panel_html;


    configCustomItem.content = panel;
    configCustomItem.viewer = _viewer;

    //console.log(minitorPanel.Posi)
    configCustomItem.worldPosition = group.WorldPosition

    //生成customItem实例
    var customItem = new Glodon.Bimface.Plugins.Drawable.CustomItem(configCustomItem);
    //console.log(customItem)

    // 添加自定义标签
    m_drawableContainer.addItem(customItem)
    //设置Tip的样式
    customItem.setTooltipStyle({ border: '1px' });

    return customItem.id;
}

//移动监控面板
function moveGroupItemsPanel(obj) {
    if (m_drawableContainer == null)
        return;
    var item = m_drawableContainer.getItemById(obj.PanelID);
    item.worldPosition = obj.WorldPosition;
    m_drawableContainer.update();
}

//移除监控面板
function removeGroupItemsPanel(panelid) {
    if (m_drawableContainer == null)
        return;
    m_drawableContainer.removeItemById(panelid);
}

//清空监控面板
function clearGroupItemsPanels() {
    if (m_drawableContainer == null)
        return;
    m_drawableContainer.clear();
}