Skip to content

P
PERFORMA_REPLICA
Commit 5c9bf5ae by Saliya Randunu
Options

fix the choose plan popup data passing trough a loop

parent b3fe1e80
Showing with 57 additions and 52 deletions
cmsWebApp/webroot/extensions/adminportal/manage_plan.jsp
...@@ -36,9 +36,22 @@ ...@@ -36,9 +36,22 @@
%> %>
<script type="text/javascript"> <script type="text/javascript">
var Popup = null;
$(document).ready(function() $(document).ready(function()
{ {
recalcFunction = setupRecalc ($("form#editCompany"), {'recalcOnError':true}); 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> </script>
...@@ -154,7 +167,7 @@ ...@@ -154,7 +167,7 @@
<div class="cost-per-job">Cost Per Job</div> <div class="cost-per-job">Cost Per Job</div>
<div class="monthly-fee">Monthly Fee</div> <div class="monthly-fee">Monthly Fee</div>
</div> </div>
<div class="choose-plan-item"> <div class="choose-plan-item ">
<div class="jobs"> <div class="jobs">
10 Jobs 10 Jobs
</div> </div>
...@@ -175,10 +188,52 @@ ...@@ -175,10 +188,52 @@
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", nextPage) requestAttribs="<%= CollectionUtils.mapEntry("nextPage", nextPage)
.toMap() %>" /> .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) requestAttribs="<%= CollectionUtils.mapEntry("nextPage", nextPage)
.toMap() %>" /> .toMap() %>" />
</div>
</div> </div>
</div> </div>
<div class="choose-plan-item active"> <div class="choose-plan-item active">
<div class="jobs"> <div class="jobs">
...@@ -264,57 +319,7 @@ ...@@ -264,57 +319,7 @@
</div> </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> </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