You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

633 lines
32 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no">
<title>RoyalPay | Partner Application</title>
<meta name="description"
content=" As Australia’s first WeChat Cross-Border payment gateway,We are working to build a bridge between Australian merchants and Chinese consumers.Marketing Tools like WeChat Coupons,Membership Cards,Lucky Money are provided to all merchants to Increase sales which is proved effective in the wechat ecology.">
<meta name="keywords"
content="澳洲微信支付、澳洲跨境支付、行业解决方案、澳洲支付、澳洲商圈、微信营销、公众号、Wechat、Official Account、Industry Solution、Cross-Border Payment、Australia Wechat">
<!-- Bootstrap 3.3.5 -->
<link href="static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="static/lib/font-awesome-4.6.3/css/font-awesome.min.css" rel="stylesheet">
<!-- Font Awesome -->
<!-- Ionicons -->
<!-- Theme style -->
<link rel="stylesheet" href="./static/css/index_register.css">
<link rel="stylesheet" href="static/lib/dist/css/AdminLTE.min.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<title>Partner Register</title>
<script type="text/javascript" src="/static/lib/jquery/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="/static/lib/angularjs/angular.min.js"></script>
<script type="text/javascript" src="/static/lib/angularjs/angular-messages.js"></script>
<script type="text/javascript" src="/static/lib/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/lib/blocs.min.js"></script>
<script type="text/javascript">
angular.module('applyPartnerApp', ['ngMessages']).controller('applyPartnerCtrl', ['$scope', '$http', function ($scope, $http) {
var countryMap = [{
"label": "AUS",
"value": "AUS"
}, {
"label": "CHN",
"value": "CHN"
}];
var stateMap = [
/*label{
"label": "西澳大利亚",
"value": "Western Australia"
},
{
"label": "昆士兰",
"value": "Queensland"
},
{
"label": "北部地区",
"value": "Northern Territory"
},
{
"label": "南澳大利亚",
"value": "South Australia"
},
{
"label": "新南威尔士",
"value": "New South Wales"
},
{
"label": "维多利亚",
"value": "Victoria"
},
{
"label": "塔斯马尼亚",
"value": "Tasmania"
},
{
"label": "首都直辖区",
"value": "Australian Capital Territory"
}*/
{
"label": "ACT",
"value": "ACT"
},
{
"label": "NSW",
"value": "NSW"
},
{
"label": "NT",
"value": "NT"
},
{
"label": "QLD",
"value": "QLD"
},
{
"label": "SA",
"value": "SA"
},
{
"label": "TAS",
"value": "TAS"
},
{
"label": "VIC",
"value": "VIC"
},
{
"label": "WA",
"value": "WA"
}
];
var industryMap = [
{
"label": "综合商城 Integrated Store",
"value": 336
},
{
"label": "食品 Food",
"value": 335
},
{
"label": "化妆品 Cosmetics",
"value": 334
},
{
"label": "鞋包服饰 Clothes",
"value": 327
},
{
"label": "酒店行业 Hospitality industry",
"value": 328
},
{
"label": "数码电器 Electric appliances",
"value": 332
},
{
"label": "母婴 Baby and maternal products",
"value": 333
},
{
"label": "文具/办公用品 Office supplies",
"value": 337
},
{
"label": "机票行业 Airline tickets industry",
"value": 339
},
{
"label": "国际物流 International logistics",
"value": 330
},
{
"label": "教育行业 Education section",
"value": 329
},
{
"label": "其它服务行业 Other services industry",
"value": 331
},
{
"label": "其它货物贸易行业 Other goods trade industry",
"value": 338
}
];
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null)return unescape(r[2]);
return null;
}
var from = getQueryString("from");
$scope.industries = angular.copy(industryMap);
$scope.states = angular.copy(stateMap);
$scope.countries = angular.copy(countryMap);
$scope.partner = {};
if (from != null && from.toString().length == 1) {
$scope.partner.source = from;
}
<!--/partners/application/captcha-image-->
$scope.captchaImage = '/partners/application/captcha-image';
$scope.changeCaptchaImage = function () {
$scope.captchaImage = '/partners/application/captcha-image?' + Math.floor(Math.random() * 100);
};
$scope.save = function (form) {
if (form.$invalid) {
angular.forEach(form, function (item, key) {
if (key.indexOf('$') < 0) {
item.$dirty = true;
}
});
return;
}
$scope.partner.company_name = $scope.partner.short_name;
$('#login-btn').attr('disabled',true);
$http.post('partners/application', $scope.partner).then(function (resp) {
alert("Registered merchant application has been submitted successfully");
location.href = 'partner_register_success.html';
//commonDialog.alert({title: 'Success', content: 'Registered merchant application has been submitted successfully', type: 'success'});
}, function (resp) {
alert(resp.data.message);
$scope.resError = resp.data.message;
$scope.changeCaptchaImage();
$('#login-btn').attr('disabled',false);
});
};
}]);
</script>
<style type="text/css">
.register-box-bg {
background-color: rgba(255,255,255,0.9);
box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.3);
filter: alpha(opacity=40);
/*opacity: 0.7;*/
}
.captcha {
width: 30%;
height: 35px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
}
@media(min-width: 544px){
.content-with{
width: 600px;
}
}
</style>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?d7e727bd889ea69d369cba051844dfe5";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body class="pace-done fp-viewing-0" ng-app="applyPartnerApp" ng-controller="applyPartnerCtrl">
<!--[if lte IE 8]>
<span class="lower-ie"></span>
<![endif]-->
<div class="pace pace-inactive">
<div class="pace-progress" data-progress-text="100%" data-progress="99"
style="transform: translate3d(100%, 0px, 0px);">
<div class="pace-progress-inner"></div>
</div>
<div class="pace-activity"></div>
</div>
<div id="main">
<div id="page-index" class="register-page">
<nav id="header" class="navbar navbar-dark navbar-full navbar-bg">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle collapsed" type="button" data-toggle="collapse"
data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="https://www.royalpay.com.au/">
<img src="/static/images/logo.svg" alt="" class="navbar--logo" style="width: 275px;height: 32px;display: block;margin-top: 3.2%;">
</a>
</div>
<ul class="nav navbar-nav navbar-right navbar-collapse collapse">
<li id="nav-index" class="nav-item">
<a href="https://www.royalpay.com.au/" class="nav-link">Home</a>
</li>
<li class="nav-item dropdown">
<a role="button" class="nav-link dropdown-toggle" data-toggle="dropdown">Wechat</a>
<ul class="dropdown-menu">
<li><a href="https://www.royalpay.com.au/feature.html" target="_blank">Features</a></li>
<li><a href="https://www.royalpay.com.au/industry.html" target="_blank">Industry</a></li>
<li><a href="https://www.royalpay.com.au/marketing.html" target="_blank">Marketing</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a role="button" class="nav-link dropdown-toggle" data-toggle="dropdown">GATEWAY API</a>
<ul class="dropdown-menu">
<li><a href="https://mpay.royalpay.com.au/docs/en/" target="_blank">En</a></li>
<li><a href="https://mpay.royalpay.com.au/docs/cn/" target="_blank">中文</a></li>
</ul>
</li>
<li class="nav-item">
<a role="button" class="nav-link dropdown-toggle" data-toggle="dropdown">About Us</a>
<ul class="dropdown-menu">
<li><a href="https://www.royalpay.com.au/about.html" target="_blank">About Us</a></li>
<li><a href="https://www.royalpay.com.au/c_news.html">News</a></li>
<li><a href="https://www.royalpay.com.au/c_career.html">Career</a></li>
</ul>
</li>
<li class="nav-item">
<a href="https://www.royalpay.com.au/download.html" class="nav-link">App</a>
</li>
<li class="nav-item hidden-xs hidden-sm">
<a href="https://mpay.royalpay.com.au/login.html" target="_blank"
class="btn btn-success signin">Sign In</a>
</li>
<li class="nav-item hidden-xs hidden-sm">
<a href="https://mpay.royalpay.com.au/partner_register.html" target="_blank"
class="btn btn-success signin">Apply</a>
</li>
</ul>
</div>
</nav>
<div id="fullpage" class="fullpage-wrapper">
<div class="register-box content-with">
<!--<div class="row">-->
<!--<div class="col-sm-12">-->
<!--</div>-->
<!--</div>-->
<!--<section class="content-header" style="text-align: center">-->
<!--<h3>Please fill in the application form below to be a wechat payment merchant</h3>-->
<!--</section>-->
<!--<div class="register-logo">-->
<!--Easy Business,Easy Pay-->
<!--</div>-->
<div class="register-box-body register-box-bg">
<p class="login-box-msg">Easy Business,Easy Payment</p>
<form novalidate name="partnerForm" action="" method="post">
<div class="form-group has-feedback"
ng-class="{'has-error':partnerForm.short_name.$invalid && partnerForm.short_name.$dirty}">
<input type="text" class="form-control" ng-model="partner.short_name" name="short_name"
placeholder="Store Name /Company Name" required maxlength="80">
<span ng-messages="partnerForm.short_name.$error" ng-if="partnerForm.short_name.$dirty" ng-message="required">
</span>
</div>
<div class="form-group has-feedback"
ng-class="{'has-error':partnerForm.address.$invalid && partnerForm.address.$dirty}">
<textarea class="form-control" ng-model="partner.address" placeholder="Address" name="address" required maxlength="100"></textarea>
<span ng-messages="partnerForm.address.$error" ng-if="partnerForm.address.$dirty" ng-message="required">Required Field</span>
</div>
<div class="form-group has-feedback"
ng-class="{'has-error':partnerForm.state.$invalid && partnerForm.state.$dirty}">
<select class="form-control" name="state"
ng-model="partner.state"
id="state-input" required
ng-options="state.value as state.label for state in states">
<option value="">State</option>
</select>
<span ng-messages="partnerForm.state.$error" ng-if="partnerForm.state.$dirty" ng-message="required">Required Field</span>
</div>
<div class="form-group has-feedback"
ng-class="{'has-error':partnerForm.industry.$invalid && partnerForm.industry.$dirty}">
<select class="form-control" name="industry"
ng-model="partner.industry"
id="industry-input" required
ng-options="industry.value as industry.label for industry in industries">
<option value="">Industry</option>
</select>
<span ng-messages="partnerForm.industry.$error" ng-if="partnerForm.industry.$dirty" ng-message="required">Required Field</span>
</div>
<!--<div class="form-group"-->
<!--ng-class="{'has-error':partnerForm.industry.$invalid && partnerForm.industry.$dirty}">-->
<!--<label class="control-label col-sm-2" for="industry-input">Company-->
<!--Industry</label>-->
<!--<div class="col-sm-10">-->
<!--<select class="form-control" name="industry"-->
<!--ng-model="partner.industry"-->
<!--id="industry-input"-->
<!--ng-options="industry.value as industry.label for industry in industries">-->
<!--<option value="">Please Choose</option>-->
<!--</select>-->
<!--<div ng-messages="partnerForm.industry.$error"-->
<!--ng-if="partnerForm.industry.$dirty">-->
<!--<p class="small text-danger" ng-message="required">-->
<!--Required Field</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<div class="form-group has-feedback"
ng-class="{'has-error':partnerForm.contact_person.$invalid && partnerForm.contact_person.$dirty}">
<input class="form-control" ng-model="partner.contact_person" placeholder="Contact Person" required maxlength="50" name="contact_person">
<span ng-messages="partnerForm.contact_person.$error" ng-if="partnerForm.contact_person.$dirty" ng-message="required">Required Field</span>
</div>
<!--<div class="form-group"-->
<!--ng-class="{'has-error':partnerForm.contact_person.$invalid && partnerForm.contact_person.$dirty}">-->
<!--<label class="control-label col-sm-2"-->
<!--for="contact_person-input">* Full-->
<!--Name</label>-->
<!--<div class="col-sm-10">-->
<!--<input class="form-control"-->
<!--ng-model="partner.contact_person" required-->
<!--name="contact_person"-->
<!--id="contact_person-input" maxlength="50">-->
<!--<div ng-messages="partnerForm.contact_person.$error"-->
<!--ng-if="partnerForm.contact_person.$dirty">-->
<!--<p class="small text-danger" ng-message="required">-->
<!--Required-->
<!--Field</p>-->
<!--<p class="small text-danger" ng-message="maxlength">Less-->
<!--Than 50-->
<!--Characters(including symbols and spaces)</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<div class="form-group has-feedback"
ng-class="{'has-error':partnerForm.contact_phone.$invalid && partnerForm.contact_phone.$dirty}">
<input class="form-control" ng-model="partner.contact_phone" placeholder="Contact Phone" required maxlength="20" name="contact_phone">
<span ng-messages="partnerForm.contact_phone.$error" ng-if="partnerForm.contact_phone.$dirty" ng-message="required">Required Field</span>
</div>
<!--<div class="form-group"-->
<!--ng-class="{'has-error':partnerForm.contact_phone.$invalid && partnerForm.contact_phone.$dirty}">-->
<!--<label class="control-label col-sm-2" for="contact-phone-input">*-->
<!--Phone</label>-->
<!--<div class="col-sm-10">-->
<!--<input type="text" class="form-control"-->
<!--ng-model="partner.contact_phone"-->
<!--required-->
<!--name="contact_phone" id="contact-phone-input"-->
<!--maxlength="20">-->
<!--<div ng-messages="partnerForm.contact_phone.$error"-->
<!--ng-if="partnerForm.contact_phone.$dirty">-->
<!--<p class="small text-danger" ng-message="required">-->
<!--Required-->
<!--Field</p>-->
<!--<p class="small text-danger" ng-message="maxlength">Less-->
<!--Than 20-->
<!--Characters(including symbols and spaces)</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<div class="form-group has-feedback"
ng-class="{'has-error':partnerForm.contact_email.$invalid && partnerForm.contact_email.$dirty}">
<input class="form-control" ng-model="partner.contact_email" placeholder="Email" required maxlength="50" name="contact_email">
<span ng-messages="partnerForm.contact_email.$error" ng-if="partnerForm.contact_email.$dirty" ng-message="required">Required Field</span>
</div>
<div class="row">
<div class="form-group col-xs-12" ng-class="{'has-error':partnerForm.captcha.$invalid && partnerForm.captcha.$dirty}">
<input type="text" name="captcha" required ng-model="partner.captcha" class="form-control" style="width: 80%;display: inline" id="verifyCode" placeholder="Verification Code">
<img style="width:20%;display:inline;height: 34px;float: right" id="kaptcha" ng-src="{{captchaImage}}"
title="点击更换"
ng-click="changeCaptchaImage()">
<div style="margin-left: 40%" ng-messages="partnerForm.captcha.$error"
ng-if="partnerForm.captcha.$dirty">
<p class="small text-danger" ng-message="required">Required Field</p>
</div>
</div>
<!-- /.col -->
<div class="col-xs-12 margin-bottom">
<button type="button" id="login-btn" class="btn btn-success btn-block btn-flat" ng-click="save(partnerForm)">Submit</button>
<div>
<p ng-if="resError" style="padding: 6px 12px;font-size: 14px;"
class="small text-danger">{{resError}}</p>
</div>
</div>
<!-- /.col -->
</div>
<!--<div class="form-group"-->
<!--ng-class="{'has-error':partnerForm.contact_email.$invalid && partnerForm.contact_email.$dirty}">-->
<!--<label class="control-label col-sm-2"-->
<!--for="contact_email-input">* Email</label>-->
<!--<div class="col-sm-10">-->
<!--<input type="text" class="form-control"-->
<!--ng-model="partner.contact_email"-->
<!--required-->
<!--name="contact_email" id="contact_email-input"-->
<!--maxlength="50">-->
<!--<div ng-messages="partnerForm.contact_email.$error"-->
<!--ng-if="partnerForm.contact_email.$dirty">-->
<!--<p class="small text-danger" ng-message="required">-->
<!--Required-->
<!--Field</p>-->
<!--<p class="small text-danger" ng-message="maxlength">Less-->
<!--Than 50-->
<!--Characters(including symbols and spaces)</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!-- <div class="col-sm-12" style="padding-bottom: 10px;text-align: center"
ng-class="{'has-error':partnerForm.captcha.$invalid && partnerForm.captcha.$dirty}">
<img style="display:inline;" id="kaptcha" ng-src="{{captchaImage}}"
title="点击更换"
ng-click="changeCaptchaImage()"/>
<input ng-model="partner.captcha" style="padding-left: 0px;max-width: 100px"
required
class="captcha"
name="captcha"
maxlength="50">
<div style="margin-left: 40%" ng-messages="partnerForm.captcha.$error"
ng-if="partnerForm.captcha.$dirty">
<p class="small text-danger" ng-message="required">Required Field</p>
</div>
</div>-->
<!--<div class="col-sm-12">-->
<!--<button class="btn btn-success btn-lg btn-block visible-lg"-->
<!--style="margin-left: 35%;width: 30%" type="button"-->
<!--ng-click="save(partnerForm)">-->
<!--Submit to be a partner-->
<!--</button>-->
<!--<button class="btn btn-success btn-lg btn-block hidden-lg" type="button"-->
<!--ng-click="save(partnerForm)">Submit to be a partner-->
<!--</button>-->
<!--<div>-->
<!--<p ng-if="resError" style="padding: 6px 12px;font-size: 14px;"-->
<!--class="small text-danger">{{resError}}</p>-->
<!--</div>-->
<!--</div>-->
</form>
<!--<form class="form-inline col-sm-12" role="form">-->
<!--<div class="form-group">-->
<!--<label class="sr-only">Email address</label>-->
<!--<img style="display:inline;" id="kaptcha" ng-src="{{captchaImage}}"-->
<!--title="点击更换"-->
<!--ng-click="changeCaptchaImage()"/>-->
<!--</div>-->
<!--<div class="form-group">-->
<!--<label class="sr-only"></label>-->
<!--<input ng-model="partner.captcha" class="form-control" required type="text"-->
<!--name="captcha"-->
<!--maxlength="50">-->
<!--</div>-->
<!--&lt;!&ndash;<div class="form-group" ng-messages="partnerForm.captcha.$error" ng-if="partnerForm.captcha.$dirty">&ndash;&gt;-->
<!--&lt;!&ndash;<p class="small text-danger" ng-message="required">Required Field</p>&ndash;&gt;-->
<!--&lt;!&ndash;</div>&ndash;&gt;-->
<!--</form>-->
</div>
</div>
<div class="modal fade">
<div class="modal-dialog" role="document">
<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>
<span class="sr-only">Close</span></button>
<h4 class="modal-title">Success</h4>
</div>
<div class="modal-body">
Registered merchant application has been submitted successfully
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close
</button>
</div>
</div>
</div>
</div>
</div>
<section class="section section-six fp-auto-height footer">
<div class="container">
<div class="row margin-bottom">
<div class="col-md-4 footer-item">
CONTACT US
<hr>
Level 2<br>
50 Bridge Street<br>
Sydney NSW 2000<br>
<br>
Level 11<br>
15 William Street<br>
Melbourne VIC 3000<br>
<br>
1300-10-77-50<br>
03 9448 8865<br>
info@royalpay.com.au
</div>
<div class="col-md-4 sitemap footer-item">
SITE MAP
<hr>
<div class="row">
<div class="col-xs-6">
<p><a href="/">RoyalPay</a></p>
<p><a href="https://mpay.royalpay.com.au/docs/en/">Gateway API</a></p>
<p><a href="https://www.royalpay.com.au/industry.html">Industry Solution</a></p>
<p><a href="https://www.royalpay.com.au/marketing.html">Marketing Service</a></p>
</div>
<div class="col-xs-6">
<p><a href="https://www.royalpay.com.au/about.html">About Us</a></p>
<p><a href="https://www.royalpay.com.au/c_news.html">News</a></p>
<p><a href="https://www.royalpay.com.au/c_career.html">Career</a></p>
<p><a href="https://www.royalpay.com.au/download.html">Downloads</a></p>
</div>
</div>
</div>
<div class="col-md-4 footer-item">
SUPPORT
<hr>
<div class="row">
<div class="col-xs-6 qr-box">
<img src="static/css/img/qr_royalpay.png">
RoyalPay WeChat Official Account
</div>
<div class="col-xs-6 qr-box">
<img src="static/css/img/qr_service.png">
Customer Service
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-xs-12 text-center">
© 2016 Tunnel Show Pty. Ltd. | Representative of AFSL licensee 448066
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<div id="fp-nav" class="right"></div>
<div id="cli_dialog_div"></div>
</body>
</html>