Improve tabs in teacher area

js/iassign-integration-functions.js

@@ -401,7 +401,17 @@ function iassingIntegration () {
 // Função para preparar a interface para o professor criar atividade:
 function prepareActivityCreation () {
 
-  $('.add_accordion').addClass('accordion');
+  var menuTab = $('<div class="ui top attached tabular menu">'
+        + '<a class="item active" data-tab="testcases">' + LocalizedStrings.getUI('text_teacher_test_case') + '</a>'
+        + '<a class="item" data-tab="settings">' + LocalizedStrings.getUI('text_teacher_config') + '</a>'
+        + '<a class="item" data-tab="algorithm">' + LocalizedStrings.getUI('text_teacher_algorithm') + '</a>'
+        + '</div>'
+        + '<div class="ui bottom attached tab segment active tab_test_cases" data-tab="testcases"></div>'
+        + '<div class="ui bottom attached tab segment tab_settings" data-tab="settings"></div>'
+        + '<div class="ui bottom attached tab segment tab_algorithm" data-tab="algorithm"></div>');
+
+  menuTab.insertBefore('.add_accordion');
+  $('.tabular.menu .item').tab();
 
   $('.default_visual_title').toggle();
   $('.default_visual_title').append('<span>'+LocalizedStrings.getUI('text_teacher_algorithm')+'</span>');
@@ -413,21 +423,21 @@ function prepareActivityCreation () {
 
   $('<div class="ui checkbox"><input type="checkbox" name="include_algo" class="include_algo" tabindex="0" class="hidden"><label>'+LocalizedStrings.getUI('text_teacher_algorithm_include')+'</label></div>').insertAfter('.content_margin');
   
-  var cases_test_div = $('<div class="ui accordion styled"><div class="active title"><i class="dropdown icon"></i>'+LocalizedStrings.getUI('text_teacher_test_case')+'</div><div class="active content"></div></div>');
+  var cases_test_div = $('<div></div>');
 
-  cases_test_div.insertBefore('.accordion');
+  $('.tab_test_cases').append(cases_test_div);
 
-  var config_div = $('<div class="ui accordion styled"><div class="title"><i class="dropdown icon"></i>'+LocalizedStrings.getUI('text_teacher_config')+'</div><div class="content"></div></div>');
+  var config_div = $('<div></div>');
 
-  config_div.insertAfter(cases_test_div);
-
-  $('.ui.accordion').accordion();
+  $('.tab_settings').append(config_div);
 
   $('.ui.checkbox').checkbox();
 
-  prepareTableSettings(config_div.find('.content'));
+  $('.tab_algorithm').append($('.add_accordion'));
+
+  prepareTableSettings(config_div);
 
-  prepareTableTestCases(cases_test_div.find('.content'));
+  prepareTableTestCases(cases_test_div);
 
   if (inIframe()) {
       $('.ui.styled.accordion').css('width', '96%');