@{
Layout = null;
}
@using GBI.Metrix.Utility;
@using GBI.Metrix.ViewModel
@using GBI.Metrix.Web;
@using GBI.Metrix.Web.Constants;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>@Resources.Common.GBI_METRIX</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Loading Bootstrap -->
<link href="/Content/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Loading GBI fonts -->
<link rel="stylesheet" href="/Content/css/typo.css">
<link rel="stylesheet" href="/Content/css/index.css">
<!-- Loading GBi UI v8.3 -->
<link href="/Content/css/gbi-ui.css" rel="stylesheet">
<link rel="shortcut icon" href="/Content/images/favicon.ico">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<!-- Load JS here for greater good =============================-->
<script src="/Content/js/libs/jquery-1.8.3.min.js"></script>
<script src="/Content/js/libs/jquery-ui.js"></script>
<script src="/Content/js/libs/bootstrap.min.js"></script>
<script src="/Content/js/libs/bootstrap-select.js"></script>
<script src="/Content/js/Layout.js?@WebManage.ContentVersion"></script>
<script src="/Content/js/Home.js?@WebManage.ContentVersion"></script>
</head>
<body class="page-body" style="padding-top: 50px;">
@Html.Partial("_ExceedModalPartial")
<div class="modal fade" id="SystemModal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close icon-times" data-dismiss="modal"><span class="sr-only">Close</span></button>
<h4 class="modal-title">System requirements</h4>
</div>
<div class="modal-body">
<p>
GBI products are built to work best in the latest desktop and mobile browsers. Older browsers may display system content differently.
</p>
<div class="h3">
<span class="icon-chrome mrm"></span><span class="icon-safari mrm"></span><span class="icon-firefox mrm"></span><span class="icon-IE mrm"></span>
</div>
Internet Explorer 8 is also supported. However, please be aware that some pages may not look and behave well.
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" class="btn btn-primary btn-wide">Got it</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="PrivacyModal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
<!--_PrivacyModalPartial-->
</div>
<div class="modal fade" id="TermsModal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
<!--_TermsModalPartial-->
</div>
<div class="modal fade" id="UserTerms" data-check="@(WebManage.AgreeUserTerm())" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
<div class="modal-dialog modal-md">
<div class="modal-content">
<!--_UserTermsModalPartial-->
</div>
</div>
</div>
<nav class="navbar navbar-default navbar-fixed-top bordered bottom">
<div class="navbar-header" style=" 260px;">
<a class="navbar-brand" href="/Home">
<img alt="GBI" src="/Content/images/logo-GBI-metrix.png" height="38">
</a>
<button type="button" class="navbar-toggle btn-sm" data-toggle="collapse" data-target="#navbar-collapse-metrix">
<span class="sr-only">Toggle navigation</span>
</button>
</div>
<div class="container-fluid">
<div class="collapse navbar-collapse" id="navbar-collapse-metrix">
<ul class="nav navbar-nav">
<li class="@(WebManage.IsDiscoverPage() ? "active" : "")"><a href="@(WebManage.IsFreeLayerUser() ? "/Paper" : "/Researcher")">Explore</a></li>
<li class="@(WebManage.IsAdvancePage()?"active":"")"><a href="/advance">Query</a></li>
<li class="@(WebManage.IsTrackPage() ? "active" : "")"><a href="/track">Track</a></li>
</ul>
<div class="clearfix header-notice-content bg-success">
<span class="mrm icon-notification text-primary"></span>
<div id="notice-main" class="header-notice" style=" 817px;">
<div class="notice-con">
<div id="notice-con-first">
<ul class="notice-list">
<li>
@if (System.Threading.Thread.CurrentThread.CurrentUICulture.ToString() == "zh-CN")
{
@Html.Raw("GBI 中国办公室将于国庆节（9月30日至10月7日）期间关闭。部分数据服务在此期间可能无法照常提供，请提前安排好您的工作，谢谢！")
}
else
{
@Html.Raw("Due to Chinese National Holiday, GBI China Office will be closed from Sep-30 to Oct-7. Please kindly note that some data service may not be available during this period. Thank you.")
}
</li>
</ul>
</div>
<div id="notice-con-second">
<ul class="notice-list">
<li>
@if (System.Threading.Thread.CurrentThread.CurrentUICulture.ToString() == "zh-CN")
{
@Html.Raw("GBI 中国办公室将于国庆节（9月30日至10月7日）期间关闭。部分数据服务在此期间可能无法照常提供，请提前安排好您的工作，谢谢！")
}
else
{
@Html.Raw("Due to Chinese National Holiday, GBI China Office will be closed from Sep-30 to Oct-7. Please kindly note that some data service may not be available during this period. Thank you.")
}
</li>
</ul>
</div>
</div>
</div>
<a class="tagsinput-remove-link"></a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="/Profile/Index">@WebManage.GetUserName()</a></li>
<li class="dropdown">
<a href="javascript:;" class="dropdown-toggle lanVal" data-toggle="dropdown">@WebManage.GetCurrentLanguage()<b class="caret"></b></a>
<span class="dropdown-arrow dropdown-arrow-inverse"></span>
<ul class="dropdown-menu dropdown-inverse languageList">
<li><a class="language @WebManage.GetActiveLanguage(Consts.Language.EN)" href="@Url.Action("ChangeLanguage", "Home", new {language = Consts.Language.EN})">@Resources.Common.EN</a></li>
<li><a class="language @WebManage.GetActiveLanguage(Consts.Language.CN)" href="@Url.Action("ChangeLanguage", "Home", new {language = Consts.Language.CN})">@Resources.Common.CN</a></li>
</ul>
</li>
@if (WebManage.IsFreeLayerUser())
{
<li>
<button class="btn btn-success navbar-btn btn-xs" id="btnUpgrade" style="background-color:#60c191;">
@Resources.Common.UPGRADE
</button>
</li>
}
<li>
<button class="btn btn-danger navbar-btn btn-xs" id="logout">@Resources.Common.LOGOUT</button>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
</nav>
<div class="maincontent" style="overflow-y: scroll;">
@using (Html.BeginForm("Index", WebManage.IsFreeLayerUser() ? "Paper" : "Researcher", FormMethod.Post))
{
<div class="container-fluid" style="padding-top: 15%; padding-bottom: 25%;">
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<div class="phl">
<div class="input-group input-group-hg ui-front" style="position: relative;">
<input style="line-height: normal;" id="txtKeyword" name="keyword" type="text" class="form-control flat" aria-label="..." placeholder="@Resources.Common.HOMESEARCHINPUT">
<span class="input-group-btn">
<button id="btnSubmmit" class="btn btn-default" type="submit"><span class="icon-search"></span></button>
</span>
</div>
</div>
</div>
</div>
</div>
}
<div class="master-footer">
<div class="bottom-menu bottom-menu-large">
<div class="container-fluid">
<div class="row">
<div class="col-md-5">
<a href="#fakelink"><img src="/Content/images/logo-gbi.png" width="105" alt="GBI Logo"></a>
<address>
<small>
<a href="http://www.gbihealth.com">@Resources.Common.WWW_GBIHEALTH_COM</a>
@*<br>@Resources.Common.SUITE_301_BUILDING_2169_MENGZIRD
<br>@Resources.Common.SHANGHAI_200023_PR_CHINA*@
<br><a href="tel:+862153022951">@*<span class="icon-phone2"></span> *@@Resources.Common.TEL1</a>
<br><a href="tel:+862153022950">@*<span class="icon-fax"></span> *@@Resources.Common.TEL2</a>
</small>
</address>
</div>
<div class="col-md-2">
<h5 class="title">@Resources.Common.PRODUCTS</h5>
<ul class="bottom-links mbl">
<li><a href="http://www.gbihealth.com/source.aspx">@Resources.Common.SOURCE</a></li>
<li><a href="http://www.gbihealth.com/navisdata.aspx">@Resources.Common.NAVIS</a></li>
<li><a href="http://www.gbihealth.com/metrix.aspx">@Resources.Common.METRIX</a></li>
<li><a href="http://www.gbihealth.com/devint.aspx">@Resources.Common.DEVINT</a></li>
</ul>
</div>
<div class="col-md-3">
<h5 class="title">@Resources.Common.SERVICES</h5>
<ul class="bottom-links mbl">
<li><a href="javascript:;">@Resources.Common.USAGEGUIDE</a></li>
<li><a href="" data-toggle="modal" data-target="#SystemModal">@Resources.Common.SYSTEMREQUIREMENTS</a></li>
</ul>
</div>
<div class="col-md-2">
<h5 class="title">@Resources.Common.CONTACT_GBI</h5>
<ul class="bottom-links mbl">
<li><a href="mailto:info@generalbiologic.com?Subject=Hello" target="_top" class="btn btn-inverse btn-sm mbs"><span class="icon-mail"></span> @Resources.Common.CONTACT_GBI</a></li>
<li><a href="https://www.linkedin.com/company/general-biologic">@Resources.Common.LINKEDIN</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-5 additional-links">
<small>@Resources.Common.GB_GROUP_LIMITED_ALL_RIGHTS_RESERVED </small>
<a href="" class="mrm" data-toggle="modal" data-target="#TermsModal">@Resources.Common.TERMS_OF_SERVICE</a>
<a href="" class="mrm" data-toggle="modal" data-target="#PrivacyModal">@Resources.Common.PRIVACY_POLICY</a>
</div>
</div>
</div>
</div>
</div>
<!-- / master-footer -->
</div>
<script type="text/javascript">
$(function () {
var conHeight = $(window).height() - 50;
$('.maincontent').height(conHeight);
})
</script>
<script type="text/javascript">
$(function() {
if ($('.header-notice').length) {
function getWidth(){
var logWidth = $('.header-notice-content').siblings('.navbar-nav.navbar-right').outerWidth(),
navWidth = $('.header-notice-content').prev().outerWidth();
var noticeWidth = parseInt($('#navbar-collapse-metrix').width() - parseInt(logWidth) - parseInt(navWidth)-300);
$('.header-notice-content').width(noticeWidth);
$('#notice-main').width(noticeWidth - 75);
}
getWidth();
$(window).resize(function(){
getWidth();
});
var demo = document.getElementById("notice-main");
var demo1 = document.getElementById("notice-con-first");
var demo2 = document.getElementById("notice-con-second");
demo2.innerHTML = document.getElementById("notice-con-first").innerHTML;
function Marquee() {
if (demo.scrollLeft - demo2.offsetWidth >= 0) {
demo.scrollLeft -= demo1.offsetWidth;
} else {
demo.scrollLeft++;
}
}
var myvar = setInterval(Marquee, 30);
demo.onmouseout = function() {
myvar = setInterval(Marquee, 30);
}
demo.onmouseover = function() {
clearInterval(myvar);
}
$('.header-notice-content .tagsinput-remove-link').on('click', function(){
$(this).parent().hide();
$.post('/Home/HideHeaderNotice');
});
}
})
</script>
</body>
</html>