Force JS and CSS files to reload if hte file mtimes change
This commit is contained in:
Steve Beaver 2017-02-15 12:51:54 -05:00
parent ca0f9142e9
commit 09ba8bb752
2 changed files with 13 additions and 10 deletions

View File

@ -37,13 +37,15 @@
</div>
</footer>
<script src="/vendor/jquery/jquery-1.12.0.min.js"></script>
<script src="/vendor/jquery/jquery-ui-1.11.4.min.js"></script>
<script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="/js/pfSense.js"></script>
<script src="/js/pfSenseHelpers.js"></script>
<script src="/js/polyfills.js"></script>
<script src="/vendor/sortable/sortable.js"></script>
<!-- This use of filemtime() is intended to fool the browser into reloading the file (not using the cached version) if the file is changed -->
<script src="/vendor/jquery/jquery-1.12.0.min.js?v=<?=filemtime('/usr/local/www/vendor/jquery/jquery-1.12.0.min.js')?>"></script>
<script src="/vendor/jquery/jquery-ui-1.11.4.min.js?v=<?=filemtime('/usr/local/www/vendor/jquery/jquery-ui-1.11.4.min.js')?>"></script>
<script src="/vendor/bootstrap/js/bootstrap.min.js?v=<?=filemtime('/usr/local/www/vendor/bootstrap/js/bootstrap.min.js')?>"></script>
<script src="/js/pfSense.js?v=<?=filemtime('/usr/local/www/js/pfSense.js')?>"></script>
<script src="/js/pfSenseHelpers.js?v=<?=filemtime('/usr/local/www/js/pfSenseHelpers.js')?>"></script>
<script src="/js/polyfills.js?v=<?=filemtime('/usr/local/www/js/polyfills.js')?>"></script>
<script src="/vendor/sortable/sortable.js?v=<?=filemtime('/usr/local/www/vendor/sortable/sortable.js')?>"></script>
<script type="text/javascript">
//<![CDATA[

View File

@ -54,9 +54,10 @@ if (!isset($config['system']['webgui']['dashboardcolumns'])) {
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/vendor/sortable/sortable-theme-bootstrap.css">
<link rel="stylesheet" href="<?=$cssfile?>" />
<link rel="stylesheet" href="/vendor/font-awesome/css/font-awesome.min.css?v=<?=filemtime('/usr/local/www/vendor/font-awesome/css/font-awesome.min.css')?>">
<link rel="stylesheet" href="/vendor/sortable/sortable-theme-bootstrap.css?v=<?=filemtime('/usr/local/www/vendor/sortable/sortable-theme-bootstrap.css')?>">
<link rel="stylesheet" href="<?=$cssfile?>?v=<?=filemtime('/usr/local/www/' . $cssfile)?>" />
<title><?=$tabtitle?></title>
<script type="text/javascript">
//<![CDATA[