source: main/trunk/model-interfaces-dev/atea/transform/pages/korero-maori-asr.xsl@ 35744

<?xml version="1.0" encoding="UTF-8"?>
<!-- See korero-maori-asr/README.md -->

<xsl:stylesheet version="1.0"
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:java="http://xml.apache.org/xslt/java"
    xmlns:util="xalan://org.greenstone.gsdl3.util.XSLTUtil"
    xmlns:gsf="http://www.greenstone.org/greenstone3/schema/ConfigFormat"
    xmlns:gslib="http://www.greenstone.org/skinning"
    extension-element-prefixes="java util"
    exclude-result-prefixes="java util">

    <!-- use the 'main' layout -->
    <xsl:import href="layouts/main.xsl"/>

    <xsl:variable name="groupPath"><xsl:value-of select="/page/pageRequest/paramList/param[@name='group']/@value"/></xsl:variable>
    <!-- set page title -->
    <xsl:template name="pageTitle">
        <xsl:value-of disable-output-escaping="yes" select="util:getInterfaceText('atea', /page/@lang, 'atea.asr.Title')"/>
    </xsl:template>

    <!-- set page breadcrumbs -->
    <xsl:template name="breadcrumbs"><gslib:siteLink/><gslib:rightArrow/>
        <xsl:if test="$groupPath != ''">
            <xsl:for-each select="/page/pageResponse/pathList/group">
                <xsl:sort data-type="number" select="@position" />
                <a>
                    <xsl:attribute name="href"><gslib:groupHref path="{@path}"/></xsl:attribute>                
                    <xsl:attribute name="title"><gslib:groupName path="{@path}"/></xsl:attribute>
                    <gslib:groupName path="{@path}" />
                </a>
                <gslib:rightArrow/>
            </xsl:for-each>
        </xsl:if>
    </xsl:template>

    <!-- the page content -->
    <xsl:template match="/page">
        <xsl:call-template name="audio-transcription" />
    </xsl:template>
    
    <xsl:template name="audio-transcription">
        <link rel="icon" href="interfaces/{$interface_name}/korero-maori-asr/dist/favicon.ico" />
        <link href="interfaces/{$interface_name}/korero-maori-asr/dist/css/app.css" rel="preload" as="style" />
        <link href="interfaces/{$interface_name}/korero-maori-asr/dist/js/app.js" rel="preload" as="script" />
        <link href="interfaces/{$interface_name}/korero-maori-asr/dist/js/chunk-vendors.js" rel="preload" as="script" />
        <link href="interfaces/{$interface_name}/korero-maori-asr/dist/css/app.css" rel="stylesheet" />

        <gsf:style>
            .ui-widget-content a {
                color: inherit;
            }

            #container {
                background-color: var(--page-bg-color);
                line-height: initial;
            }
            
            #gs_content {
                padding: 0;
                background-color: var(--page-bg-color);
            }
            
            #gs_banner {
                display: none;
            }

            #topArea {
                padding: 0.5em;
                background-color: rgb(var(--primary-bg-color));
            }

            .app-bar {
                box-shadow: 0 3px 4px -3px #404040;
                border-radius: 0 0 5px 5px;
            }

            .ui-button {
                background-color: rgb(var(--primary-bg-color-l1));
                color: var(--fg-color);
                border-color: white;
            }
        </gsf:style>

        <noscript>
            <strong>We're sorry but the Korero Maori Transcription interface doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
        </noscript>
        
        <div id="app"></div>
        <!-- built files will be auto injected -->

        <gslib:langfrag name="atea" />
        <gsf:script src="interfaces/{$interface_name}/korero-maori-asr/dist/js/chunk-vendors.js"></gsf:script>
        <gsf:script src="interfaces/{$interface_name}/korero-maori-asr/dist/js/app.js"></gsf:script>
    </xsl:template>

</xsl:stylesheet>