platform/web/themes/default/site/editor.html

{template 'common/header'}
<link href="./resource/css/app.css" rel="stylesheet">
{template 'mc/common'}
{if $do == 'uc'}
<div id="ng_userCenterApp" class="site-box">
{php echo tpl_ueditor('')}
<form action="" method="post" class="form-horizontal">
	<input type="hidden" name="multiid" value="{$multiid}" />
	<input type="hidden" name="id" value="{$id}" />
	<div class="usercenter" ng-controller="MainCtrl" ng-cloak>
		<div class="app clearfix">
			<input type="hidden" name="wapeditor[params]" id="wapeditor-params" value="{{submit.params}}" />
			<input type="hidden" name="wapeditor[html]" id="wapeditor-html" value="{{submit.html}}" />
			<input type="hidden" name="wapeditor[nav]" id="wapeditor-nav" value="{{activeMenus}}" />
			<div class="app-region">
				<div class="panel">
					<div class="panel-body">
						<label class="text-center col-sm-1">基础</label>
						<ul class="app-add-filed clearfix">
							<li ng-repeat="m in modules" ng-if="m.isbase == true" ng-click="addItem(m['id'])"><a id="{{m['id']}}" class="btn btn-default" href="#" ng-bind="m['name']"></a></li>
						</ul>
						<label class="text-center col-sm-1">组件</label>
						<ul class="app-add-filed clearfix">
							<li ng-repeat="m in modules" ng-if="!m.issystem && !m.isbase" ng-click="addItem(m['id'])"><a id="{{m['id']}}" class="btn btn-default" href="#" ng-bind="m['name']"></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="app-header"><div class="app-header-content" ></div></div>
			<div class="app-preview">
				<div class="app-content">
					<div class="app-usercenter">
						<div class="inner">
							<div>
								<div ng-if="module['id'] == 'UCheader'" id="module-{{module.index}}" name="{{module.id}}" index="{{module.index}}" ng-class="{'js-sorttable' : !module.issystem}" ng-repeat="module in activeModules | orderBy:'displayorder'"	ng-style="{'border' : module.issystem ? 'none' : ''}">
									<div ng-init="displayPanel = ('widget-'+(module['id'].toLowerCase())+'-display.html')" ng-include="displayPanel" ng-click="editItem(module.index)"></div>
								</div>
							</div>
							<div class="clearfix">
								<div class="nav-action">
									<a class="nav-action-list" href="javascript:;">
										<img src="{php echo $_W['siteroot']}/web/resource/images/app/sum-recharge.png" alt=""/>
										<span>余额充值</span>
									</a>
									<a class="nav-action-list" href="javascript:;">
										<img src="{php echo $_W['siteroot']}/web/resource/images/app/scan-pay.png" alt=""/>
										<span>扫码付款</span>
									</a>
								</div>
								<div class="mnav-box">
									<ul ng-show="activeMenus.length > 0" class="mnav-box-ul">
										<li ng-repeat="menu in activeMenus" ng-if="menu.status != 0">
											<a class="mnav-box-list" ng-href="{{menu.url}}">
												<!--<i ng-class="menu.css.icon.icon"></i>-->
												{{menu.name}}
												<span class="pull-right"><i class="fa fa-angle-right"></i></span>
											</a>
										</li>
									</ul>
									<ul class="mnav-box-ul">
										{if isset($setting['uc']['status']) && $setting['uc']['status'] == '1'}
										{if !empty($ucUser)}
										<li>
											<a class="mnav-box-list" href="{php echo url('mc/uc', array('foo' => 'unbind'))}">
												已绑定{$setting['uc']['title']}账号({$ucUser['username']}), 点击解除绑定
											</a>
										</li>
										{else}
										<li>
											<a class="mnav-box-list" href="{php echo url('mc/uc', array('foo' => 'bind'))}">
												绑定{$setting['uc']['title']}账号
											</a>
										</li>
										{/if}
										{/if}
										{if $reregister}
										<li class="alert-li">
											<a class="mnav-box-list" href="{php echo url('mc/bond/email')}">
												<span class="">重置重要资料</span>
												<span class="pull-right"><span class="btn btn-default">重置</span></span>
											</a>
										</li>
										{/if}
									</ul>
									<div class="modules" we7-edit-key-map>
										<div ng-if="module['id'] && module['id'] != 'UCheader'" id="module-{{module.index}}" name="{{module.id}}" index="{{module.index}}" ng-class="{'js-sorttable' : !module.issystem}" ng-repeat="module in activeModules"	ng-style="{'border' : module.issystem ? 'none' : ''}">
											<div ng-init="displayPanel = ('widget-'+(module['id'].toLowerCase())+'-display.html')" ng-include="displayPanel" ng-click="editItem(module.index)"></div>
										</div>
									</div>

								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="app-side">
				<div class="editor ng-scope">
					<div class="ng-scope">
						<div class="app-header-setting">
							<div class="app-header-setting-inner">
								<div class="panel panel-default">
									<div class="panel-body form-horizontal">
										<div data-toggle="tooltip" title="微信扫描，在手机上预览" data-placement="bottom" style="width:30px;height:30px;line-height:30px;position:absolute;right:0px;top:0px;z-index:100"><a class="text-over" href="javascript:void(0);" id="ucQrcode"><i class="wi wi-qrcode"></i></a></div>
										<p><img id="qrcode" style="width:100px;display:none" src="{php echo url('site/editor/qrcode',array('text' =>murl('mc', array(), true, true)))}"/></p>
										<p>会员中心入口链接</p>
										<p><span><a>{{siteEntrance}}</a></span></p>
										<p><a href="javascript:;" on-copied="success(2)" id="copy-2" clipboard supported="supported" text="siteEntrance" type="button" class="btn btn-primary">复制链接</a></p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div ng-init="editorPanel = ('widget-'+(activeItem['id'].toLowerCase())+'-editor.html'.toLowerCase())" ng-show="activeItem.id == editorid" ng-repeat="editorid in editors" ng-include="editorPanel" id="editor{{editorid}}" class="editor"></div>
				<div ng-show="activeItem['id'] && activeItem['id'] != 'UCheader'" we7-style></div>
			</div>
			<div class="app-footer"><div we7-pagelength></div></div>
		</div>
	</div>
	<nav class="navbar navbar-default navbar-uc" role="navigation">
		<div class=" text-center we7-margin-vertical-sm">
			<div class="js-editor-submit-div">
				<button type="button" class="btn btn-primary btn-submit js-editor-submit single-submit">上架</button>
			</div>
		</div>
	</nav>
