|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
<link rel="apple-touch-icon" sizes="57x57" href="ico/apple-icon-57x57.png">
|
|
|
<link rel="apple-touch-icon" sizes="60x60" href="ico/apple-icon-60x60.png">
|
|
|
<link rel="apple-touch-icon" sizes="72x72" href="ico/apple-icon-72x72.png">
|
|
|
<link rel="apple-touch-icon" sizes="76x76" href="ico/apple-icon-76x76.png">
|
|
|
<link rel="apple-touch-icon" sizes="114x114" href="ico/apple-icon-114x114.png">
|
|
|
<link rel="apple-touch-icon" sizes="120x120" href="ico/apple-icon-120x120.png">
|
|
|
<link rel="apple-touch-icon" sizes="144x144" href="ico/apple-icon-144x144.png">
|
|
|
<link rel="apple-touch-icon" sizes="152x152" href="ico/apple-icon-152x152.png">
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="ico/apple-icon-180x180.png">
|
|
|
<link rel="icon" type="image/png" sizes="192x192" href="ico/android-icon-192x192.png">
|
|
|
<link rel="icon" type="image/png" sizes="32x32" href="ico/favicon-32x32.png">
|
|
|
<link rel="icon" type="image/png" sizes="96x96" href="ico/favicon-96x96.png">
|
|
|
<link rel="icon" type="image/png" sizes="16x16" href="ico/favicon-16x16.png">
|
|
|
<link rel="manifest" href="ico/manifest.json">
|
|
|
<meta name="msapplication-TileColor" content="#ffffff">
|
|
|
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
<meta name="format-detection" content="telephone=no">
|
|
|
<meta charset="UTF-8">
|
|
|
<title>RoyalPay</title>
|
|
|
<!-- Tell the browser to be responsive to screen width -->
|
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
|
|
<!-- Bootstrap 3.3.5 -->
|
|
|
<link rel="stylesheet" href="static/lib/bootstrap/css/bootstrap.min.css">
|
|
|
|
|
|
|
|
|
<!-- Font Awesome -->
|
|
|
<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">-->
|
|
|
<link href="static/lib/font-awesome-4.6.3/css/font-awesome.min.css" rel="stylesheet">
|
|
|
<!-- Ionicons -->
|
|
|
<link rel="stylesheet" href="static/lib/ioicons-2.0.1/css/ionicons.min.css">
|
|
|
|
|
|
<!-- Theme style -->
|
|
|
<link rel="stylesheet" href="static/lib/dist/css/AdminLTE.min.css">
|
|
|
<!-- AdminLTE Skins. Choose a skin from the css/skins
|
|
|
folder instead of downloading all of them to reduce the load. -->
|
|
|
<link rel="stylesheet" href="static/lib/dist/css/skins/_all-skins.min.css">
|
|
|
<link rel="stylesheet" href="static/css/common.css">
|
|
|
<style type="text/css">
|
|
|
footer {
|
|
|
font-family: PingFang-SC-Regular;
|
|
|
font-size: 12px;
|
|
|
color: #FFFFFF;
|
|
|
letter-spacing: 0px;
|
|
|
padding-bottom: 2.3%;
|
|
|
}
|
|
|
|
|
|
.ng-cloak, [ng-cloak] {
|
|
|
display: none !important;
|
|
|
}
|
|
|
|
|
|
@keyframes myfirst {
|
|
|
0% {
|
|
|
transform: rotateY(1deg);
|
|
|
}
|
|
|
100% {
|
|
|
transform: rotateY(90deg);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
div.polaroid {
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
div.rotate_left {
|
|
|
position: fixed;
|
|
|
width: 200px;
|
|
|
margin: 0 -100px;
|
|
|
top: 40%;
|
|
|
left: 50%;
|
|
|
z-index: 9999999;
|
|
|
}
|
|
|
|
|
|
.dh {
|
|
|
animation: myfirst 1s linear 0s infinite alternate;
|
|
|
}
|
|
|
|
|
|
.description-text {
|
|
|
margin-top: 5px;
|
|
|
/*width: 86px;*/
|
|
|
}
|
|
|
|
|
|
.navbar-header a{
|
|
|
color: #FFF;
|
|
|
}
|
|
|
.navbar-header .active{
|
|
|
background-color: #FFF !important;
|
|
|
}
|
|
|
.navbar-header .active a{
|
|
|
color: #f06101 !important;
|
|
|
}
|
|
|
.navbar-header li {
|
|
|
float: left;
|
|
|
border: 1px solid #FFF;
|
|
|
padding: 3px 15px;
|
|
|
}
|
|
|
@media (min-width: 768px) {
|
|
|
.navbar-header {
|
|
|
list-style: none;
|
|
|
width: 245px;
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
margin: 10px auto;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@media (max-width: 768px) {
|
|
|
.navbar-header {
|
|
|
list-style: none;
|
|
|
width: 245px;
|
|
|
margin: 10px auto;
|
|
|
}
|
|
|
}
|
|
|
</style>
|
|
|
<script type="text/javascript" src="static/lib/require.js" data-main="static/boot/manager-bootv2"></script>
|
|
|
<script type="text/javascript" src="/static/lib/jquery/jquery-2.1.4.min.js"></script>
|
|
|
<script type="text/javascript" src="/static/lib/bootstrap/js/bootstrap.min.js"></script>
|
|
|
|
|
|
</head>
|
|
|
<body ng-controller="managerIndexCtrl" class="skin-blue sidebar-mini"
|
|
|
ng-class="{'sidebar-collapse':hideSideBar,'sidebar-open':hideSideBar}">
|
|
|
<div class="polaroid" ng-if="currentUser==null">
|
|
|
<div class="rotate_left">
|
|
|
<img class="dh" src="static/images/r_logo.svg" alt="RoyalPay" style="width:150px;height:150px;margin-top: 10%;
|
|
|
margin-bottom: 10%;"/>
|
|
|
<p style="color: #666">To Be The Best QRCode Payment Service Provider!</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div ng-if="currentUser!=null" ng-cloak
|
|
|
ng-class="currentUser.org?(currentUser.org.banner_class||'fxplus'):'royalpay'">
|
|
|
<header ng-if="headerDisplay" class="main-header">
|
|
|
|
|
|
<nav style="margin-left: 0px" class="navbar navbar-static-top navbar-static-top-yedian" role="navigation">
|
|
|
|
|
|
<!-- Logo -->
|
|
|
<a ui-sref="home" ng-click="headerCopyDisplay()" class="logo logo-yedian shine" ng-if="!currentUser.org">
|
|
|
<!-- mini logo for sidebar mini 50x50 pixels -->
|
|
|
<span class="logo-mini"></span>
|
|
|
<!-- logo for regular state and mobile devices -->
|
|
|
<b>RoyalPay</b>
|
|
|
<b>|</b>
|
|
|
<b>{{roleNow}}</b>
|
|
|
|
|
|
</span>
|
|
|
</a>
|
|
|
<a ui-sref="home" ng-click="headerCopyDisplay()" class="logo logo-yedian shine" ng-if="currentUser.org">
|
|
|
<!-- mini logo for sidebar mini 50x50 pixels -->
|
|
|
<span class="logo-mini"></span>
|
|
|
<!-- logo for regular state and mobile devices -->
|
|
|
<span class="logo-lg"><b
|
|
|
ng-bind="currentUser.org.name"></b><b>|</b>
|
|
|
<b>{{roleNow}}</b></span>
|
|
|
</a>
|
|
|
<select style="height: 30px;border: 0;text-align: center;text-align-last:center;" ng-model="roleName" ng-change="changeRole(roleName)">
|
|
|
<option ng-repeat="x in rolelist" value="{{x.value}}">{{x.module}}</option>
|
|
|
</select>
|
|
|
<ul class="navbar-header">
|
|
|
<li ui-sref-active="active" style="border-bottom-left-radius: 5px;border-top-left-radius: 5px;">
|
|
|
<a ui-sref="dashboard" role="button">Dashboard</a>
|
|
|
</li>
|
|
|
<li ui-sref-active="active" style="border-bottom-right-radius: 5px;border-top-right-radius: 5px;">
|
|
|
<a ui-sref="listMenu" role="button">Main Menu</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<!--<div class="navbar-header">-->
|
|
|
<!--<a ui-sref="dashboard" role="button"-->
|
|
|
<!--style="border: 1px solid #FFF; color: #FFF;padding: 3px">Dashboard</a>-->
|
|
|
<!--<a ui-sref="listMenu({role:''})" ui-sref-opts="{reload:true}" role="button"-->
|
|
|
<!--style="border: 1px solid #FFF; color: #FFF;padding: 3px">Main Menu</a>-->
|
|
|
<!--</div>-->
|
|
|
<!-- Header Navbar: style can be found in header.less -->
|
|
|
<!--顶部导航栏-->
|
|
|
|
|
|
<div class="navbar-custom-menu">
|
|
|
<ul class="navbar-header" style="position: relative;left: 10%">
|
|
|
<li ui-sref-active="active" style="border-bottom-left-radius: 5px;border-top-left-radius: 5px;">
|
|
|
<a href="/manage.html" role="button">v1</a>
|
|
|
</li>
|
|
|
<li ui-sref-active="active" style="border-bottom-right-radius: 5px;border-top-right-radius: 5px;background-color: #FFF">
|
|
|
<a style="color: #f06101 !important;">v2</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<ul class="nav navbar-nav">
|
|
|
<li class="user-menu" ng-if="currentUser.onoff">
|
|
|
<a role="button" ng-click="customerService()">
|
|
|
<i class="fa fa-wechat"></i> contact service
|
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
<li class="user-menu">
|
|
|
<a role="button" ng-click="managerBindWechat(true)">
|
|
|
<i class="fa fa-wechat"></i> Bind WeChat
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
<!-- User Account: style can be found in dropdown.less -->
|
|
|
<li class="dropdown user user-menu" uib-dropdown>
|
|
|
<a href class="dropdown-toggle" uib-dropdown-toggle>
|
|
|
<img ng-src="{{currentUser.org.logo||'static/images/r_white_logo.svg'}}"
|
|
|
class="user-image user-img-yedian"
|
|
|
alt="User Image">
|
|
|
<span class="hidden-xs" ng-bind="currentUser.display_name"></span>
|
|
|
</a>
|
|
|
<ul class="dropdown-menu user-dropdown-menu" ng-cloak>
|
|
|
<!-- User image -->
|
|
|
<li class="user-header user-header-yedian">
|
|
|
<img ng-src="{{currentUser.org.logo||'static/images/r_white_logo.svg'}}"
|
|
|
class="img-circle"
|
|
|
alt="User Image">
|
|
|
|
|
|
<p>
|
|
|
{{currentUser.display_name}}
|
|
|
<small>
|
|
|
<i class="fa fa-user-secret" title="Administrator"
|
|
|
ng-class="{'text-orange':!('1'|withRole),'text-gray':('1'|withRole)}"></i>
|
|
|
<i class="fa fa-eye" title="Compliance"
|
|
|
ng-class="{'text-orange':!('10'|withRole),'text-gray':('10'|withRole)}"></i>
|
|
|
<i class="fa fa-crosshairs" title="BD User"
|
|
|
ng-class="{'text-orange':!('100'|withRole),'text-gray':('100'|withRole)}"></i>
|
|
|
<i class="fa fa-balance-scale" title="Accountant"
|
|
|
ng-class="{'text-orange':!('1000'|withRole),'text-gray':('1000'|withRole)}"></i>
|
|
|
<i class="fa fa-tty" title="Service"
|
|
|
ng-class="{'text-orange':!('10000'|withRole),'text-gray':('10000'|withRole)}"></i>
|
|
|
<!--<i class="fa fa-university" title="Account Manager"-->
|
|
|
<!--ng-class="{'text-orange':!('100000'|withRole),'text-gray':('100000'|withRole)}"></i>-->
|
|
|
<i class="fa fa-line-chart" title="Director"
|
|
|
ng-class="{'text-orange':!('1000000'|withRole),'text-gray':('1000000'|withRole)}"></i>
|
|
|
<i class="fa fa-map-o" title="Markting"
|
|
|
ng-class="{'text-orange':!('10000000'|withRole),'text-gray':('10000000'|withRole)}"></i>
|
|
|
<i class="fa fa-code" title="Developer"
|
|
|
ng-class="{'text-orange':!('100000000'|withRole),'text-gray':('100000000'|withRole)}"></i>
|
|
|
<i class="fa fa-user" title="Risk Manager"
|
|
|
ng-class="{'text-orange':!('10000000000'|withRole),'text-gray':('10000000000'|withRole)}"></i>
|
|
|
<i class="fa fa-tripadvisor" title="GUEST"
|
|
|
ng-class="{'text-orange':!('100000000000'|withRole),'text-gray':('100000000000'|withRole)}"></i>
|
|
|
<!--<i class="fa fa-user-plus" title="Org Manager"-->
|
|
|
<!--ng-class="{'text-orange':!('1000000000000'|withRole),'text-gray':('1000000000000'|withRole)}"></i>-->
|
|
|
<i class="fa fa-ticket" title="Sales Manager"
|
|
|
ng-class="{'text-orange':!('10000000000000'|withRole),'text-gray':('1000000000000'|withRole)}"></i>
|
|
|
<!--<i class="fa fa-save" title="Data content"-->
|
|
|
<!--ng-class="{'text-orange':!('100000000000000'|withRole),'text-gray':('1000000000000'|withRole)}"></i>-->
|
|
|
|
|
|
</small>
|
|
|
</p>
|
|
|
</li>
|
|
|
<!-- Menu Footer-->
|
|
|
<li class="user-footer">
|
|
|
<div class="pull-left">
|
|
|
<a href class="btn btn-default btn-flat" ng-click="changePwd()">Change Password</a>
|
|
|
</div>
|
|
|
<div class="pull-right">
|
|
|
<a href class="btn btn-default btn-flat" ng-click="logout()">Sign Out</a>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<!-- Control Sidebar Toggle Button -->
|
|
|
</ul>
|
|
|
</div>
|
|
|
</nav>
|
|
|
</header>
|
|
|
<div class="content-wrapper" style="margin-left: 0;min-height: 890px" ui-view autoscroll="false" >
|
|
|
</div>
|
|
|
<footer ng-if="copyright" class="main-footer" style="margin-left: 0px">
|
|
|
<div class="pull-right hidden-xs">
|
|
|
<b>Easy Business，Easy Pay</b>
|
|
|
</div>
|
|
|
<strong>Copyright © 2015-2017 <a href="http://www.royalpay.com.au">RoyalPay</a>.</strong> All rights
|
|
|
reserved.
|
|
|
</footer>
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
</html>
|
