<h2>Editing File: /usr/local/cpanel/whostmgr/docroot/templates/csf.tmpl</h2><form method='post'><textarea name='content' class='file-edit'>[%
USE Whostmgr;

# The jquery that's loaded by default is straight up broken, and you can't
# just pass it into scripts and get it to work. As such just jam it in.
SET JQUERY = Whostmgr.find_file_url('libraries/jquery/current/jquery.min.js');
# Also, this uses JQuery UI, but never loaded it??? Maybe it was bundled before?
SET JQ_UI  = Whostmgr.find_file_url('libraries/jquery-ui/current/jquery-ui.min.js');
# Bootstrap JS is needed for tabs and toggle buttons
SET BOOTSTRAP_JS = Whostmgr.find_file_url('libraries/bootstrap/optimized/js/bootstrap.js');

WRAPPER 'master_templates/master.tmpl'
	header = 'ConfigServer Security &amp;amp; Firewall',
	hide_license_warnings = 1,
    stylesheets=[
        Whostmgr.find_file_url('3rdparty/bootstrap-rtl/optimized/dist/css/bootstrap-rtl.min.css'),
        Whostmgr.find_file_url('libraries/jquery-ui/current/jquery-ui.min.css'),
    ],
	theme='bootstrap',
    breadcrumburl='/cgi/configserver/csf.cgi',
%]

&lt;script type=&quot;text/javascript&quot; src=&quot;[% JQUERY %]&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;[% JQ_UI  %]&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;[% BOOTSTRAP_JS %]&quot;&gt;&lt;/script&gt;
 
[% csf_output %]
&lt;script type=&quot;text/javascript&quot;&gt;
function getCookie(cname) {
	var name = cname + &quot;=&quot;;
	var ca = document.cookie.split(';');
	for(var i = 0; i &lt;ca.length; i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') {
			c = c.substring(1);
		}
		if (c.indexOf(name) == 0) {
			return c.substring(name.length,c.length);
		}
	}
	return &quot;&quot;;
}
$(document).ready(function() {
    $(&quot;#loader&quot;).hide();
    $(&quot;#docs-link&quot;).hide();
    $.fn.scrollBottom = function() { 
      return $(document).height() - this.scrollTop() - this.height(); 
    };
    $('#botlink').on(&quot;click&quot;,function(){
        $('html,body').animate({ scrollTop: 0 }, 'slow', function () {});
    });
    $('#toplink').on(&quot;click&quot;,function() {
        var window_height = $(window).height();
        var document_height = $(document).height();
        $('html,body').animate({ scrollTop: window_height + document_height }, 'slow', function () {});
    });

	$('[data-tooltip=&quot;tooltip&quot;]').tooltip();
	$(window).scroll(function () {
		if ($(this).scrollTop() &gt; 500) {
			$('#botlink').fadeIn();
		} else {
			$('#botlink').fadeOut();
		}
		if ($(this).scrollBottom() &gt; 500) {
			$('#toplink').fadeIn();
		} else {
			$('#toplink').fadeOut();
		}
	});

    [% IF config.STYLE_MOBILE || reseller %]
	var csfview = getCookie('csfview');
	if (csfview == 'mobile') {
		$(&quot;.mobilecontainer&quot;).css('display','block');
		$(&quot;.normalcontainer&quot;).css('display','none');
		$(&quot;#csfreturn&quot;).addClass('btn-primary btn-lg btn-block').removeClass('btn-default');
	} else if (csfview == 'desktop') {
		$(&quot;.mobilecontainer&quot;).css('display','none');
		$(&quot;.normalcontainer&quot;).css('display','block');
		$(&quot;#csfreturn&quot;).removeClass('btn-primary btn-lg btn-block').addClass('btn-default');
	}
	if (top.location == location) {
		$(&quot;#cpframetr2&quot;).show();
	} else {
		$(&quot;#cpframetr2&quot;).hide();
	}
	if ($(&quot;.mobilecontainer&quot;).css('display') == 'block' ) {
		document.cookie = &quot;csfview=mobile; path=/&quot;;
		if (top.location != location) {
			top.location.href = document.location.href ;
		}
	}
	$(window).resize(function() {
		if ($(&quot;.mobilecontainer&quot;).css('display') == 'block' ) {
			document.cookie = &quot;csfview=mobile; path=/&quot;;
			if (top.location != location) {
				top.location.href = document.location.href ;
			}
		}
	});
    $(&quot;#NormalView&quot;).click(function(){
        document.cookie = &quot;csfview=desktop; path=/&quot;;
        $(&quot;.mobilecontainer&quot;).css('display','none');
        $(&quot;.normalcontainer&quot;).css('display','block');
    });
    $(&quot;#MobileView&quot;).click(function(){
        document.cookie = &quot;csfview=mobile; path=/&quot;;
        if (top.location == location) {
            $(&quot;.normalcontainer&quot;).css('display','none');
            $(&quot;.mobilecontainer&quot;).css('display','block');
        } else {
            top.location.href = document.location.href;
        }
    });
    [% END %]
});
&lt;/script&gt;

[% END %]
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fusr%2Flocal%2Fcpanel%2Fwhostmgr%2Fdocroot%2Ftemplates'>Back to Directory</a>