<commit_before><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="t" tagdir="/WEB-INF/tags"%>

<t:genericpage>
	<jsp:attribute name="title">Gene details for ${gene.name}</jsp:attribute>
	
   <jsp:attribute name="breadcrumb">&nbsp;&raquo; <a href="${baseUrl}/search#sort=marker_symbol asc&q=*:*&core=gene">Genes</a> &raquo; ${gene.symbol}</jsp:attribute>

	<jsp:attribute name="footer">

	<c:if test="${phenotypeStarted}">
	<script type="text/javascript" src="${drupalBaseUrl}/heatmap/js/heatmap.1.3.1.js"></script>
	<!--[if IE 8]>
        <script type="text/javascript">
        dcc.ie8 = true;
        </script>
	<![endif]-->  
    <!--[if !IE]><!-->
    <script>
        dcc.heatmapUrlGenerator = function(genotype_id, type) {
            return '${drupalBaseUrl}/phenoview?gid=' + genotype_id + '&qeid=' + type;
        };
    </script>
    <!--<![endif]-->
    <!--[if lt IE 9]>
    <script>
        dcc.heatmapUrlGenerator = function(genotype_id, type) {
           return '${drupalBaseUrl}/phenotypedata?g=' + genotype_id + '&t=' + type + '&w=all';
        };
    </script>
    <![endif]-->
    <!--[if gte IE 9]>
    <script>
        dcc.heatmapUrlGenerator = function(genotype_id, type) {
           return '${drupalBaseUrl}/phenoview?gid=' + genotype_id + '&qeid=' + type;
        };
    </script>
    <![endif]-->
    <script>
          //new dcc.PhenoHeatMap('procedural', 'phenodcc-heatmap', 'Fam63a', 'MGI:1922257', 6, '//dev.mousephenotype.org/heatmap/rest/heatmap/');
          new dcc.PhenoHeatMap({
                /* identifier of <div> node that will host the heatmap */
                'container': 'phenodcc-heatmap',

                /* colony identifier (MGI identifier) */
                'mgiid': '${gene.id.accession}',

                /* default usage mode: ontological or procedural */
                'mode': 'ontological',

                /* number of phenotype columns to use per section */
                'ncol': 5,

                /* heatmap title to use */
                'title': '${gene.symbol}',

                'url': {
                    /* the base URL of the heatmap javascript source */
                    'jssrc': '${drupalBaseUrl}/heatmap/js/',

                    /* the base URL of the heatmap data source */
                    'json': '${fn:replace(drupalBaseUrl, "https:", "")}/heatmap/rest/',

                    /* function that generates target URL for data visualisation */
                    'viz': dcc.heatmapUrlGenerator
                }
            });
    </script>
    </c:if>

	<!--[if !IE]><!-->
	<script type="text/javascript" src="${baseUrl}/js/genomic-browser/dalliance-compiled.js"></script>
	<!--<![endif]-->
	<script src="${baseUrl}/js/imaging/genomicB.js"></script>
		<script src="${baseUrl}/js/general/dropdownfilters.js"></script>
	</jsp:attribute>
	

	<jsp:attribute name="header">
	<script type="text/javascript">var gene_id = '${acc}';</script>
	<%-- <link rel="stylesheet" type="text/css" href="${baseUrl}/css/ui.dropdownchecklist.standalone.css"/> --%>
<link rel="stylesheet" type="text/css" href="${baseUrl}/css/ui.dropdownchecklist.themeroller.css"/>
<link rel="stylesheet" type="text/css" href="${baseUrl}/css/custom.css"/>
	<script src="${baseUrl}/js/general/toggle.js"></script>
	<script src="${baseUrl}/js/general/enu.js"></script>
