https://trycpanel.net/js/extra.js

1window.onload = () => {
2    let perPage = document.getElementById( 'perPage' );
3    if ( typeof perPage != 'undefined' && perPage != null ) {
4        perPage.onclick = ( e ) => {
5            perPage.classList.toggle( 'open' );
6        }
7    }
8    let addRecBTN = document.getElementById( 'addRec' );
9    if ( typeof addRecBTN != 'undefined' && addRecBTN != null ) {
10        addRecBTN.onclick = ( e ) => {
11            addRecBTN.classList.toggle( 'open' );
12        }
13    }
14
15    let addvBTN = document.getElementById( 'toggle_advanced_options' );
16    if ( typeof addvBTN != 'undefined' && addvBTN != null ) {
17        addvBTN.onclick = (e) => {
18            e.preventDefault();
19            $('#advance').slideToggle();
20        }
21    }
22
23    let mngBTN = document.getElementById( 'manageBTN' );
24    if ( typeof mngBTN != 'undefined' && mngBTN != null ) {
25        mngBTN.onclick = (e) => {
26            e.preventDefault();
27            $("#manageBTN i.fas").toggleClass('fa-chevron-up fa-chevron-down')
28            $('#mngContent').toggle();
29        }
30    }
31
32    let dnsBTN = document.getElementById( 'dnsBTN' );
33    if ( typeof dnsBTN != 'undefined' && dnsBTN != null ) {
34        dnsBTN.onclick = (e) => {
35            e.preventDefault();
36            $("#dnsBTN i.fas").toggleClass('fa-chevron-right fa-chevron-down')
37            $('#dnsContent').toggle();
38        }
39    }
40
41    let emailTable = document.getElementById('expand');
42    if (typeof emailTable != 'undefined' && emailTable != null) {
43        $(document.body).on("click", "#expand .btn-link", function () {
44            $(this).parents('tr#expand').next().toggle();
45            $(this).children().toggleClass('fa-chevron-right fa-chevron-down');
46        });
47    }
48
49    // /**
50    //  * Tabs
51    //  */
52    // let tab1     = document.getElementById( 'tab1' );
53    // let tab2     = document.getElementById( 'tab2' );
54    // let tab3     = document.getElementById( 'tab3' );
55    // let tab4     = document.getElementById( 'tab4' );
56    // let tab5     = document.getElementById( 'tab5' );
57    // let ctnr1    = document.getElementById( 'ctnr1' );
58    // let ctnr2    = document.getElementById( 'ctnr2' );
59    // let ctnr3    = document.getElementById( 'ctnr3' );
60    // let ctnr4    = document.getElementById( 'ctnr4' );
61    // let ctnr5    = document.getElementById( 'ctnr5' );
62    //
63    // tab1.onclick = ( e ) => {
64    //     tab1.classList.add( 'active' );
65    //     tab2.classList.remove( 'active' );
66    //     ctnr1.classList.remove( 'ng-hide' );
67    //     ctnr2.classList.add( 'ng-hide' );
68    // }
69    // tab2.onclick = ( e ) => {
70    //     tab1.classList.remove( 'active' );
71    //     tab2.classList.add( 'active' );
72    //     ctnr1.classList.add( 'ng-hide' );
73    //     ctnr2.classList.remove( 'ng-hide' );
74    // }
75
76}