@layout("/common/_container.html"){
|
<link href="${ctxPath}/css/plugins/switchery/switchery.css" rel="stylesheet">
|
<style>
|
.table1{
|
display: inline;
|
width: 20%;
|
float:left;
|
text-align:center;
|
border-collapse:collapse;
|
font-size: 18px;
|
}
|
.table1:hover{
|
background-color: rgba(255,0,0,.3);
|
}
|
.newWidth, .single-line{
|
max-width:150px !important;display: initial !important;
|
}
|
</style>
|
<div class="ibox float-e-margins">
|
<div class="ibox-content">
|
<div class="form-horizontal">
|
|
<div class="row">
|
<div class="col-sm-10">
|
|
@if(language==1){
|
<div style="height: 50px;box-sizing: border-box;background:#f3f3f4;line-height: 50px;border:1px solid;margin-bottom: 20px;">
|
<div style="height: 50px;box-sizing: border-box;background:#f3f3f4;line-height: 50px;border:1px solid;margin-bottom: 20px;">
|
<div id="div1" class='table1' onclick="getContent(1)" style="border-right: 1px solid #333;background-color: rgb(26, 179, 148);color: white;">活动设置</div>
|
<div id="div2" class='table1' onclick="getContent(2)" style="border-right: 1px solid #333;">注册奖励</div>
|
<div id="div3" class='table1' onclick="getContent(3)" style="border-right: 1px solid #333;">邀请奖励</div>
|
<div id="div4" class='table1' onclick="getContent(4)" style="border-right: 1px solid #333;">充值赠送</div>
|
<div id="div5" class='table1' onclick="getContent(5)" style="border-right: 1px solid #333;">打折活动</div>
|
<div id="div6" class='table3' style="border-right: 1px solid #333;"></div>
|
</div>
|
@}
|
@if(language==2){
|
<div style="height: 50px;box-sizing: border-box;background:#f3f3f4;line-height: 50px;border:1px solid;margin-bottom: 20px;">
|
<div id="div1" class='table1' onclick="getContent(1)" style="border-right: 1px solid #333;background-color: rgb(26, 179, 148);color: white;">Activity settings</div>
|
<div id="div2" class='table1' onclick="getContent(2)" style="border-right: 1px solid #333;">Registration reward</div>
|
<div id="div3" class='table1' onclick="getContent(3)" style="border-right: 1px solid #333;">Invitation reward</div>
|
<div id="div4" class='table1' onclick="getContent(4)" style="border-right: 1px solid #333;">Recharge will be rewarded</div>
|
<div id="div5" class='table1' onclick="getContent(5)" style="border-right: 1px solid #333;">Reward of discount activity</div>
|
<div id="div6" class='table3' style="border-right: 1px solid #333;"></div>
|
</div>
|
@}
|
@if(language==3){
|
<div style="height: 50px;box-sizing: border-box;background:#f3f3f4;line-height: 50px;border:1px solid;margin-bottom: 20px;">
|
<div id="div1" class='table1' onclick="getContent(1)" style="border-right: 1px solid #333;background-color: rgb(26, 179, 148);color: white;">Pengaturan Aktivitas</div>
|
<div id="div2" class='table1' onclick="getContent(2)" style="border-right: 1px solid #333;">Hadiah pendaftaran</div>
|
<div id="div3" class='table1' onclick="getContent(3)" style="border-right: 1px solid #333;">Hadiah Undangan</div>
|
<div id="div4" class='table1' onclick="getContent(4)" style="border-right: 1px solid #333;">Recharge akan dihargai</div>
|
<div id="div5" class='table1' onclick="getContent(5)" style="border-right: 1px solid #333;">Hadiah Aktivitas Diskon</div>
|
<div id="div6" class='table3' style="border-right: 1px solid #333;"></div>
|
</div>
|
@}
|
<div class="row" id="content1" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<div class="form-group">
|
@if(language==1){
|
<div class="col-sm-10">
|
<h1>添加活动</h1>
|
<br/>
|
<br/>
|
活动名称： <input type="text" name="zc1" id="name" class="form-control newWidth" />
|
<br/>
|
<br/>
|
活动时间： <input type="text" id="startTime" name="zc7" class="form-control" style="max-width:300px !important;display: initial !important;" />
|
</div>
|
@}
|
@if(language==2){
|
<div class="col-sm-10">
|
<h1>Add activity</h1>
|
<br/>
|
<br/>
|
Activity name： <input type="text" name="zc1" id="name" class="form-control newWidth" />
|
<br/>
|
<br/>
|
Activity time： <input type="text" id="startTime" name="zc7" class="form-control" style="max-width:300px !important;display: initial !important;" />
|
</div>
|
@}
|
@if(language==3){
|
<div class="col-sm-10">
|
<h1>Tambahkan aktivitas</h1>
|
<br/>
|
<br/>
|
Nama aktivitas： <input type="text" name="zc1" id="name" class="form-control newWidth" />
|
<br/>
|
<br/>
|
Waktu aktivitas： <input type="text" id="startTime" name="zc7" class="form-control" style="max-width:300px !important;display: initial !important;" />
|
</div>
|
@}
|
</div>
|
</div>
|
</div>
|
<div class="row" id="content2" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<div class="form-group">
|
@if(language==1){
|
<div class="col-sm-15">
|
<input type="hidden" id="content2CouponId">
|
<h1>用户注册既赠送优惠券</h1>
|
<br/>
|
<br/>
|
启用： <input type="checkbox" class="js-switch" id="content2Check" checked="">
|
<br/>
|
<br/>
|
<#button name="选择优惠券" icon="fa-plus" clickFun="UserActivityInfoDlg.toSelectCouponOpt()"/>
|
<br/>
|
<br/>
|
优惠券名称： <input type="text" name="zc1" id="content2Num1" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
服务类型： <input type="text" name="zc1" id="content2Num2" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
优惠券类型： <input type="text" name="zc1" id="content2Num3" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
金额：
|
|
|
<input type="text" name="zc1" id="content2Num4" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
最高金额： <input type="text" name="zc1" id="content2Num7" class="form-control newWidth" />
|
<br/>
|
<br/>
|
有效期：
|
|
<input type="text" name="zc1" id="content2Num5" class="form-control newWidth" /> 天
|
<br/>
|
<br/>
|
张数：
|
|
|
<input type="text" name="zc1" id="content2Num6" class="form-control newWidth" />
|
</div>
|
</div>
|
@}
|
@if(language==2){
|
<div class="col-sm-15">
|
<input type="hidden" id="content2CouponId">
|
<h1>Users who register already give coupons.</h1>
|
<br/>
|
<br/>
|
Launching： <input type="checkbox" class="js-switch" id="content2Check" checked="">
|
<br/>
|
<br/>
|
<#button name="Select coupons" icon="fa-plus" clickFun="UserActivityInfoDlg.toSelectCouponOpt()"/>
|
<br/>
|
<br/>
|
Coupon name： <input type="text" name="zc1" id="content2Num1" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Service type： <input type="text" name="zc1" id="content2Num2" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Coupon type： <input type="text" name="zc1" id="content2Num3" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Sum of money：
|
|
|
<input type="text" name="zc1" id="content2Num4" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Maximum amount： <input type="text" name="zc1" id="content2Num7" class="form-control newWidth" />
|
<br/>
|
<br/>
|
Term of validity：
|
|
<input type="text" name="zc1" id="content2Num5" class="form-control newWidth" /> Day
|
<br/>
|
<br/>
|
Number of sheets：
|
|
|
<input type="text" name="zc1" id="content2Num6" class="form-control newWidth" />
|
</div>
|
</div>
|
@}
|
@if(language==3){
|
<div class="col-sm-15">
|
<input type="hidden" id="content2CouponId">
|
<h1>Pengguna yang mendaftar sudah memberikan kupon.</h1>
|
<br/>
|
<br/>
|
Membuka： <input type="checkbox" class="js-switch" id="content2Check" checked="">
|
<br/>
|
<br/>
|
<#button name="Pilih Kupon" icon="fa-plus" clickFun="UserActivityInfoDlg.toSelectCouponOpt()"/>
|
<br/>
|
<br/>
|
Nama Kupon： <input type="text" name="zc1" id="content2Num1" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Jenis Layanan： <input type="text" name="zc1" id="content2Num2" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Jenis kupon： <input type="text" name="zc1" id="content2Num3" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Jumlah uang：
|
|
|
<input type="text" name="zc1" id="content2Num4" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Jumlah maksimum： <input type="text" name="zc1" id="content2Num7" class="form-control newWidth" />
|
<br/>
|
<br/>
|
Istilah validitas：
|
|
<input type="text" name="zc1" id="content2Num5" class="form-control newWidth" /> Hari
|
<br/>
|
<br/>
|
Jumlah lembar：
|
|
|
<input type="text" name="zc1" id="content2Num6" class="form-control newWidth" />
|
</div>
|
</div>
|
@}
|
|
</div>
|
</div>
|
|
@if(language==1){
|
<div class="row" id="content3" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<div class="form-group">
|
<div class="col-sm-10">
|
<input type="hidden" id="content3CouponId">
|
<h1>用户邀请用户奖励</h1>
|
<br/>
|
<br/>
|
启用： <input type="checkbox" id="content3Check" class="js-switch1" checked="">
|
<br/>
|
<br/>
|
<#button name="选择优惠券" icon="fa-plus" clickFun="UserActivityInfoDlg.toSelectCouponOpt1()"/>
|
<br/>
|
<br/>
|
优惠券名称： <input type="text" name="zc1" id="content3Num1" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
服务类型： <input type="text" name="zc1" id="content3Num2" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
优惠券类型： <input type="text" name="zc1" id="content3Num3" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
金额：
|
|
|
<input type="text" name="zc1" id="content3Num4" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
最高金额： <input type="text" name="zc1" id="content3Num7" class="form-control newWidth" />
|
<br/>
|
<br/>
|
有效期：
|
|
<input type="text" name="zc1" id="content3Num5" class="form-control newWidth" /> 天
|
<br/>
|
<br/>
|
张数：
|
|
|
<input type="text" name="zc1" id="content3Num6" class="form-control newWidth" />
|
</div>
|
</div>
|
</div>
|
</div>
|
@}
|
@if(language==2){
|
<div class="row" id="content3" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<div class="form-group">
|
<div class="col-sm-10">
|
<input type="hidden" id="content3CouponId">
|
<h1>Inviting users will be reward</h1>
|
<br/>
|
<br/>
|
Launching： <input type="checkbox" id="content3Check" class="js-switch1" checked="">
|
<br/>
|
<br/>
|
<#button name="Select coupons" icon="fa-plus" clickFun="UserActivityInfoDlg.toSelectCouponOpt1()"/>
|
<br/>
|
<br/>
|
Coupon name： <input type="text" name="zc1" id="content3Num1" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Service type： <input type="text" name="zc1" id="content3Num2" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Coupon type： <input type="text" name="zc1" id="content3Num3" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Sum of money：
|
|
|
<input type="text" name="zc1" id="content3Num4" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Maximum amount： <input type="text" name="zc1" id="content3Num7" class="form-control newWidth" />
|
<br/>
|
<br/>
|
Term of validity：
|
|
<input type="text" name="zc1" id="content3Num5" class="form-control newWidth" /> Day
|
<br/>
|
<br/>
|
Number of sheets：
|
|
|
<input type="text" name="zc1" id="content3Num6" class="form-control newWidth" />
|
</div>
|
</div>
|
</div>
|
</div>
|
@}
|
@if(language==3){
|
<div class="row" id="content3" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<div class="form-group">
|
<div class="col-sm-10">
|
<input type="hidden" id="content3CouponId">
|
<h1>Mengundang pengguna akan menjadi hadiah</h1>
|
<br/>
|
<br/>
|
Membuka： <input type="checkbox" id="content3Check" class="js-switch1" checked="">
|
<br/>
|
<br/>
|
<#button name="Pilih Kupon" icon="fa-plus" clickFun="UserActivityInfoDlg.toSelectCouponOpt1()"/>
|
<br/>
|
<br/>
|
Nama Kupon： <input type="text" name="zc1" id="content3Num1" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Jenis Layanan： <input type="text" name="zc1" id="content3Num2" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Jenis kupon： <input type="text" name="zc1" id="content3Num3" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Jumlah uang：
|
|
|
<input type="text" name="zc1" id="content3Num4" class="form-control newWidth" readonly/>
|
<br/>
|
<br/>
|
Jumlah maksimum： <input type="text" name="zc1" id="content3Num7" class="form-control newWidth" />
|
<br/>
|
<br/>
|
Istilah validitas：
|
|
<input type="text" name="zc1" id="content3Num5" class="form-control newWidth" /> Hari
|
<br/>
|
<br/>
|
Jumlah lembar：
|
|
|
<input type="text" name="zc1" id="content3Num6" class="form-control newWidth" />
|
</div>
|
</div>
|
</div>
|
</div>
|
@}
|
|
@if(language==1){
|
<div class="row" id="content4" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<h1>充值赠送奖励</h1>
|
<br/>
|
<br/>
|
<div class="form-group">
|
<div class="col-sm-10">
|
<#button name="添加" icon="fa-plus" clickFun="UserActivityInfoDlg.toAddRegistOpt()"/> 启用： <input type="checkbox" id="content4Check" class="js-switch4" checked="">
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="col-sm-15">
|
<div style="height: 200px; border: 1px solid #e5e6e7;overflow-y: auto;">
|
<table class="table table-striped table-bordered table-hover table-condensed">
|
<thead>
|
<tr>
|
<th style="width: 300px;">摩托车券金额</th>
|
<th style="width: 300px;">摩托车券数量</th>
|
<th style="width: 100px;">操作</th>
|
</tr>
|
</thead>
|
<tbody id="coun">
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
@}
|
@if(language==2){
|
<div class="row" id="content4" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<h1>Recharge will be rewarded</h1>
|
<br/>
|
<br/>
|
<div class="form-group">
|
<div class="col-sm-10">
|
<#button name="Add" icon="fa-plus" clickFun="UserActivityInfoDlg.toAddRegistOpt()"/> Launching： <input type="checkbox" id="content4Check" class="js-switch4" checked="">
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="col-sm-15">
|
<div style="height: 200px; border: 1px solid #e5e6e7;overflow-y: auto;">
|
<table class="table table-striped table-bordered table-hover table-condensed">
|
<thead>
|
<tr>
|
<th style="width: 300px;">Amount of motorcycle voucher</th>
|
<th style="width: 300px;">Number of motorcycle coupons</th>
|
<th style="width: 100px;">Operation</th>
|
</tr>
|
</thead>
|
<tbody id="coun">
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
@}
|
@if(language==3){
|
<div class="row" id="content4" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<h1>Recharge akan dihargai</h1>
|
<br/>
|
<br/>
|
<div class="form-group">
|
<div class="col-sm-10">
|
<#button name="Tambah" icon="fa-plus" clickFun="UserActivityInfoDlg.toAddRegistOpt()"/> Membuka： <input type="checkbox" id="content4Check" class="js-switch4" checked="">
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="col-sm-15">
|
<div style="height: 200px; border: 1px solid #e5e6e7;overflow-y: auto;">
|
<table class="table table-striped table-bordered table-hover table-condensed">
|
<thead>
|
<tr>
|
<th style="width: 300px;">Jumlah voucher sepeda motor</th>
|
<th style="width: 300px;">Jumlah kupon sepeda motor</th>
|
<th style="width: 100px;">Operasi</th>
|
</tr>
|
</thead>
|
<tbody id="coun">
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
@}
|
|
@if(language==1){
|
<div class="row" id="content5" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<div class="form-group">
|
<div class="col-sm-10">
|
<h1>打折活动奖励</h1>
|
<br/>
|
<br/>
|
启用： <input type="checkbox" id="content5Check" class="js-switch2" checked="">
|
<br/>
|
<br/>
|
摩托车活动打折：
|
|
<input type="text" name="zc1" id="content5Num1" class="form-control newWidth" /> 折
|
<br/>
|
<br/>
|
同城快送活动打折：
|
<input type="text" name="zc1" id="content5Num3" class="form-control newWidth" /> 折
|
</div>
|
</div>
|
</div>
|
</div>
|
@}
|
@if(language==2){
|
<div class="row" id="content5" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<div class="form-group">
|
<div class="col-sm-10">
|
<h1>Reward of discount activity</h1>
|
<br/>
|
<br/>
|
Launching： <input type="checkbox" id="content5Check" class="js-switch2" checked="">
|
<br/>
|
<br/>
|
Motorcycle activity discount：
|
|
<input type="text" name="zc1" id="content5Num1" class="form-control newWidth" /> discount
|
<br/>
|
<br/>
|
Discount for intra-city express delivery activities：
|
<input type="text" name="zc1" id="content5Num3" class="form-control newWidth" /> discount
|
</div>
|
</div>
|
</div>
|
</div>
|
@}
|
@if(language==3){
|
<div class="row" id="content5" style="margin-left: 100px;">
|
<div class="col-sm-11">
|
<div class="form-group">
|
<div class="col-sm-10">
|
<h1>Hadiah Aktivitas Diskon</h1>
|
<br/>
|
<br/>
|
Membuka： <input type="checkbox" id="content5Check" class="js-switch2" checked="">
|
<br/>
|
<br/>
|
Diskon aktivitas sepeda motor：
|
|
<input type="text" name="zc1" id="content5Num1" class="form-control newWidth" /> Diskon
|
<br/>
|
<br/>
|
Diskon untuk kegiatan pengiriman ekspres intra-kota：
|
<input type="text" name="zc1" id="content5Num3" class="form-control newWidth" /> Diskon
|
</div>
|
</div>
|
</div>
|
</div>
|
@}
|
</div>
|
</div>
|
|
<div class="row btn-group-m-t">
|
<div class="col-sm-10 col-sm-offset-5">
|
<input type="hidden" id="type" value="1">
|
|
@if(language==1){
|
<#button btnCss="info" name="保存" id="ensure" icon="fa-check" clickFun="UserActivityInfoDlg.addSubmit()"/>
|
<#button btnCss="info" name="下一步" icon="fa-check" id="nextB" clickFun="nextContent()"/>
|
@}
|
@if(language==2){
|
<#button btnCss="info" name="Save" id="ensure" icon="fa-check" clickFun="UserActivityInfoDlg.addSubmit()"/>
|
<#button btnCss="info" name="Next step" icon="fa-check" id="nextB" clickFun="nextContent()"/>
|
@}
|
@if(language==3){
|
<#button btnCss="info" name="Menyimpan" id="ensure" icon="fa-check" clickFun="UserActivityInfoDlg.addSubmit()"/>
|
<#button btnCss="info" name="Langkah berikutnya" icon="fa-check" id="nextB" clickFun="nextContent()"/>
|
@}
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
<script src="${ctxPath}/js/plugins/switchery/switchery.js"></script>
|
<script src="${ctxPath}/modular/system/userActivity/userActivity_info.js"></script>
|
<script>
|
var elem = document.querySelector('.js-switch');
|
var switchery = new Switchery(elem,{size:"large"});
|
var elem1 = document.querySelector('.js-switch1');
|
var switchery1 = new Switchery(elem1,{size:"large"});
|
var elem2 = document.querySelector('.js-switch2');
|
var switchery2 = new Switchery(elem2,{size:"large"});
|
var elem3 = document.querySelector('.js-switch3');
|
var switchery3 = new Switchery(elem3,{size:"large"});
|
var elem4 = document.querySelector('.js-switch4');
|
var switchery4 = new Switchery(elem4,{size:"large"});
|
|
laydate.render({
|
elem: '#startTime'
|
,type: 'datetime'
|
,range: true
|
,min: 'new Date()' //
|
,lang:"en"
|
});
|
$(function(){
|
getContent(1);
|
});
|
function getContent(type){
|
//设置点击字体颜色效果
|
for(var i=1;i<7;i++){
|
document.getElementById("div"+i).style.color="#888888";//
|
document.getElementById("div"+i).style.backgroundColor ="";
|
$("#content"+i).hide();
|
}
|
//设置点击背景颜色效果
|
document.getElementById("div"+type).style.color="white";//
|
document.getElementById("div"+type).style.backgroundColor ="rgb(26, 179, 148)";
|
$("#type").val(type);
|
$("#content"+type).show();
|
if(type!=5){
|
$("#ensure").hide();
|
$("#nextB").show();
|
}else{
|
$("#ensure").show();
|
$("#nextB").hide();
|
}
|
}
|
function nextContent(){
|
var type = $("#type").val();
|
getContent(parseInt(type)+1);
|
if(parseInt(type)+1==5){
|
$("#ensure").show();
|
$("#nextB").hide();
|
}
|
}
|
</script>
|
@}
|