<!-- <script src="http://dropdown-check-list.googlecode.com/svn/trunk/doc/jquery-ui-1.8.13.custom.min.js"></script> -->
	<style>
	/* Force allele table to not be like tables anymore for responsive layout */
	@media only screen and (max-width: 800px) {
		#allele_tracker_panel_results table,
		#allele_tracker_panel_results thead,
		#allele_tracker_panel_results tbody,
		#allele_tracker_panel_results th,
		#allele_tracker_panel_results td,
		#allele_tracker_panel_results tr{display: block;}
		#allele_tracker_panel_results thead tr {position: absolute;top: -9999px;left: -9999px;}
		#allele_tracker_panel_results tr {border: 1px solid #ccc;}
		#allele_tracker_panel_results td {border: none;border-bottom: 1px solid #eee;position: relative;padding-left: 50%;white-space: normal;text-align: left;}
		#allele_tracker_panel_results td:before {position: absolute;top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;text-align: left;font-weight: bold;}
		#allele_tracker_panel_results td:before {content: attr(data-title);}
		#allele_tracker_panel_results td:nth-of-type(1):before {content: "Product"}
		#allele_tracker_panel_results td:nth-of-type(2):before {content: "Allele Type"}
		#allele_tracker_panel_results td:nth-of-type(3):before {content: "Strain of Origin"}
		#allele_tracker_panel_results td:nth-of-type(4):before {content: "MGI Allele Name"}
		#allele_tracker_panel_results td:nth-of-type(5):before {content: "Allele Map"}
		#allele_tracker_panel_results td:nth-of-type(6):before {content: "Allele Sequence"}
		#allele_tracker_panel_results td:nth-of-type(7):before {content: "Order"}
	}
	#svgHolder div div {z-index:100;}
	.ui-dropdownchecklist-selector > .ui-icon {margin-top:4px;}
	.ui-dropdownchecklist-text {padding:2px;margin:0;}
	</style>

	<c:if test="${phenotypeStarted}">
        <!--[if !IE]><!-->
        <link rel="stylesheet" type="text/css" href="${drupalBaseUrl}/heatmap/css/heatmap.1.3.1.css">
        <!--<![endif]-->
        <!--[if IE 8]>
        <link rel="stylesheet" type="text/css" href="${drupalBaseUrl}/heatmap/css/heatmapIE8.1.2.css">
        <![endif]-->
        <!--[if gte IE 9]>
        <link rel="stylesheet" type="text/css" href="${drupalBaseUrl}/heatmap/css/heatmap.1.3.1.css">
        <![endif]-->
	</c:if>
        
    </jsp:attribute>

	<jsp:body>

		<div class='topic'>Gene: ${gene.symbol}  &nbsp;&nbsp;
		<c:choose>
		<c:when test="${registerButtonAnchor!=''}"><a href='${registerButtonAnchor}'  id='${registerButtonId}'  class='btn primary'>${registerInterestButtonString}</a></c:when>
		<c:otherwise><a  id='${registerButtonId}'  class='btn primary interest'>${registerInterestButtonString}</a></c:otherwise>
		</c:choose>
	</div>

	<div class="row-fluid dataset">
		<div class='documentation'><a href='${baseUrl}/documentation/gene-help.html#details' class='generalPanel'><img src="${baseUrl}/img/info_20x20.png" /></a></div>
		<div class="row-fluid">			
			<div class="container span12"><commit_msg>update version of IE8 css to 1.3.1<commit_after><%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="t" tagdir="/WEB-INF/tags"%>

<t:genericpage>
	<jsp:attribute name="title">Gene details for ${gene.name}</jsp:attribute>
	
   <jsp:attribute name="breadcrumb">&nbsp;&raquo; <a href="${baseUrl}/search#sort=marker_symbol asc&q=*:*&core=gene">Genes</a> &raquo; ${gene.symbol}</jsp:attribute>

	<jsp:attribute name="footer">

	<c:if test="${phenotypeStarted}">
	<script type="text/javascript" src="${drupalBaseUrl}/heatmap/js/heatmap.1.3.1.js"></script>
	<!--[if IE 8]>
        <script type="text/javascript">
        dcc.ie8 = true;
        </script>
	<![endif]-->  
    <!--[if !IE]><!-->
    <script>
        dcc.heatmapUrlGenerator = function(genotype_id, type) {
            return '${drupalBaseUrl}/phenoview?gid=' + genotype_id + '&qeid=' + type;
        };
    </script>
    <!--<![endif]-->
    <!--[if lt IE 9]>
    <script>
        dcc.heatmapUrlGenerator = function(genotype_id, type) {
           return '${drupalBaseUrl}/phenotypedata?g=' + genotype_id + '&t=' + type + '&w=all';
        };
    </script>
    <![endif]-->
    <!--[if gte IE 9]>
    <script>
        dcc.heatmapUrlGenerator = function(genotype_id, type) {
           return '${drupalBaseUrl}/phenoview?gid=' + genotype_id + '&qeid=' + type;
        };
    </script>
    <![endif]-->
    <script>
          //new dcc.PhenoHeatMap('procedural', 'phenodcc-heatmap', 'Fam63a', 'MGI:1922257', 6, '//dev.mousephenotype.org/heatmap/rest/heatmap/');
          new dcc.PhenoHeatMap({
                /* identifier of <div> node that will host the heatmap */
                'container': 'phenodcc-heatmap',

                /* colony identifier (MGI identifier) */
                'mgiid': '${gene.id.accession}',

                /* default usage mode: ontological or procedural */
                'mode': 'ontological',

                /* number of phenotype columns to use per section */
                'ncol': 5,

                /* heatmap title to use */
                'title': '${gene.symbol}',

                'url': {
                    /* the base URL of the heatmap javascript source */
                    'jssrc': '${drupalBaseUrl}/heatmap/js/',

                    /* the base URL of the heatmap data source */
                    'json': '${fn:replace(drupalBaseUrl, "https:", "")}/heatmap/rest/',

                    /* function that generates target URL for data visualisation */
                    'viz': dcc.heatmapUrlGenerator
                }
            });
    </script>
    </c:if>

	<!--[if !IE]><!-->
	<script type="text/javascript" src="${baseUrl}/js/genomic-browser/dalliance-compiled.js"></script>
	<!--<![endif]-->
	<script src="${baseUrl}/js/imaging/genomicB.js"></script>
		<script src="${baseUrl}/js/general/dropdownfilters.js"></script>
	</jsp:attribute>
	

	<jsp:attribute name="header">
	<script type="text/javascript">var gene_id = '${acc}';</script>
	<%-- <link rel="stylesheet" type="text/css" href="${baseUrl}/css/ui.dropdownchecklist.standalone.css"/> --%>
