PATH: /home/hwyuvbry/dear.waroenkhoki123.web.id/topadmin/assets/js
FILE_BARU
CREATE
FOLDER_BARU
MKDIR
UPLOAD_FILE
GO
[ .. KEMBALI ]
📄 app-access-permission.js
↓
X
📄 app-access-roles.js
↓
X
📄 app-calendar-events.js
↓
X
📄 app-calendar.js
↓
X
📄 app-chat.js
↓
X
📄 app-email.js
↓
X
📄 app-invoice-add.js
↓
X
📄 app-invoice-edit.js
↓
X
📄 app-invoice-list.js
↓
X
📄 app-invoice-print.js
↓
X
📄 app-kanban.js
↓
X
📄 app-user-list.js
↓
X
📄 app-user-view-account.js
↓
X
📄 app-user-view-billing.js
↓
X
📄 app-user-view-security.js
↓
X
📄 app-user-view.js
↓
X
📄 cards-actions.js
↓
X
📄 cards-analytics.js
↓
X
📄 cards-statistics.js
↓
X
📄 charts-apex.js
↓
X
📄 charts-chartjs.js
↓
X
📄 config.js
↓
X
📄 dashboards-analytics.js
↓
X
📄 dashboards-crm.js
↓
X
📄 dashboards-ecommerce.js
↓
X
📄 extended-ui-blockui.js
↓
X
📄 extended-ui-drag-and-drop.js
↓
X
📄 extended-ui-media-player.js
↓
X
📄 extended-ui-misc-clipboardjs.js
↓
X
📄 extended-ui-misc-idle-timer.js
↓
X
📄 extended-ui-misc-numeraljs.js
↓
X
📄 extended-ui-perfect-scrollbar.js
↓
X
📄 extended-ui-star-ratings.js
↓
X
📄 extended-ui-sweetalert2.js
↓
X
📄 extended-ui-timeline.js
↓
X
📄 extended-ui-tour.js
↓
X
📄 extended-ui-treeview.js
↓
X
📄 form-basic-inputs.js
↓
X
📄 form-layouts.js
↓
X
📄 form-validation.js
↓
X
📄 form-wizard-icons.js
↓
X
📄 form-wizard-numbered.js
↓
X
📄 form-wizard-validation.js
↓
X
📄 forms-editors.js
↓
X
📄 forms-extras.js
↓
X
📄 forms-file-upload.js
↓
X
📄 forms-pickers.js
↓
X
📄 forms-selects.js
↓
X
📄 forms-sliders.js
↓
X
📄 forms-tagify.js
↓
X
📄 forms-typeahead.js
↓
X
📄 main.js
↓
X
📄 maps-leaflet.js
↓
X
📄 modal-add-new-address.js
↓
X
📄 modal-add-new-cc.js
↓
X
📄 modal-add-permission.js
↓
X
📄 modal-add-role.js
↓
X
📄 modal-create-app.js
↓
X
📄 modal-edit-cc.js
↓
X
📄 modal-edit-permission.js
↓
X
📄 modal-edit-user.js
↓
X
📄 modal-enable-otp.js
↓
X
📄 modal-share-project.js
↓
X
📄 modal-two-factor-auth.js
↓
X
📄 offcanvas-add-payment.js
↓
X
📄 offcanvas-send-invoice.js
↓
X
📄 pages-account-settings-account.js
↓
X
📄 pages-account-settings-billing.js
↓
X
📄 pages-account-settings-security.js
↓
X
📄 pages-auth-multisteps.js
↓
X
📄 pages-auth-two-steps.js
↓
X
📄 pages-auth.js
↓
X
📄 pages-pricing.js
↓
X
📄 pages-profile.js
↓
X
📄 tables-datatables-advanced.js
↓
X
📄 tables-datatables-basic.js
↓
X
📄 tables-datatables-extensions.js
↓
X
📄 ui-app-brand.js
↓
X
📄 ui-carousel.js
↓
X
📄 ui-menu.js
↓
X
📄 ui-modals.js
↓
X
📄 ui-navbar.js
↓
X
📄 ui-popover.js
↓
X
📄 ui-toasts.js
↓
X
📄 wizard-ex-checkout.js
↓
X
📄 wizard-ex-create-deal.js
↓
X
📄 wizard-ex-property-listing.js
↓
X
SAVING...
BERHASIL DIUBAH!
EDITING: pages-account-settings-billing.js
/** * Account Settings - Billing & Plans */ 'use strict'; document.addEventListener('DOMContentLoaded', function (e) { (function () { const creditCardMask = document.querySelector('.credit-card-mask'), expiryDateMask = document.querySelector('.expiry-date-mask'), CVVMask = document.querySelector('.cvv-code-mask'); // Credit Card if (creditCardMask) { new Cleave(creditCardMask, { creditCard: true, onCreditCardTypeChanged: function (type) { if (type != '' && type != 'unknown') { document.querySelector('.card-type').innerHTML = '<img src="' + assetsPath + 'img/icons/payments/' + type + '-cc.png" height="28"/>'; } else { document.querySelector('.card-type').innerHTML = ''; } } }); } // Expiry Date Mask if (expiryDateMask) { new Cleave(expiryDateMask, { date: true, delimiter: '/', datePattern: ['m', 'y'] }); } // CVV Mask if (CVVMask) { new Cleave(CVVMask, { numeral: true, numeralPositiveOnly: true }); } const formAccSettings = document.getElementById('formAccountSettings'), mobileNumber = document.querySelector('.mobile-number'), zipCode = document.querySelector('.zip-code'), creditCardForm = document.getElementById('creditCardForm'); // Form validation if (formAccSettings) { const fv = FormValidation.formValidation(formAccSettings, { fields: { companyName: { validators: { notEmpty: { message: 'Please enter company name' } } }, billingEmail: { validators: { notEmpty: { message: 'Please enter billing email' }, emailAddress: { message: 'Please enter valid email address' } } } }, plugins: { trigger: new FormValidation.plugins.Trigger(), bootstrap5: new FormValidation.plugins.Bootstrap5({ eleValidClass: '', rowSelector: '.col-sm-6' }), submitButton: new FormValidation.plugins.SubmitButton(), // Submit the form when all fields are valid // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), autoFocus: new FormValidation.plugins.AutoFocus() } }); } // Credit card form validation if (creditCardForm) { FormValidation.formValidation(creditCardForm, { fields: { paymentCard: { validators: { notEmpty: { message: 'Please enter your credit card number' } } } }, plugins: { trigger: new FormValidation.plugins.Trigger(), bootstrap5: new FormValidation.plugins.Bootstrap5({ // Use this for enabling/changing valid/invalid class // eleInvalidClass: '', eleValidClass: '' }), submitButton: new FormValidation.plugins.SubmitButton(), // Submit the form when all fields are valid // defaultSubmit: new FormValidation.plugins.DefaultSubmit(), autoFocus: new FormValidation.plugins.AutoFocus() }, init: instance => { instance.on('plugins.message.placed', function (e) { //* Move the error message out of the `input-group` element if (e.element.parentElement.classList.contains('input-group')) { e.element.parentElement.insertAdjacentElement('afterend', e.messageElement); } }); } }); } // Cancel Subscription alert const cancelSubscription = document.querySelector('.cancel-subscription'); // Alert With Functional Confirm Button if (cancelSubscription) { cancelSubscription.onclick = function () { Swal.fire({ text: 'Are you sure you would like to cancel your subscription?', icon: 'warning', showCancelButton: true, confirmButtonText: 'Yes', customClass: { confirmButton: 'btn btn-primary me-2 waves-effect waves-light', cancelButton: 'btn btn-label-secondary waves-effect' }, buttonsStyling: false }).then(function (result) { if (result.value) { Swal.fire({ icon: 'success', title: 'Unsubscribed!', text: 'Your subscription cancelled successfully.', customClass: { confirmButton: 'btn btn-success waves-effect' } }); } else if (result.dismiss === Swal.DismissReason.cancel) { Swal.fire({ title: 'Cancelled', text: 'Unsubscription Cancelled!!', icon: 'error', customClass: { confirmButton: 'btn btn-success waves-effect' } }); } }); }; } // CleaveJS validation // Phone Mask if (mobileNumber) { new Cleave(mobileNumber, { phone: true, phoneRegionCode: 'US' }); } // Pincode if (zipCode) { new Cleave(zipCode, { delimiter: '', numeral: true }); } })(); }); // Select2 (jquery) $(function () { var select2 = $('.select2'); // Select2 if (select2.length) { select2.each(function () { var $this = $(this); $this.wrap('<div class="position-relative"></div>'); $this.select2({ dropdownParent: $this.parent() }); }); } });
SIMPAN PERUBAHAN