Default page

Edit File: layout.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="referer" content="never" />
		<meta name="renderer" content="webkit" />
		<title>{{g.title}}</title>
		<link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon" />
		<link href="{{g.cdn_url}}/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet" />
		<link href="{{g.cdn_url}}/codemirror/lib/codemirror.css?20191127={{g['version']}}" rel="stylesheet" />
		<link href="{{g.cdn_url}}/css/site.css?version={{g['version']}}&repair={{data['js_random']}}" rel="stylesheet" />
		{% for css_f in g['other_css'] %}
		<link href="{{css_f}}" rel="stylesheet" />
		{% endfor %}
		
		<style>
			.contextmenu {
				position: absolute;
				width: 120px;
				background: #ffffff;
				border-radius: 5px;
				overflow: hidden;
				z-index: 99999999;
			}

.contextmenu li {
				border-left: 3px solid transparent;
				transition: ease 0.3s;
			}

.contextmenu li:hover {
				background: #707070;
				border-left: 3px solid #333;
			}

.contextmenu li a {
				display: block;
				padding: 5px 10px;
				color: #000000;
				text-decoration: none;
				transition: ease 0.3s;
				cursor: default;
			}

.contextmenu li:hover a {
				color: #fff;
			}
			.toolbar-right {
				width: 35px;
				height: 35px;
				position: fixed;
				right: 0;
				bottom: 120px;
				display: flex;
				background-color: #fff;
				box-shadow: 0 0 4px 0 #ccc;
				flex-direction: column;
				flex-wrap: nowrap;
				align-items: center;
				justify-content: center;
				border-radius: 4px;
			}

.toolbar-right .feedback {
				display: inline-block;
				height: 35px;
				width: 35px;
				position: relative;
				background-repeat: no-repeat;
				background-position: center center;
				border-radius: 4px;
				background-size: 13.5px;
			}
			.toolbar-right .feedback {
				background-image: url('/static/img/feedback.svg');
				border-bottom-left-radius: 4px;
				border-bottom-right-radius: 4px;
			}

