function _add_ar_tab(ar_id, context) {
var str_ar_tab_id = 'ar' + ar_id;
var ar_tab = new ArTab();
this.arTabObjects[ar_id] = ar_tab;
var html_tab_content =
'<div id="' + str_ar_tab_id + 'Tab" class="ar_tab tabs-panel" ar_id="' + ar_id + '">' +
ar_tab.html(str_ar_tab_id) +
'</div>';
// Append the new div containing the tab and add the tab to the list
var a = $("<li class='tabs-title'>" +
"<a id='ar_tab" + str_ar_tab_id + "' href='#" + str_ar_tab_id + "Tab'>" +
Locale.tr("Address Range") + " <i class='fa fa-times-circle remove-tab'></i></a></li>"
).appendTo($("ul#vnet_wizard_ar_tabs", context));
$(html_tab_content).appendTo($("#vnet_wizard_ar_tabs_content", context));
Foundation.reInit($("ul#vnet_wizard_ar_tabs", context));
$("a", a).trigger("click");
var ar_section = $('#' + str_ar_tab_id + 'Tab', context);
ar_tab.setup(ar_section, str_ar_tab_id);
ar_tab.onShow();
}
function _add_ar_tab(ar_id, context) {
var that = this;
var str_ar_tab_id = "ar" + ar_id;
var ar_tab = new ArTab();
this.arTabObjects[ar_id] = ar_tab;
var html_tab_content =
"<div id=\"" + str_ar_tab_id + "Tab\" class=\"ar_tab tabs-panel\" ar_id=\"" + ar_id + "\">" +
ar_tab.html(str_ar_tab_id) +
"</div>";
// Append the new div containing the tab and add the tab to the list
var a = $("<li class='tabs-title'>" +
"<a id='ar_tab" + str_ar_tab_id + "' href='#" + str_ar_tab_id + "Tab'>" +
Locale.tr("AR") + " <i class='fas fa-times-circle remove-tab'></i></a></li>"
).appendTo($("ul#vnet_wizard_ar_tabs", context));
$(html_tab_content).appendTo($("#vnet_wizard_ar_tabs_content", context));
Foundation.reInit($("ul#vnet_wizard_ar_tabs", context));
$("a", a).trigger("click");
var ar_section = $("#" + str_ar_tab_id + "Tab", context);
ar_tab.setup(ar_section, str_ar_tab_id);
ar_tab.onShow();
// close icon: removing the tab on click
a.on("click", "i.remove-tab", function() {
var target = $(this).parent().attr("href");
var li = $(this).closest("li");
var ul = $(this).closest("ul");
var content = $(target);
var ar_id = content.attr("ar_id");
li.remove();
content.remove();
if (li.hasClass("is-active")) {
$("a", ul.children("li").last()).click();
}
delete that.arTabObjects[ar_id];
return false;
});
}