xwp/stream

/* globals jQuery, wp_stream */
jQuery(
    function( $ ) {
        var network_affix;
        if ( 'wp_stream_network' === $( 'input[name="option_page"]' ).val() ) {
            network_affix = '_network_affix';
        } else {
            network_affix = '';
        }
        var keepRecordsIndefinitely = $( '#wp_stream' + network_affix + '\\[general_keep_records_indefinitely\\]' ),
            keepRecordsFor = $( '#wp_stream' + network_affix + '_general_records_ttl' ),
            keepRecordsForRow = keepRecordsFor.closest( 'tr' );

        function toggleKeepRecordsFor() {
            if ( keepRecordsIndefinitely.is( ':checked' ) ) {
                keepRecordsForRow.addClass( 'hidden' );
                keepRecordsFor.addClass( 'hidden' );
            } else {
                keepRecordsForRow.removeClass( 'hidden' );
                keepRecordsFor.removeClass( 'hidden' );
            }
        }

        keepRecordsIndefinitely.on(
            'change', function() {
                toggleKeepRecordsFor();
            }
        );

        toggleKeepRecordsFor();

        // Confirmation on some important actions
        $( '#wp_stream_general_reset_site_settings' ).click(
            function( e ) {
                if ( ! confirm( wp_stream.i18n.confirm_defaults ) ) {
                    e.preventDefault();
                }
            }
        );

        // Settings page tabs
        var $tabs = $( '.nav-tab-wrapper' ),
            $panels = $( '.nav-tab-content table.form-table' ),
            $activeTab = $tabs.find( '.nav-tab-active' ),
            defaultIndex = $activeTab.length > 0 ? $tabs.find( 'a' ).index( $activeTab ) : 0,
            hashIndexStart = window.location.hash.match( /^#(\d+)$/ ),
            currentHash = ( null !== hashIndexStart ? hashIndexStart[ 1 ] : defaultIndex ),
            syncFormAction = function( index ) {
                var $optionsForm = $( 'input[name="option_page"][value^="wp_stream"]' ).closest( 'form' );
                if ( $optionsForm.length === 0 ) {
                    return;
                }
                var currentAction = $optionsForm.attr( 'action' );

                $optionsForm.prop( 'action', currentAction.replace( /(^[^#]*).*$/, '$1#' + index ) );
            };

        $tabs.on(
            'click', 'a', function() {
                var index = $tabs.find( 'a' ).index( $( this ) ),
                    hashIndex = window.location.hash.match( /^#(\d+)$/ );

                $panels.hide().eq( index ).show();

                $tabs
                    .find( 'a' )
                    .removeClass( 'nav-tab-active' )
                    .filter( $( this ) )
                    .addClass( 'nav-tab-active' );

                if ( '' === window.location.hash || null !== hashIndex ) {
                    window.location.hash = index;
                }

                syncFormAction( index );

                return false;
            }
        );

        $tabs.children().eq( currentHash ).trigger( 'click' );
    }
);