.feedback-iframe .layui-layer-content {
				overflow: hidden !important;
			}
		</style>
		<script type="text/javascript">
			var recycle_bin_db_open = !!{{g['recycle_bin_db_open']}};
			var recycle_bin_open = !!{{g['recycle_bin_open']}};
			var ie_version = (function() {
			  var userAgent = navigator.userAgent;
			  var isLessIE11 = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1;
			  var isEdge = userAgent.indexOf('Edge') > -1 && !isLessIE11;
			  var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf('rv:11.0') > -1;
			  if (isLessIE11) {
			    var IEReg = new RegExp('MSIE (\\d+\\.\\d+);');
			    IEReg.test(userAgent);
			    var IEVersionNum = parseFloat(RegExp['$1']);
			    if (IEVersionNum === 7) {// IE7
			      return 7
			    } else if (IEVersionNum === 8) {// IE8
			      return 8
			    } else if (IEVersionNum === 9) {// IE9
			      return 9
			    } else if (IEVersionNum === 10) { // IE10
			      return 10
			    } else {
			      return 6
			    }
			  } else if (isEdge) { // edge
			    return 'edge'
			  } else if (isIE11) {// IE11
			    return 11
			  } else {// 不是ie浏览器
			    return -1
			  }
			}());
			if (ie_version != -1 && ie_version < 10 && ie_version != 'edge') {
			  window.location.href = '/tips';
			}
			if(ie_version != -1 && ( ie_version >= 10 || ie_version === 'edge')){
			  var title = document.createElement('div');
			  title.setAttribute('class', 'content');
			  title.setAttribute('style', 'height: 50px;position: absolute;top: 0;left: 0;right: 0;line-height: 50px;z-index: 9999999;background: rgba(0,0,0,.5);text-align: center;color: #ff922e;font-size: 19px;font-weight: 600;')
			  title.innerHTML = '<span>The current version of IE browser is too low, some functions cannot be displayed, please change to other browsers!</span><span class="compatibility_tips" style="position: absolute;right: 15px;top: 10px;font-size: 14px;display: inline-block; height: 30px;line-height: 28px;padding: 0 12px;font-weight: 500;color: #ffffff; border-radius: 4px;cursor: pointer;border: 2px solid #ffffff;font-weight: 500;">Close Tips</span>';
			  title.querySelector('.compatibility_tips').addEventListener('click',function(res){
			      var parentNode = this.parentElement;
			      parentNode.parentElement.removeChild(parentNode);
			  });
			  document.querySelector('html').appendChild(title);
			}
			if (!window.location.origin) {
			  window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port: '');
			}
		</script>
	</head>
	<body>
		<div class="bt-warp bge6">
			<a style="display: none" id="panel_debug" data="{{g['debug']}}" data-pyversion="{{g['pyversion']}}"></a>
			<a style="display: none" id="request_token_head" token="{{session['request_token_head']}}"></a>
			<div id="container" class="container-fluid">
				<div class="sidebar-scroll" id="showMainView">
					
				</div>
				<button style="display: none" id="bt_copys" class="bt_copy" data-clipboard-text=""></button>
				<a style="display: none" id="defaultPath">{{session['config']['sites_path']}}</a> {% block content %}{% endblock %}
				<div class="toolbar-right">
					<a href="javascript:;" class="feedback"></a>
				</div>
				<div class="footer bgw">
					{{session['brand']}}{{session['product']}} ©2014-{{session['yaer']}} {{session['brand']}} (bt.cn)
					
					<a style="margin-left: 20px; color: #20a53a" href="http://www.aapanel.com/forum" target="_blank">{{session['bt_help']}}</a>
					<a style="margin-left: 20px; color: #20a53a" href="https://doc.aapanel.com/web/#/3?page_id=117" target="_blank">Documentation</a>
				</div>
			</div>
			<script type="text/javascript">
				var recycle_bin_db_open = "{{g['recycle_bin_db_open']}}" === '1';
				var recycle_bin_open = "{{g['recycle_bin_open']}}" === '1';
				var update_code = "{{data['js_random']}}";
				var panel_version = "{{g['version']}}";
				var cdn_url = '{{g.cdn_url}}';
			</script>

{% if request.path == '/btwaf/index' %}
			<script type="text/javascript" src="{{g.cdn_url}}/js/jquery-2.2.4.min.js"></script>
			<script type="text/javascript" src="{{g.cdn_url}}/layer/layer.js?version={{g['version']}}"></script>
			<script type="text/javascript" src="{{g.cdn_url}}/language/{{session['lan']}}/lan.js?version={{g['version']}}&repair={{data['js_random']}}"></script>
			<script type="text/javascript" src="{{g.cdn_url}}/js/clipboard.min.js" defer></script>
			<script type="text/javascript" src="{{g.cdn_url}}/laydate/laydate.js" defer></script>
			<script type="text/javascript" src="{{g.cdn_url}}/js/jquery.qrcode.min.js"></script>
			<script type="text/javascript" src="{{g.cdn_url}}/js/public.js?version={{g['version']}}&repair={{data['js_random']}}"></script>
			<script type="text/javascript" src="{{g.cdn_url}}/js/public_backup.js?version={{g['version']}}&repair={{data['js_random']}}"></script>
			<script type="text/javascript" src="{{g.cdn_url}}/js/tools.js?version={{g['version']}}&repair={{data['js_random']}}"></script>
			<script src="{{g.cdn_url}}/js/jsencrypt.min.js?version={{g['version']}}&repair={{data['js_random']}}"></script>
			{% endif %} {% block scripts %}
			<script src="{{g.cdn_url}}/js/jquery-1.10.2.min.js"></script>
			<script src="{{g.cdn_url}}/layer/layer.js?version={{g['version']}}"></script>
			<script src="{{g.cdn_url}}/language/{{session['lan']}}/lan.js?version={{g['version']}}&repair={{data['js_random']}}"></script>
			<script src="{{g.cdn_url}}/js/clipboard.min.js" defer></script>
			<script src="{{g.cdn_url}}/laydate/laydate.js" defer></script>
			<script src="{{g.cdn_url}}/js/jquery.qrcode.min.js" defer></script>

