Difference between revisions of "Team:CSU CHINA/Team"

Line 252: Line 252:
 
<!--script for portfolio-->
 
<!--script for portfolio-->
 
<script src="https://2018.igem.org/Template:Valencia_UPV/lightboxminJS?action=raw&amp;ctype=text/javascript"> </script>
 
<script src="https://2018.igem.org/Template:Valencia_UPV/lightboxminJS?action=raw&amp;ctype=text/javascript"> </script>
−
<script>(function ($) {
+
<script>
−
$.fn.extend({
+
// Easy Responsive Tabs Plugin
−
easyResponsiveTabs: function (options) {
+
// Author: Samson.Onna <Email : samson3d@gmail.com>
−
var defaults = {
+
(function ($) {
−
type: 'default',
+
    $.fn.extend({
−
width: 'auto',
+
        easyResponsiveTabs: function (options) {
−
fit: true
+
            //Set the default values, use comma to separate the settings, example:
−
}
+
            var defaults = {
−
var options = $.extend(defaults, options);
+
                type: 'default', //default, vertical, accordion;
−
var opt = options,
+
                width: 'auto',
−
jtype = opt.type,
+
                fit: true
−
jfit = opt.fit,
+
            }
−
jwidth = opt.width,
+
            //Variables
−
vtabs = 'vertical',
+
            var options = $.extend(defaults, options);          
−
accord = 'accordion';
+
            var opt = options, jtype = opt.type, jfit = opt.fit, jwidth = opt.width, vtabs = 'vertical', accord = 'accordion';
−
this.each(function () {
+
 
−
var $respTabs = $(this);
+
            //Main function
−
$respTabs.find('ul.resp-tabs-list li').addClass('resp-tab-item');
+
            this.each(function () {
−
$respTabs.css({
+
                var $respTabs = $(this);
−
'display': 'block',
+
                $respTabs.find('ul.resp-tabs-list li').addClass('resp-tab-item');
−
'width': jwidth
+
                $respTabs.css({
−
});
+
                    'display': 'block',
−
$respTabs.find('.resp-tabs-container > div').addClass('resp-tab-content');
+
                    'width': jwidth
−
jtab_options();
+
                });
−
+
 
−
function jtab_options() {
+
                $respTabs.find('.resp-tabs-container > div').addClass('resp-tab-content');
−
if (jtype == vtabs) {
+
                jtab_options();
−
$respTabs.addClass('resp-vtabs');
+
                //Properties Function
−
}
+
                function jtab_options() {
−
if (jfit == true) {
+
                    if (jtype == vtabs) {
−
$respTabs.css({
+
                        $respTabs.addClass('resp-vtabs');
−
width: '100%',
+
                    }
−
margin: '0px'
+
                    if (jfit == true) {
−
});
+
                        $respTabs.css({ width: '100%', margin: '0px' });
−
}
+
                    }
−
if (jtype == accord) {
+
                    if (jtype == accord) {
−
$respTabs.addClass('resp-easy-accordion');
+
                        $respTabs.addClass('resp-easy-accordion');
−
$respTabs.find('.resp-tabs-list').css('display', 'none');
+
                        $respTabs.find('.resp-tabs-list').css('display', 'none');
−
}
+
                    }
−
}
+
                }
−
var $tabItemh2;
+
 
−
$respTabs.find('.resp-tab-content').before("<h2 class='resp-accordion' role='tab'><span class='resp-arrow'></span></h2>");
+
                //Assigning the h2 markup
−
var itemCount = 0;
+
                var $tabItemh2;
−
$respTabs.find('.resp-accordion').each(function () {
+
                $respTabs.find('.resp-tab-content').before("<h2 class='resp-accordion' role='tab'><span class='resp-arrow'></span></h2>");
−
$tabItemh2 = $(this);
+
 
−
var innertext = $respTabs.find('.resp-tab-item:eq(' + itemCount + ')').text();
+
                var itemCount = 0;
−
$respTabs.find('.resp-accordion:eq(' + itemCount + ')').append(innertext);
+
                $respTabs.find('.resp-accordion').each(function () {
−
$tabItemh2.attr('aria-controls', 'tab_item-' + (itemCount));
+
                    $tabItemh2 = $(this);
−
itemCount++;
+
                    var innertext = $respTabs.find('.resp-tab-item:eq(' + itemCount + ')').text();
−
});
+
                    $respTabs.find('.resp-accordion:eq(' + itemCount + ')').append(innertext);
−
var count = 0,
+
                    $tabItemh2.attr('aria-controls', 'tab_item-' + (itemCount));
−
$tabContent;
+
                    itemCount++;
−
$respTabs.find('.resp-tab-item').each(function () {
+
                });
−
$tabItem = $(this);
+
 
−
$tabItem.attr('aria-controls', 'tab_item-' + (count));
+
                //Assigning the 'aria-controls' to Tab items
−
$tabItem.attr('role', 'tab');
+
                var count = 0,
−
$respTabs.find('.resp-tab-item').first().addClass('resp-tab-active');
+
                    $tabContent;
−
$respTabs.find('.resp-accordion').first().addClass('resp-tab-active');
+
                $respTabs.find('.resp-tab-item').each(function () {
−
$respTabs.find('.resp-tab-content').first().addClass('resp-tab-content-active').attr('style', 'display:block');
+
                    $tabItem = $(this);
−
var tabcount = 0;
+
                    $tabItem.attr('aria-controls', 'tab_item-' + (count));
−
$respTabs.find('.resp-tab-content').each(function () {
+
                    $tabItem.attr('role', 'tab');
−
$tabContent = $(this);
+
 
−
$tabContent.attr('aria-labelledby', 'tab_item-' + (tabcount));
+
                    //First active tab                 
−
tabcount++;
+
                    $respTabs.find('.resp-tab-item').first().addClass('resp-tab-active');
−
});
+
                    $respTabs.find('.resp-accordion').first().addClass('resp-tab-active');
−
count++;
+
                    $respTabs.find('.resp-tab-content').first().addClass('resp-tab-content-active').attr('style', 'display:block');
−
});
+
 
−
$respTabs.find("[role=tab]").each(function () {
+
                    //Assigning the 'aria-labelledby' attr to tab-content
−
var $currentTab = $(this);
+
                    var tabcount = 0;
−
$currentTab.click(function () {
+
                    $respTabs.find('.resp-tab-content').each(function () {
−
var $tabAria = $currentTab.attr('aria-controls');
+
                        $tabContent = $(this);
−
if ($currentTab.hasClass('resp-accordion') && $currentTab.hasClass('resp-tab-active')) {
+
                        $tabContent.attr('aria-labelledby', 'tab_item-' + (tabcount));
−
$respTabs.find('.resp-tab-content-active').slideUp('', function () {
+
                        tabcount++;
−
$(this).addClass('resp-accordion-closed');
+
                    });
−
});
+
                    count++;
−
$currentTab.removeClass('resp-tab-active');
+
                });
−
return false;
+
 
−
}
+
                //Tab Click action function
−
if (!$currentTab.hasClass('resp-tab-active') && $currentTab.hasClass('resp-accordion')) {
+
                $respTabs.find("[role=tab]").each(function () {
−
$respTabs.find('.resp-tab-active').removeClass('resp-tab-active');
+
                    var $currentTab = $(this);
−
$respTabs.find('.resp-tab-content-active').slideUp().removeClass('resp-tab-content-active resp-accordion-closed');
+
                    $currentTab.click(function () {
−
$respTabs.find("[aria-controls=" + $tabAria + "]").addClass('resp-tab-active');
+
 
−
$respTabs.find('.resp-tab-content[aria-labelledby = ' + $tabAria + ']').slideDown().addClass('resp-tab-content-active');
+
                        var $tabAria = $currentTab.attr('aria-controls');
−
} else {
+
 
−
$respTabs.find('.resp-tab-active').removeClass('resp-tab-active');
+
                        if ($currentTab.hasClass('resp-accordion') && $currentTab.hasClass('resp-tab-active')) {
−
$respTabs.find('.resp-tab-content-active').removeAttr('style').removeClass('resp-tab-content-active').removeClass('resp-accordion-closed');
+
                            $respTabs.find('.resp-tab-content-active').slideUp('', function () { $(this).addClass('resp-accordion-closed'); });
−
$respTabs.find("[aria-controls=" + $tabAria + "]").addClass('resp-tab-active');
+
                            $currentTab.removeClass('resp-tab-active');
−
$respTabs.find('.resp-tab-content[aria-labelledby = ' + $tabAria + ']').addClass('resp-tab-content-active').attr('style', 'display:block');
+
                            return false;
−
}
+
                        }
−
});
+
                        if (!$currentTab.hasClass('resp-tab-active') && $currentTab.hasClass('resp-accordion')) {
−
$(window).resize(function () {
+
                            $respTabs.find('.resp-tab-active').removeClass('resp-tab-active');
−
$respTabs.find('.resp-accordion-closed').removeAttr('style');
+
                            $respTabs.find('.resp-tab-content-active').slideUp().removeClass('resp-tab-content-active resp-accordion-closed');
−
});
+
                            $respTabs.find("[aria-controls=" + $tabAria + "]").addClass('resp-tab-active');
−
});
+
 
−
});
+
                            $respTabs.find('.resp-tab-content[aria-labelledby = ' + $tabAria + ']').slideDown().addClass('resp-tab-content-active');
−
}
+
                        } else {
−
});
+
                            $respTabs.find('.resp-tab-active').removeClass('resp-tab-active');
−
})(jQuery);</script>
+
                            $respTabs.find('.resp-tab-content-active').removeAttr('style').removeClass('resp-tab-content-active').removeClass('resp-accordion-closed');
 +
                            $respTabs.find("[aria-controls=" + $tabAria + "]").addClass('resp-tab-active');
 +
                            $respTabs.find('.resp-tab-content[aria-labelledby = ' + $tabAria + ']').addClass('resp-tab-content-active').attr('style', 'display:block');
 +
                        }
 +
                    });
 +
                    //Window resize function                 
 +
                    $(window).resize(function () {
 +
                        $respTabs.find('.resp-accordion-closed').removeAttr('style');
 +
                    });
 +
                });
 +
            });
 +
        }
 +
    });
 +
})(jQuery);
 +
 
 +
 
 +
</script>
 
<script type="text/javascript">
 
<script type="text/javascript">
 
$(document).ready(function () {
 
$(document).ready(function () {

Revision as of 08:16, 19 October 2019

loading……

CSU_CHINA_TEAM

TEAM

  • Student Members
  • Team Leader
  • Instructors
  • Advisors

Shi Qingxin
Yu Shangcheng
Dong Yufan
Yao Keyu