Clean up embedding of javascript libraries:
During code inspections I've encoutered multiple files where javascript was imported not on the top.
This should be changed. I suggest moving all imports to the top or (and this is how it was done until now) moving all imports into the header:
...
<meta name="description" content="Landing Page">
<meta name="author" content="guertlms">
<title>System Test Portal</title>
<!-- Bootstrap core CSS -->
<link href="/static/libraries/bootstrap-4.0.0-beta-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="/static/css/stp-custom.css" rel="stylesheet" type="text/css">
<!-- Icons -->
<link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- jQuery -->
<script src="/static/assets/js/vendor/jquery-3.2.1.min.js"></script>
<!-- jQuery UI -->
<script src="/static/libraries/jquery-sortable/js/jquery-ui.min.js"></script>
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/img/favicons/favicon-16x16.png">
<link rel="manifest" href="/static/img/favicons/manifest.json">
<link rel="shortcut icon" href="/static/img/favicons/favicon.ico">
...
This would increase code quality and code clarity as well as readability.
One file one could see this is
-
/templates/tab-project/testsequences/new.tmpl
(about line 210)