simonjenga/CompanyRestService

move the script tag with inline javascript and css to an external stylesheet

Closed this issue · 1 comments

simonjenga commented 
<head>  
    <title>Company Rest Service</title>
    <link type="text/css" rel="stylesheet" href="<c:url value='/static/css/bootstrap.min.css' />"></link>
    <link type="text/css" rel="stylesheet" href="<c:url value='/static/css/app.css' />"></link>

    <script type="text/javascript" src="<c:url value='/static/js/angular.min.js' />"></script>
    <script type="text/javascript" src="<c:url value='/static/js/app.js' />"></script>
    <script type="text/javascript" src="<c:url value='/static/js/service/company_service.js' />"></script>
    <script type="text/javascript" src="<c:url value='/static/js/controller/company_controller.js' />"></script>

    <script type="text/javascript">
        document.open();
        document.write(
            '<style type="text/css" rel="stylesheet">\n',
            'table#listCompanies tr:nth-child(even) { background-color:#DDDDDD !important; }',
            'table#listCompanies tr:hover:nth-child(odd) { background-color:#BCD2E5 !important; }',
            'table#listCompanies tr:hover:nth-child(even) { background-color:#BCD2E5 !important; }',
            '</style>\n'
        );
        document.close();
    </script>
</head>
simonjenga commented

fixed at #5