Commit 5c9bf5ae by Saliya Randunu

fix the choose plan popup data passing trough a loop

parent b3fe1e80
......@@ -36,9 +36,22 @@
%>
<script type="text/javascript">
var Popup = null;
$(document).ready(function()
{
recalcFunction = setupRecalc ($("form#editCompany"), {'recalcOnError':true});
Popup = new jBox('Modal', {
id : "change-plan",
overlay : true,
width : 600, height : 640
});
$(".select-btn").on("click",function(){
Popup.setContent($("#" + $(this).data('popupid') ));
Popup.open();
});
});
</script>
......@@ -154,7 +167,7 @@
<div class="cost-per-job">Cost Per Job</div>
<div class="monthly-fee">Monthly Fee</div>
</div>
<div class="choose-plan-item">
<div class="choose-plan-item ">
<div class="jobs">
10 Jobs
</div>
......@@ -175,10 +188,52 @@
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", nextPage)
.toMap() %>" />
<oneit:button value="Select" name="saveCompany" cssClass="btn select-btn"
<a href="#" class="btn select-btn" data-popupid ="change-plan-popup01" >Select</a>
</div>
<div id="change-plan-popup01" style="display:none" >
<div class="change-plan-content">
<h3>
Upgrade to 20 Jobs per month?
</h3>
<div class="upgrade-info">
Upgrading your plan to 20 jobs per month will incur an additional cost of $2,000 be billed immediately.
<span>
This cose is to cover the differnce between your current active 10 job plan ($2,700) and the new 20 job plan ($4,700).
</span>
</div>
<div class="change-plan-list">
<div class="list-item">
<span class="item-title">Jobs remaining this month</span>
<span class="item-value">10 Job Remaining</span>
</div>
<div class="list-item">
<span class="item-title">Date your plan will reset</span>
<span class="item-value">12 September, 2018</span>
</div>
<div class="list-item">
<span class="item-title">Date of next billing period</span>
<span class="item-value">$4,700 on 12 September, 2018</span>
</div>
</div>
<div class="upgrade-info">
<span>
Would you like to proceed with upgrading your account?
</span>
</div>
</div>
<div class="change-plan-button">
<a class="change-plan-no-button">No</a>
<oneit:button skin="link" value="Yes" name="saveCompany" cssClass="change-plan-yes-button"
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", nextPage)
.toMap() %>" />
</div>
</div>
</div>
<div class="choose-plan-item active">
<div class="jobs">
......@@ -264,57 +319,7 @@
</div>
<div id="change-plan-popup" >
<div class="change-plan-content">
<h3>
Upgrade to 20 Jobs per month?
</h3>
<div class="upgrade-info">
Upgrading your plan yo 20 jobs per month will incur an additional cost of $2,000 be billed immediately.
<span>
This cose is to cover the differnce between your current active 10 job plan ($2,700) and the new 20 job plan ($4,700).
</span>
</div>
<div class="change-plan-list">
<div class="list-item">
<span class="item-title">Jobs remaining this month</span>
<span class="item-value">10 Job Remaining</span>
</div>
<div class="list-item">
<span class="item-title">Date your plan will reset</span>
<span class="item-value">12 September, 2018</span>
</div>
<div class="list-item">
<span class="item-title">Date of next billing period</span>
<span class="item-value">$4,700 on 12 September, 2018</span>
</div>
</div>
<div class="upgrade-info">
<span>
Would you like to proceed with upgrading your account?
</span>
</div>
</div>
<div class="change-plan-button">
<a class="change-plan-no-button">No</a>
<a class="change-plan-yes-button">Yes</a>
</div>
</div>
<script>
$(function(){
var Popup = new jBox('Modal', {
id : "change-plan",
attach: '.select-job-plan',
content : $("#change-plan-popup"),
overlay : true,
width : 600, height : 640
});
});
</script>
</oneit:dynIncluded>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment