Modal Privacy and Toc

This commit is contained in:
Ibnu Maksum 2023-09-21 16:36:43 +07:00
parent c51f04747d
commit 106aaf827f
No known key found for this signature in database
GPG Key ID: 7FC82848810579E5
10 changed files with 201 additions and 58 deletions

View File

@ -2,6 +2,13 @@
# CHANGELOG
## 2023.9.21
- Customer can extend Plan
- Customer can Deactivate active plan
- add variable nux-router to select only plan from that router
- Show user expired until 30 items
## 2023.9.20
- Fix Customer balance header

View File

@ -105,9 +105,9 @@
</div>
<br>
<center>
<a href="./pages/Privacy_Policy.html" target="_blank">Privacy</a>
<a href="javascript:showPrivacy()">Privacy</a>
&bull;
<a href="./pages/Terms_and_Conditions.html" target="_blank">T &amp; C</a>
<a href="javascript:showTaC()">T &amp; C</a>
</center>
</div>
</div>
@ -116,6 +116,22 @@
</form>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="HTMLModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<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></button>
</div>
<div class="modal-body" id="HTMLModal_konten"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">&times;</button>
</div>
</div>
</div>
</div>
{if $_c['tawkto'] != ''}
<!--Start of Tawk.to Script-->
<script type="text/javascript">
@ -133,7 +149,7 @@
</script>
<!--End of Tawk.to Script-->
{/if}
<script src="ui/ui/scripts/vendors.js"></script>
<script src="ui/ui/scripts/vendors.js?v=1"></script>
</body>
</html>

View File

@ -80,9 +80,9 @@
</div>
<br>
<center>
<a href="./pages/Privacy_Policy.html" target="_blank">Privacy</a>
<a href="javascript:showPrivacy()">Privacy</a>
&bull;
<a href="./pages/Terms_and_Conditions.html" target="_blank">T &amp; C</a>
<a href="javascript:showTaC()">T &amp; C</a>
</center>
</div>
</div>
@ -90,6 +90,22 @@
</form>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="HTMLModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<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></button>
</div>
<div class="modal-body" id="HTMLModal_konten"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">&times;</button>
</div>
</div>
</div>
</div>
{if $_c['tawkto'] != ''}
<!--Start of Tawk.to Script-->
<script type="text/javascript">
@ -107,7 +123,7 @@
</script>
<!--End of Tawk.to Script-->
{/if}
<script src="ui/ui/scripts/vendors.js"></script>
<script src="ui/ui/scripts/vendors.js?v=1"></script>
</body>
</html>

View File

@ -96,9 +96,9 @@
</div>
<br>
<center>
<a href="./pages/Privacy_Policy.html" target="_blank">Privacy</a>
<a href="javascript:showPrivacy()">Privacy</a>
&bull;
<a href="./pages/Terms_and_Conditions.html" target="_blank">T &amp; C</a>
<a href="javascript:showTaC()">T &amp; C</a>
</center>
</div>
</div>
@ -107,6 +107,22 @@
</form>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="HTMLModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<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></button>
</div>
<div class="modal-body" id="HTMLModal_konten"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">&times;</button>
</div>
</div>
</div>
</div>
{if $_c['tawkto'] != ''}
<!--Start of Tawk.to Script-->
<script type="text/javascript">
@ -124,7 +140,7 @@
</script>
<!--End of Tawk.to Script-->
{/if}
<script src="ui/ui/scripts/vendors.js"></script>
<script src="ui/ui/scripts/vendors.js?v=1"></script>
</body>
</html>

View File

@ -105,3 +105,29 @@ $(function() {
}
});
});
function showPrivacy() {
$('#HTMLModal_title').html('Privacy Policy');
$('#HTMLModal_konten').html('<center><img src="ui/ui/images/loading.gif"></center>');
$('#HTMLModal').modal({
'show': true,
'backdrop': false,
});
$.get('pages/Privacy_Policy.html?' + (new Date()), function(data) {
$('#HTMLModal_konten').html(data);
});
}
function showTaC() {
$('#HTMLModal_title').html('Terms and Conditions');
$('#HTMLModal_konten').html('<center><img src="ui/ui/images/loading.gif"></center>');
$('#HTMLModal').modal({
'show': true,
'backdrop': false,
});
$.get('pages/Terms_and_Conditions.html?' + (new Date()), function(data) {
$('#HTMLModal_konten').html(data);
$('#HTMLModal').modal('handleUpdate')
});
}

File diff suppressed because one or more lines are too long

View File

