views.static.WebCmsModule.js.wcm-admin-components.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of web-cms-module Show documentation
Web CMS Module
The newest version!
/*
 * Copyright 2017 the original author or authors
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
(function ( $ ) {
    EntityModule.registerInitializer( function ( node ) {
        window.onbeforeunload = function ( e ) {
            var form = $( "#btn-save" ).closest( "form" );
            if ( form.data( 'changed' ) === true ) {
                return "You have unsaved changes, are you sure you want to navigate away from this page?"
            }
        };

        $( '#btn-save' ).closest( 'form' ).submit( function () {
            $( '#btn-save' ).closest( 'form' ).data( 'changed', false );
            return true;
        } );

        $( '[data-wcm-component-id]', node ).each(
                function () {
                    var component = $( this );
                    var firstLink = component.find( '> .axu-float-right > ul.wcm-component-tabs a[data-wcm-component-tab]' ).first();

                    component.find( ':input' ).change( function () {
                        $( this ).closest( 'form' ).data( 'changed', true );
                    } );

                    var selectTab = function ( link ) {
                        var tab = link.data( 'wcm-component-tab' );

                        component.find( '> .wcm-component-tab-pane' ).removeClass( 'active' );
                        component.find( '> .axu-float-right > ul.wcm-component-tabs li' ).removeClass( 'active' );

                        link.closest( 'li' ).addClass( 'active' );
                        var tabPane = link.attr( 'href' );
                        $( tabPane )
                                .addClass( 'active' )
                                .find( '[data-wcm-component-refresh]' )
                                .trigger( 'wcm:componentRefresh' );
                    };

                    selectTab( firstLink );

                    component.find( '> .wcm-sortable-component' )
                            .sortable( {
                                           items: '.wcm-component-form-group',
                                           axis: 'y',
                                           update: function ( event, ui ) {
                                               component
                                                       .find( '.wcm-linked-component input[name$=sortIndex]' )
                                                       .each( function ( index ) {
                                                           $( this ).val( index + 1 );
                                                       } );
                                               $( this ).closest( 'form' ).data( 'changed', true );
                                           }
                                       } )
                            .disableSelection();

                    component.find( '> .axu-float-right > ul.wcm-component-tabs a' )
                            .each( function () {
                                var link = $( this );
                                var tab = link.data( 'wcm-component-tab' );
                                if ( tab ) {
                                    if ( $( link.attr( 'href' ) ).find( '.form-group.has-error' ).length > 0 ) {
                                        link.closest( 'li' ).addClass( 'has-error' );
                                        selectTab( link );
                                    }
                                }
                            } )
                            .on( 'click', function ( e ) {
                                var tab = $( this ).data( 'wcm-component-tab' );

                                if ( tab ) {
                                    selectTab( $( this ).closest( 'li' ).hasClass( 'active' ) ? firstLink : $( this ) );
                                    e.preventDefault();
                                }
                            } );
                }
        );

    } );
})( jQuery );