</form>
<script type="text/javascript">
	$(function(){
		$('.app-preview').click(function(){
			return false;
		});
		$("#ucQrcode").click(function(){
			if ($("#qrcode").is(":hidden")) {
				$("#qrcode").show();
			} else {
				$("#qrcode").hide();
			}
		})
	});
	require(['underscore', 'jquery.ui', 'hammer', 'datetimepicker'], function(_) {
		var activeModules = {php echo !empty($page['params']) ? $page['params'] : 'null'};
		var activeMenus = {php echo !empty($navs) ? json_encode($navs) : 'null'};
		var siteroot = "{php echo $_W['siteroot']}";
		angular.module('userCenterApp').value('config',{
			'activeModules' : activeModules,
			'activeMenus' : activeMenus,
			'siteroot' : siteroot,
			'links' :{
				'murl':"{php echo murl('mc', array(), true, true)}"
			}
		});
		angular.bootstrap($('#ng_userCenterApp'), ['userCenterApp']);
	});
</script>
</div>
{elseif $do == 'quickmenu'}
<div id="ng_quickmenu">
<form action="" method="post">
	<div class="shopNav" id="quickmenu" ng-controller="MainCtrl">
		<div class="well clearfix">
			<div class="shopNav-info col-sm-8">
				<h3>快捷导航</h3>
				<div>微站的各个页面可以通过导航串联起来。通过精心设置的导航，方便访问者在页面或是栏目间快速切换，引导访问者前往您期望的页面。</div>
			</div>
			<div class="shopNav-switch col-sm-4 text-right">
				<input name="status" class="form-control" value="{$page['status']}" style="display: none;">
				<div class="{if !empty($page['status'])}switch switchOn{else}switch{/if}" id="switch" onclick="changeSwitch()"></div>
			</div>
		</div>
		<input type="hidden" name="multiid" value="{$multiid}" />
		<input type="hidden" name="type" value="{$type}" />
		<input type="hidden" name="wapeditor[params]" id="wapeditor-params" value="{{submit.params}}"/>
		<input type="hidden" name="wapeditor[html]" id="wapeditor-html" value="{{submit.html}}"/>
		<div class="app clearfix">
			<div class="app-preview">
				<div class="app-header" ></div>
				<div class="app-content">
					<div class="modules">
						<div class="title">
							<h1><span>[页面标题]</span></h1>
						</div>
					</div>
					<div class="nav-menu" style="display:none;">
						<div class="js-quickmenu nav-menu-wx clearfix" ng-class="{0 : 'has-nav-0', 1 : 'has-nav-1', 2: 'has-nav-2', 3: 'has-nav-3', 4 : 'has-nav-3'}[activeItem.menus.length]" ng-if="activeItem.navStyle == 1">
							<div class="nav-home text-center">
								<a href="{$_W['siteroot']}app/index.php?i={$_W['uniacid']}&j={$_W['acid']}"><i class="fa fa-home"></i></a>
							</div>
							<ul class="nav-group">
								<li class="nav-group-item" ng-if="$index < 3" ng-repeat="menu in activeItem.menus">
									<a ng-if="menu.submenus.length == 0" href="{{menu.url}}">
										{{menu.title}}
									</a>
									<a ng-if="menu.submenus.length > 0" href="javascript:void();" data-toggle="dropdown">
										<i class="fa fa-minus-circle"></i>
										{{menu.title}}
									</a>
									<dl ng-if="menu.submenus.length > 0">
										<dd>
											<a href="{{submenu.url}}" ng-repeat="submenu in menu.submenus">{{submenu.title}}</a>
										</dd>
									</dl>
								</li>
							</ul>
						</div>
						<div class="js-quickmenu nav-menu-app has-nav-0" ng-if="activeItem.navStyle == 2" ng-class="{0 : 'has-nav-0', 1 : 'has-nav-1', 2: 'has-nav-2', 3: 'has-nav-3', 4: 'has-nav-4', 5: 'has-nav-5'}[activeItem.menus.length]" ng-style="{'background-color' : activeItem.bgColor}">
							<ul class="nav-group clearfix">
								<li class="nav-group-item" ng-repeat="menu in activeItem.menus">
									<a href="{{menu.url}}" style="background-position: center 2px" ng-style="{'background-image': menu.image ? 'url('+menu.image+')' : ''}">
										<i ng-hide="menu.image" class="fa" ng-style="{'color' : menu.icon.color}" js-onclass-name="{{menu.hovericon.name}}" js-onclass-color="{{menu.hovericon.color}}" ng-class="menu.icon.name"></i>
										<span ng-style="{'color' : menu.icon.color}" js-onclass-color="{{menu.hovericon.color}}">{{menu.title}}</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="js-quickmenu nav-menu-cart" ng-if="activeItem.navStyle == 3" ng-class="{0 : 'has-nav-0', 1 : 'has-nav-1', 2: 'has-nav-2', 3: 'has-nav-3', 4: 'has-nav-4'}[activeItem.menus.length]" ng-style="{'background-color' : activeItem.bgColor}">
							<ul class="nav-group clearfix">
								<li class="nav-group-item">
									<a href="{{activeItem.menus[0].url}}" ng-style="{'background-image': activeItem.menus[0].image ? 'url('+activeItem.menus[0].image+')' : ''}">
										<i ng-hide="activeItem.menus[0].image" class="fa" ng-style="{'color' : activeItem.menus[0].icon.color}"
										   ng-class="activeItem.menus[0].icon.name">
										</i>
									</a>
								</li>
								<li ng-if="activeItem.menus[2]" class="nav-group-item">
									<a href="{{activeItem.menus[1].url}}" ng-style="{'background-image': activeItem.menus[1].image ? 'url('+activeItem.menus[1].image+')' : ''}">
										<i ng-hide="activeItem.menus[1].image" class="fa" ng-style="{'color' : activeItem.menus[1].icon.color}" ng-class="activeItem.menus[1].icon.name"></i>
									</a>
								</li>
								<li class="nav-home nav-group-item">
									<a href="{{activeItem.extend[0].url}}" ng-style="{'background-image': activeItem.extend[0].image ? 'url('+activeItem.extend[0].image+')' : ''}">
										<i ng-hide="activeItem.extend[0].image" class="fa" ng-style="{'color' : activeItem.extend[0].icon.color}" ng-class="activeItem.extend[0].icon.name"></i>
									</a>
								</li>
								<li class="nav-group-item" ng-if="activeItem.menus[1]">
									<a ng-if="!activeItem.menus[2]" href="{{activeItem.menus[1].url}}" ng-style="{'background-image': activeItem.menus[1].image ? 'url('+activeItem.menus[1].image+')' : ''}">
										<i ng-hide="activeItem.menus[1].image" class="fa" ng-style="{'color' : activeItem.menus[1].icon.color}" ng-class="activeItem.menus[1].icon.name"></i>
									</a>
									<a ng-if="activeItem.menus[2]" href="{{activeItem.menus[2].url}}" ng-style="{'background-image': activeItem.menus[2].image ? 'url('+activeItem.menus[2].image+')' : ''}">
										<i ng-hide="activeItem.menus[2].image" class="fa" ng-style="{'color' : activeItem.menus[2].icon.color}" ng-class="activeItem.menus[2].icon.name"></i>
									</a>
								</li>
								<li ng-if="activeItem.menus[3]" class="nav-group-item">
									<a href="{{activeItem.menus[3].url}}" ng-style="{'background-image': activeItem.menus[3].image ? 'url('+activeItem.menus[3].image+')' : ''}">
										<i ng-hide="activeItem.menus[3].image" class="fa" ng-style="{'color' : activeItem.menus[3].icon.color}" ng-class="activeItem.menus[3].icon.name"></i>
									</a>
								</li>
							</ul>
						</div>
						<div class="js-quickmenu nav-menu-path rotate-nav has-nav-4" ng-if="activeItem.navStyle == 4">
							<div class="nav-group">
								<div class="nav-group-item on" ng-repeat="menu in activeItem.menus">
									<a href="{{menu.url}}" ng-style="{'background-image': menu.image ? 'url('+menu.image+')' : ''}">
										<i ng-hide="menu.image" class="fa" ng-style="{'color' : menu.icon.color}" ng-class="menu.icon.name"></i>
									</a>
								</div>
							</div>
							<div class="nav-home nav-group-item js-quickmenu-toggle">
								<a href="javascript:;" style="background-image:url(./resource/images/app/centerbtn.png);"></a>
							</div>
						</div>
						<div class="js-quickmenu nav-menu-sides rotate-nav has-nav-4" ng-if="activeItem.navStyle == 5">
							<div class="nav-group">
								<div class="nav-group-item on" ng-repeat="menu in activeItem.menus">
									<a href="{{menu.url}}" ng-style="{'background-image': menu.image ? 'url('+menu.image+')' : ''}">
										<i ng-hide="menu.image" class="fa" ng-style="{'color' : menu.icon.color}" ng-class="menu.icon.name"></i>
									</a>
								</div>
							</div>
							<div class="main-nav">
								<div class="nav-group-item pull-left">
									<a href="{{activeItem.extend[0].url}}" ng-style="{'background-image': activeItem.extend[0].image ? 'url('+activeItem.extend[0].image+')' : ''}">
										<i ng-hide="activeItem.extend[0].image" class="fa" ng-style="{'color' : activeItem.extend[0].icon.color}" ng-class="activeItem.extend[0].icon.name"></i>
									</a>
								</div>
								<div class="nav-home nav-group-item js-quickmenu-toggle">
									<a href="javascript:;" style="background-image:url(./resource/images/app/centerbtn.png);"></a>
								</div>
								<div class="nav-group-item pull-right">
									<a href="{{activeItem.extend[1].url}}" ng-style="{'background-image': activeItem.extend[1].image ? 'url('+activeItem.extend[1].image+')' : ''}">
										<i ng-hide="activeItem.extend[1].image" class="fa" ng-style="{'color' : activeItem.extend[1].icon.color}" ng-class="activeItem.extend[1].icon.name"></i>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="app-side">
				{if $type == '2'}
				<div class="panel we7-panel" style="margin-bottom:15px; padding-bottom:0;">
					<div class="panel-body">
						<div>将导航应用在以下页面:</div>
						<div style="margin:10px 0;">
							<input type="checkbox" id="position-1" name="position" ng-model="activeItem.position.homepage" />
							<label class="checkbox-inline" for="position-1">微站主页</label>
							<input type="checkbox" id="position-2" name="position" ng-model="activeItem.position.page" />
							<label class="checkbox-inline" for="position-2">微页面</label>
							<input type="checkbox" id="position-3" name="position" ng-model="activeItem.position.article" />
							<label class="checkbox-inline" for="position-3"> 文章及分类</label>
						</div>
						<div>将导航隐藏在以下模块: <a ng-click="showSearchModules()" href="javascript:;">选择模块</a></div>
						<div>
							<div class="form-control-static">
								<label class="label label-warning" ng-show="!hasIgnoreModules">未设置，将在全部模块中显示</label>
								<label style="margin-right:5px;" class="label label-success" ng-show="hasIgnoreModules" ng-repeat="module in activeItem.ignoreModules">{{module.title}}</label>
							</div>
						</div>
					</div>
				</div>
				{/if}
				<div class="app-shopNav-edit" style="display:none;">
					<div class="arrow-left"></div>
					<div class="inner">
						<div class="panel we7-panel form-horizontal">
							<div class="panel-body">
								<div class="shopNav-edit-header clearfix">
									<div class="pull-right">
										<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#shop-nav-modal">修改模板</button>
									</div>
									<div>当前模板: 微信公众号自定义菜单模板</div>
								</div>
								<!--微信公众号自定义菜单模板:shopNav-wx-->
								<div class="shopNav-wx" ng-show="activeItem.navStyle == 1">
									<div class="card" ng-init="$parentIndex = $index" ng-repeat="menu in activeItem.menus">
										<div class="btns">
											<a href="javascript:;" ng-click="removeMenu(menu)"><i class="fa fa-times"></i></a>
										</div>
										<div class="nav-region">
											<div class="first-nav">
												<h3>一级导航</h3>
												<div class="alert">
													<div class="form-group">
														<label class="control-label col-xs-3">标题</label>
														<div class="col-xs-9">
															<input type="text" class="form-control" name="" value="" ng-model="menu.title" />
														</div>
													</div>
													<div class="form-group">
														<label class="control-label col-xs-3">链接到</label>
														<div class="col-xs-9 ">
															<div we7-linker we7-my-url="menu.url" we7-my-title="menu.title"></div>
														</div>
													</div>
												</div>
											</div>
											<div class="second-nav">
												<h4>二级导航</h4>
												<div class="alert" ng-repeat="submenu in menu.submenus">
													<div class="del">
														<a href="javascript:;" ng-click="removeSubMenu($parentIndex, submenu)"><i class="fa fa-times"></i></a>
													</div>
													<div class="form-group">
														<label class="control-label col-xs-3">标题</label>
														<div class="col-xs-9">
															<input type="text" class="form-control" name="" ng-model="submenu.title">
														</div>
													</div>
													<div class="form-group">
														<label class="control-label col-xs-3">链接到</label>
														<div class="col-xs-9 ">
															<div we7-linker we7-my-url="submenu.url" we7-my-title="submenu.title"></div>
														</div>
													</div>
												</div>
												<div ng-show="menu.submenus.length < 5" ng-click="menu.submenus.length >= 5 ? '' : addSubMenu(menu);" class="add-shopNav">+ 添加二级导航</div>
												<!--最多可添加5个-->
											</div>
										</div>
									</div>
									<div ng-show="activeItem.menus.length < 3" class="add-shopNav text-center" ng-click="activeItem.menus.length >= 3 ? '' : addMenu();">+添加一级导航</div>
									<!--最多添加三个导航-->
								</div>
								<!--end微信公众号自定义菜单模板-->
								<!--APP导航样式:shopNav-app-->
								<div class="shopNav-app" ng-show="activeItem.navStyle == 2">
									<div class="form-group" style="border-bottom:1px solid #e5e5e5; padding:0 0 15px 0; margin:10px 0 0 0;">
										<label class="col-xs-3 control-label">页面颜色</label>
										<div class="col-xs-9 ">
											<div we7-colorpicker we7-my-color="activeItem.bgColor" we7-my-default-color="'#2B2D30'"></div>
										</div>
									</div>
									<div class="card" ng-repeat="menu in activeItem.menus">
										<div class="btns">
											<a href="javascript:;" ng-click="removeMenu(menu)"><i class="fa fa-times"></i></a>
										</div>
										<div class="nav-img-group">
											<div class="clearfix">
												<div class="nav-img-normal pull-left">
													<p>普通：</p>
													<div we7-iconer we7-my-image="menu.image" we7-my-icon="menu.icon" we7-my-icon-color="menu.icon.color">选择</div>
												</div>
												<div class="nav-img-highlight pull-left">
													<p>高亮：</p>
													<div we7-iconer we7-my-image="menu.hoverimage" we7-my-icon="menu.hovericon">选择</div>
												</div>
											</div>
											<div class="help-block">图片尺寸要求：不大于128*100像素，支持PNG格式</div>
										</div>
										<div class="form-group">
											<label class="control-label col-xs-3">标题</label>
											<div class="col-xs-9">
												<input type="text" class="form-control" name="" ng-model="menu.title">
											</div>
										</div>
										<div class="form-group">
											<label class="control-label col-xs-3">链接到</label>
											<div class="col-xs-9 ">
												<div we7-linker we7-my-url="menu.url" we7-my-title="menu.title"></div>
											</div>
										</div>
									</div>
									<div class="add-shopNav text-center" ng-show="activeItem.menus.length < 5" ng-click="activeItem.menus.length >= 5 ? '' : addMenu();">+添加导航</div>
								</div>
								<!--end APP导航样式-->
								<!--带购物车导航模板-->
								<div class="shopNav-cart" ng-show="activeItem.navStyle == 3">
									<div class="form-group" style="border-bottom:1px solid #e5e5e5; padding:0 0 15px 0; margin:0 0 10px 0;">
										<label class="col-xs-3 control-label">页面颜色</label>
										<div class="col-xs-9">
											<div we7-colorpicker we7-my-color="activeItem.bgColor" we7-my-default-color="'#2B2D30'"></div>
										</div>
									</div>
									<p>添加中间主图标</p>
									<div class="card">
										<div class="nav-img-group">
											<div class="clearfix">
												<div class="nav-img-normal pull-left">
													<p>普通：</p>
													<div we7-iconer we7-my-image="activeItem.extend[0].image" we7-my-icon="activeItem.extend[0].icon" we7-my-icon-color="activeItem.extend[0].icon.color">选择</div>
												</div>
												<div class="nav-img-highlight pull-left">
													<p>高亮：</p>
													<div we7-iconer we7-my-image="activeItem.extend[0].hoverimage" we7-my-icon="activeItem.extend[0].hovericon">选择</div>
												</div>
											</div>
											<div class="help-block">图片尺寸要求：不大于128*100像素，支持PNG格式</div>
										</div>
										<div class="form-group">
											<label class="control-label col-xs-3">链接到</label>
											<div class="col-xs-9 "><div we7-linker we7-my-url="activeItem.extend[0].url" we7-my-title="activeItem.extend[0].title"></div></div>
										</div>
									</div>
									<p>添加两侧图标</p>
									<div class="help-block">此导航模板建议您用两个或者四个自定义图标效果图最佳哦！</div>
									<div class="card" ng-repeat="menu in activeItem.menus">
										<div class="nav-img-group">
											<div class="btns">
												<a href="javascript:;" ng-click="removeMenu(menu)"><i class="fa fa-times"></i></a>
											</div>
											<div class="clearfix">
												<div class="nav-img-normal pull-left">
													<p>普通：</p>
													<div we7-iconer we7-my-image="menu.image" we7-my-icon="menu.icon" we7-my-icon-color="menu.icon.color">选择</div>
												</div>
												<div class="nav-img-highlight pull-left">
													<p>高亮：</p>
													<div we7-iconer we7-my-image="menu.hoverimage" we7-my-icon="menu.hovericon">选择</div>
												</div>
											</div>
											<div class="help-block">图片尺寸要求：不大于128*100像素，支持PNG格式</div>
										</div>
										<div class="form-group">
											<label class="control-label col-xs-3">链接到</label>
											<div class="col-xs-9 ">
												<div we7-linker we7-my-url="menu.url" we7-my-title="menu.title"></div>
											</div>
										</div>
									</div>
									<div class="add-shopNav text-center" ng-show="activeItem.menus.length < 4" ng-click="activeItem.menus.length >= 4 ? '' : addMenu();">+添加导航</div>
								</div>
								<!--end 带购物车导航模板-->
								<!--Path展开形式导航模板-->
								<div class="shopNav-path" ng-show="activeItem.navStyle == 4">
									<form class="form-horizontal" action="" method="post">
										<p class="help-block">此导航模板建议您用三个自定义图标效果最佳哦！</p>
										<div class="card" ng-repeat="menu in activeItem.menus">
											<div class="btns"><a href="javascript:;" ng-click="removeMenu(menu)"><i class="fa fa-times"></i></a></div>
											<div class="nav-img-group">
												<div class="clearfix">
													<div class="nav-img-normal pull-left">
														<p>普通：</p>
														<div we7-iconer we7-my-image="menu.image" we7-my-icon="menu.icon" we7-my-icon-color="menu.icon.color">选择</div>
													</div>
												</div>
												<div class="help-block">图片尺寸要求：不大于128*100像素，支持PNG格式</div>
											</div>
											<div class="form-group">
												<label class="control-label col-xs-3">链接到</label>
												<div class="col-xs-9 "><div we7-linker we7-my-url="menu.url" we7-my-title="menu.title"></div></div>
											</div>
										</div>
										<div class="add-shopNav text-center" ng-show="activeItem.menus.length < 4" ng-click="activeItem.menus.length >= 4 ? '' : addMenu();">+添加导航</div>
										<!--最多可添加4个-->
									</form>
								</div>
								<!--end Path展开形式导航模板-->
								<!--两侧展开导航模板-->
								<div class="shopNav-sides" ng-show="activeItem.navStyle == 5">
									<form class="form-horizontal" action="" method="post">
										<p>添加两侧一级图标</p>
										<div class="card">
											<div class="nav-img-group">
												<div class="clearfix">
													<div class="nav-img-normal pull-left">
														<p>普通：</p>
														<div we7-iconer we7-my-image="activeItem.extend[0].image" we7-my-icon="activeItem.extend[0].icon" we7-my-icon-color="activeItem.extend[0].icon.color">选择</div>
													</div>
												</div>
												<div class="help-block">图片尺寸要求：不大于128*100像素，支持PNG格式</div>
											</div>
											<div class="form-group">
												<label class="control-label col-xs-3">链接到</label>
												<div class="col-xs-9 ">
													<div we7-linker we7-my-url="activeItem.extend[0].url" we7-my-title="activeItem.extend[0].title"></div>
												</div>
											</div>
										</div>
										<div class="card">
											<div class="nav-img-group">
												<div class="clearfix">
													<div class="nav-img-normal pull-left">
														<p>普通：</p>
														<div we7-iconer we7-my-image="activeItem.extend[1].image" we7-my-icon="activeItem.extend[1].icon" we7-my-icon-color="activeItem.extend[1].icon.color">选择</div>
													</div>
												</div>
												<div class="help-block">图片尺寸要求：不大于128*100像素，支持PNG格式</div>
											</div>
											<div class="form-group">
												<label class="control-label col-xs-3">链接到</label>
												<div class="col-xs-9 ">
													<div we7-linker we7-my-url="activeItem.extend[1].url" we7-my-title="activeItem.extend[1].title"></div>
												</div>
											</div>
										</div>
										<p>添加中间二级标题</p>
										<p class="help-block">此导航模板建议您用四个自定义图标效果最佳哦！</p>
										<div class="card" ng-repeat="menu in activeItem.menus">
											<div class="btns">
												<a href="javascript:;" ng-click="removeMenu(menu)"><i class="fa fa-times"></i></a>
											</div>
											<div class="nav-img-group">
												<div class="clearfix">
													<div class="nav-img-normal pull-left">
														<p>普通：</p>
														<div we7-iconer we7-my-image="menu.image" we7-my-icon="menu.icon" we7-my-icon-color="menu.icon.color">选择</div>
													</div>
												</div>
												<div class="help-block">图片尺寸要求：不大于128*100像素，支持PNG格式</div>
											</div>
											<div class="form-group">
												<label class="control-label col-xs-3">链接到</label>
												<div class="col-xs-9 ">
													<div we7-linker we7-my-url="menu.url" we7-my-title="menu.title"></div>
												</div>
											</div>
										</div>
										<div class="add-shopNav text-center" ng-show="activeItem.menus.length < 4" ng-click="activeItem.menus.length >= 4 ? '' : addMenu();">+添加导航</div>
										<!--最多可添加4个-->
									</form>
								</div>
								<!--end 两侧展开导航模板-->
							</div>
						</div>
					</div>
				</div>
			</div>
			<nav class="navbar navbar-default navbar-uc" role="navigation">
				<div class=" text-center we7-margin-vertical-sm">
					<a class="btn btn-primary js-editor-submit btn-submit" href="javascript:;">保存</a>
				</div>
			</nav>
		<!--	<div class="shop-preview col-sm-12">
				<div class="text-center alert alert-warning">
					<a class="btn btn-primary js-editor-submit" href="javascript:;">保存</a>
				</div>
			</div>-->
			<!--选择导航模板模态框-->
			<div class="modal fade" id="shop-nav-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="myModalLabel">选择导航模板</h4>
						</div>
						<div class="modal-body clearfix">
							<div class="alert">
								<input type="radio" id="nav_style" name="nav_style" value="1" ng-checked="activeItem.navStyle == 1">
								<label class="radio-inline" for="nav_style">微信公众号自定义菜单样式</label>
								<div class="wx-example"></div>
							</div>
							<div class="alert">
								<input type="radio" id="nav_style-1" name="nav_style" value="2" ng-checked="activeItem.navStyle == 2">
								<label class="radio-inline" for="nav_style-1">APP导航模板1（图标及底色都可配置）</label>
								<div class="app-example"></div>
							</div>
							<div class="alert">
								<input type="radio" id="nav_style-2" name="nav_style" value="3" ng-checked="activeItem.navStyle == 3">
								<label class="radio-inline" for="nav_style-2">APP导航模板2</label>
								<div class="cart-example"></div>
							</div>
							<div class="col-xs-6" style="padding-left:0;">
								<div class="alert">
									<input type="radio" id="nav_style-3" name="nav_style" value="4" ng-checked="activeItem.navStyle == 4">
									<label class="radio-inline" for="nav_style-3">Path展开形式导航</label>
									<div class="path-example"></div>
								</div>
							</div>
							<div class="col-xs-6" style="padding-right:0;">
								<div class="alert">
									<input type="radio" id="nav_style-4" name="nav_style" value="5">
									<label class="radio-inline" for="nav_style-4">两侧展开形式导航</label>
									<div class="sides-example"></div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
							<button type="button" class="btn btn-primary" data-dismiss="modal" ng-click="selectNavStyle()">确定</button>
						</div>
					</div>
				</div>
			</div>
			<!--选择模块模态框-->
			<div class="modal fade" id="shop-modules-modal" tabindex="-1" role="dialog" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">选择忽略模块</h4>
						</div>
						<div class="modal-body clearfix">
							<table class="table table-hover">
								<thead class="navbar-inner">
								<tr>
									<th style="width:70%;">标题</th>
									<th style="width:30%; text-align:right"></th>
								</tr>
								</thead>
								<tbody>
								{loop $modules $m}
								<tr>
									<td>{$m['title']}({$m['name']})</td>
									<td>
										<a class="btn btn-default js-btn-select" ng-class="{'btn-primary' : activeItem.ignoreModules['{$m['name']}']}" js-name="{$m['name']}" js-title="{$m['title']}" onclick="$(this).toggleClass('btn-primary');$(this).html($(this).hasClass('btn-primary') ? '取消' : '选取')">选取</a>
									</td>
								</tr>
								{/loop}
								</tbody>
							</table>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</form>
<script type="text/javascript">
	$(function(){
		require(['underscore'], function() {
			changeSwitch = function() {
				var clas = $('#switch').attr('class') == 'switch'? 'switch switchOn' : 'switch';
				$('#switch').attr('class', clas);
				status = clas == 'switch' ? 0 : 1;
				$('[name="status"]').val(status);
			}

			var activeItem = {php echo !empty($page['params']) ? $page['params'] : 'null'};
			angular.module('quickMenuApp').value('config', {
				'activeItem' : activeItem,
			});
			angular.bootstrap($('#ng_quickmenu'), ['quickMenuApp']);
			$('.app-content').click(function(){
				return false;
			});
		});
	});
</script>
</div>
{/if}
{template 'common/footer'}