<link rel="stylesheet" type="text/css" href="${baseUrl}/css/ui.dropdownchecklist.themeroller.css"/>
<link rel="stylesheet" type="text/css" href="${baseUrl}/css/custom.css"/>
	<script src="${baseUrl}/js/general/toggle.js"></script>
	<script src="${baseUrl}/js/general/enu.js"></script>
<!-- <script src="http://dropdown-check-list.googlecode.com/svn/trunk/doc/jquery-ui-1.8.13.custom.min.js"></script> -->
	<style>
	/* Force allele table to not be like tables anymore for responsive layout */
	@media only screen and (max-width: 800px) {
		#allele_tracker_panel_results table,
		#allele_tracker_panel_results thead,
		#allele_tracker_panel_results tbody,
		#allele_tracker_panel_results th,
		#allele_tracker_panel_results td,
		#allele_tracker_panel_results tr{display: block;}
		#allele_tracker_panel_results thead tr {position: absolute;top: -9999px;left: -9999px;}
		#allele_tracker_panel_results tr {border: 1px solid #ccc;}
		#allele_tracker_panel_results td {border: none;border-bottom: 1px solid #eee;position: relative;padding-left: 50%;white-space: normal;text-align: left;}
		#allele_tracker_panel_results td:before {position: absolute;top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;text-align: left;font-weight: bold;}
		#allele_tracker_panel_results td:before {content: attr(data-title);}
		#allele_tracker_panel_results td:nth-of-type(1):before {content: "Product"}
		#allele_tracker_panel_results td:nth-of-type(2):before {content: "Allele Type"}
		#allele_tracker_panel_results td:nth-of-type(3):before {content: "Strain of Origin"}
		#allele_tracker_panel_results td:nth-of-type(4):before {content: "MGI Allele Name"}
		#allele_tracker_panel_results td:nth-of-type(5):before {content: "Allele Map"}
		#allele_tracker_panel_results td:nth-of-type(6):before {content: "Allele Sequence"}
		#allele_tracker_panel_results td:nth-of-type(7):before {content: "Order"}
	}
	#svgHolder div div {z-index:100;}
	.ui-dropdownchecklist-selector > .ui-icon {margin-top:4px;}
	.ui-dropdownchecklist-text {padding:2px;margin:0;}
	</style>

	<c:if test="${phenotypeStarted}">
        <!--[if !IE]><!-->
        <link rel="stylesheet" type="text/css" href="${drupalBaseUrl}/heatmap/css/heatmap.1.3.1.css">
        <!--<![endif]-->
        <!--[if IE 8]>
        <link rel="stylesheet" type="text/css" href="${drupalBaseUrl}/heatmap/css/heatmapIE8.1.3.1.css">
        <![endif]-->
        <!--[if gte IE 9]>
        <link rel="stylesheet" type="text/css" href="${drupalBaseUrl}/heatmap/css/heatmap.1.3.1.css">
        <![endif]-->
	</c:if>
        
    </jsp:attribute>

	<jsp:body>

		<div class='topic'>Gene: ${gene.symbol}  &nbsp;&nbsp;
		<c:choose>
		<c:when test="${registerButtonAnchor!=''}"><a href='${registerButtonAnchor}'  id='${registerButtonId}'  class='btn primary'>${registerInterestButtonString}</a></c:when>
		<c:otherwise><a  id='${registerButtonId}'  class='btn primary interest'>${registerInterestButtonString}</a></c:otherwise>
		</c:choose>
	</div>

	<div class="row-fluid dataset">
		<div class='documentation'><a href='${baseUrl}/documentation/gene-help.html#details' class='generalPanel'><img src="${baseUrl}/img/info_20x20.png" /></a></div>
		<div class="row-fluid">			
			<div class="container span12">
{'fraction_non_alphanumeric': 0.18923136948888022, 'fraction_numerical': 0.011783066718689037, 'mean_word_length': 3.4686192468619246, 'pattern_counts': {'":': 0, '<': 199, '<?xml version=': 0, '>': 195, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 1, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1060315', 'n_tokens_mistral': 4700, 'n_tokens_neox': 4346, 'n_words': 765}