<script src="{{g.cdn_url}}/js/bootstrap.min.js"></script>
			<script src="{{g.cdn_url}}/js/public.js?version={{g['version']}}&repair={{data['js_random']}}"></script>
			<script src="{{g.cdn_url}}/js/public_backup.js?version={{g['version']}}&repair={{data['js_random']}}"></script>
			<script src="{{g.cdn_url}}/codemirror/lib/codemirror.js" defer></script>
			
			<script type="text/javascript" src="{{g.cdn_url}}/js/tools.js?version={{g['version']}}&repair={{data['js_random']}}"></script>
			{% for js_f in g['other_js'] %}
			<script type="text/javascript" src="{{js_f}}"></script>
			{% endfor %}
			<script type="text/javascript">
				// 评分
				var id = 0;
				$('.feedback').hover(
					function () {
						$('.toolbar-right .service').attr('style', '');
						$('.toolbar-right').attr('style', '');
						too = false;
						num = 0;
						$('#wechat-customer').addClass('hide');
						id = layer.tips('Click to open the survey', '.feedback', {
							tips: [4, 'rgb(54, 58, 80)'],
							id: 'feedback_id',
							time: 0,
							success: function (layero, index) {
								var top = layero.css('top');
								layero.css('top', parseInt(top) + 'px');
							},
						});
						$('.toolbar-right').css({
							'border-bottom-left-radius': '4px',
							'border-bottom-right-radius': '4px',
						});
						$(this).css({
							'background-image': 'url(/static/img/feedback_2.svg)',
							'background-color': 'rgb(32, 165, 58)',
						});
					},
					function () {
						layer.close(id);
						$(this).attr('style', '');
						$('.toolbar-right').attr('style', '');
					}
				);
				var isNps = window.localStorage.getItem('NPS');
				$('.toolbar-right .feedback').on('click', function () {
					if ($('.nps_survey').length >= 1) return false; //防止多层
					if (window.localStorage.getItem('panelNPS') == null) window.localStorage.setItem('panelNPS', true);
					layer.open({
						type: 1,
						title: false,
						offset: 'auto',
						btn: false,
						area: '580px',
						skin: 'nps_survey',
						closeBtn: 2,
						content:
							'<div class="nps_survey_box"">\
	           <div class="nps_survey_banner">\
	                <span>\
	                    <i></i>\
	                    <span style="vertical-align: 4px;">aaPanel product experience survey</span>\
	                </span>\
	           </div>\
	           <div style="padding:30px 40px;">\
    	           <div class="nps_survey_score" style="height: 130px;">\
                   <div class="survey_title">How likely are you to recommend a aaPanel to a friend or colleague?</div>\
                   <ul class="survey_score_num small">\
                        <li data-content="0">0</li>\
                        <li data-content="1">1</li>\
                        <li data-content="2">2</li>\
                        <li data-content="3">3</li>\
                        <li data-content="4">4</li>\
                        <li data-content="5">5</li>\
                        <li data-content="6">6</li>\
                    </ul>\
                    <ul class="survey_score_num medium">\
                        <li data-content="7">7</li>\
                        <li data-content="8">8</li>\
                    </ul>\
                    <ul class="survey_score_num large">\
                        <li data-content="9">9</li>\
                        <li data-content="10">10</li>\
                    </ul>\
    	           </div>\
    	           <div class="nps_survey_content hide">\
											<div class="nps_survey_line">\
												<span class="nps_survey_title"><i>* </i>1.What needs of yours have not yet been met on the aaPpanel?</span>\
												<textarea type="text" name="problem_one" placeholder="">

When you use the product, what needs have not been met, or what bugs have not
been solved, please describe your problems or needs to us in detail, and we will try
our best to solve and develop corresponding functions for you