@ -1,41 +1,40 @@
</section>
</div>
<footer class="main-footer">
<div class="pull-right" id="version" onclick="location.href = '{$_url}community#latestVersion';"></div>
PHPNuxBill by <a href="https://github.com/hotspotbilling/phpnuxbill" rel="nofollow noreferrer noopener"
target="_blank">iBNuX</a>, Theme by <a href="https://adminlte.io/" rel="nofollow noreferrer noopener"
target="_blank">AdminLTE</a>
</footer>
</div>
</div>
<footer class="main-footer">
<div class="pull-right" id="version" onclick="location.href = '{$_url}community#latestVersion';"></div>
PHPNuxBill by <a href="https://github.com/hotspotbilling/phpnuxbill" rel="nofollow noreferrer noopener"
target="_blank">iBNuX</a>, Theme by <a href="https://adminlte.io/" rel="nofollow noreferrer noopener"
target="_blank">AdminLTE</a>
</footer>
</div>
<script src="ui/ui/scripts/jquery.min.js"></script>
<script src="ui/ui/scripts/bootstrap.min.js"></script>
<script src="ui/ui/scripts/adminlte.min.js"></script>
<script src="ui/ui/scripts/plugins/select2.min.js"></script>
<script src="ui/ui/scripts/custom.js"></script>
<script src="ui/ui/scripts/jquery.min.js"></script>
<script src="ui/ui/scripts/bootstrap.min.js"></script>
<script src="ui/ui/scripts/adminlte.min.js"></script>
<script src="ui/ui/scripts/plugins/select2.min.js"></script>
<script src="ui/ui/scripts/custom.js"></script>
{if isset($xfooter)}
{$xfooter}
{/if}
{literal}
<script>
$(document).ready(function() {
$('.select2').select2({theme: "bootstrap"});
});
{if isset($xfooter)}
{$xfooter}
{/if}
{literal}
<script>
$(document).ready(function() {
$('.select2').select2({theme: "bootstrap"});
});
$(document).ready(function() {
$('.select2tag').select2({theme: "bootstrap", tags: true});
});
$(document).ready(function() {
$('.select2tag').select2({theme: "bootstrap", tags: true});
});
var listAtts = document.querySelectorAll(`[api-get-text]`);
listAtts.forEach(function(el) {
$.get(el.getAttribute('api-get-text'), function(data) {
el.innerHTML = data;
});
});
</script>
{/literal}
var listAtts = document.querySelectorAll(`[api-get-text]`);
listAtts.forEach(function(el) {
$.get(el.getAttribute('api-get-text'), function(data) {
el.innerHTML = data;
});
});
</script>
{/literal}
</body>
</body>
</html>

View File

@ -4,9 +4,9 @@
<footer class="main-footer">
{$_c['CompanyFooter']}
<div class="pull-right">
<a href="./pages/Privacy_Policy.html" target="_blank">Privacy</a>
<a href="javascript:showPrivacy()">Privacy</a>
&bull;
<a href="./pages/Terms_of_Conditions.html" target="_blank">ToC</a>
<a href="javascript:showTaC()">T &amp; C</a>
</div>
</footer>
{else}
@ -14,21 +14,40 @@
PHPNuxBill by <a href="https://github.com/hotspotbilling/phpnuxbill" rel="nofollow noreferrer noopener"
target="_blank">iBNuX</a>, Theme by <a href="https://adminlte.io/" rel="nofollow noreferrer noopener"
target="_blank">AdminLTE</a>
<div class="pull-right">
<a href="./pages/Privacy_Policy.html" target="_blank">Privacy</a>
&bull;
<a href="./pages/Terms_of_Conditions.html" target="_blank">ToC</a>
</div>
<div class="pull-right">
<a href="javascript:showPrivacy()">Privacy</a>
&bull;
<a href="javascript:showTaC()">T &amp; C</a>
</div>
</footer>
{/if}
</div>
<!-- Modal -->
<div class="modal fade" id="HTMLModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<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></button>
</div>
<div class="modal-body" id="HTMLModal_konten"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">&times;</button>
</div>
</div>
</div>
</div>
<script src="ui/ui/scripts/jquery.min.js"></script>
<script src="ui/ui/scripts/bootstrap.min.js"></script>
<script src="ui/ui/scripts/adminlte.min.js"></script>
<script src="ui/ui/scripts/plugins/select2.min.js"></script>
<script src="ui/ui/scripts/custom.js"></script>
<script src="ui/ui/scripts/custom.js?v=2"></script>
{if isset($xfooter)}
{$xfooter}

View File

@ -79,9 +79,9 @@
</div>
<br>
<center>
<a href="./pages/Privacy_Policy.html" target="_blank">Privacy</a>
<a href="javascript:showPrivacy()">Privacy</a>
&bull;
<a href="./pages/Terms_and_Conditions.html" target="_blank">T &amp; C</a>
<a href="javascript:showTaC()">T &amp; C</a>
</center>
</form>
</div>
@ -89,7 +89,25 @@
</div>
</div>
</div>
<script src="ui/ui/scripts/vendors.js"></script>
<!-- Modal -->
<div class="modal fade" id="HTMLModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<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></button>
</div>
<div class="modal-body" id="HTMLModal_konten"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">&times;</button>
</div>
</div>
</div>
</div>
<script src="ui/ui/scripts/vendors.js?v=1"></script>
</body>
</html>

View File

@ -1,3 +1,3 @@
{
"version": "2023.9.20"
"version": "2023.9.21"
}