Hilfe:Helferlein/Bearbeitungstoolbar/Konfiguration: Unterschied zwischen den Versionen

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche
Zeile 12: Zeile 12:
 
     <div id="pEBC-toolbar"></div>
 
     <div id="pEBC-toolbar"></div>
 
     <dl id="pEBC-info">
 
     <dl id="pEBC-info">
         <dd>Aktuelle Gruppe</dd>
+
         <dt>Aktuelle Gruppe</dt>
         <dt></dt>
+
         <dd>&mdash;</dd>
         <dd>Aktueller Button</dd>
+
         <dt>Aktueller Button</dt>
         <dt></dt>
+
         <dd>&mdash;</dd>
 
     </dl>
 
     </dl>
    </div>
 
 
     <ol id="pEBC-tabs">
 
     <ol id="pEBC-tabs">
 
         <li>
 
         <li>
Zeile 62: Zeile 61:
 
}
 
}
  
#pEBC-tabs {
+
#pEBC-info {
 
     clear: both;
 
     clear: both;
 
}
 
}
Zeile 645: Zeile 644:
 
         $( '#pEBC-tab-group .pEBC-noSelection' ).hide();
 
         $( '#pEBC-tab-group .pEBC-noSelection' ).hide();
 
         $( '#pEBC-tab-group table' ).show();
 
         $( '#pEBC-tab-group table' ).show();
 +
        pEBC.refreshInfoField();
 
     },
 
     },
  
Zeile 662: Zeile 662:
 
         $( '#pEBC-tab-button .pEBC-noSelection' ).hide();
 
         $( '#pEBC-tab-button .pEBC-noSelection' ).hide();
 
         $( '#pEBC-tab-button table' ).show();
 
         $( '#pEBC-tab-button table' ).show();
 +
        pEBC.refreshInfoField();
 
     },
 
     },
  
Zeile 728: Zeile 729:
 
                 obj[prop] = value;
 
                 obj[prop] = value;
 
                 pEBC.refreshGroup();
 
                 pEBC.refreshGroup();
 +
                if ( prop === 'name' ) {
 +
                    pEBC.refreshInfoField();
 +
                }
 
             }
 
             }
 
         }
 
         }
Zeile 765: Zeile 769:
 
                     var reverse = [];
 
                     var reverse = [];
 
                     // Entweder über alle Buttons in der Ordnung iterieren …
 
                     // Entweder über alle Buttons in der Ordnung iterieren …
                     if ( pEBC.form.groups[pEBC.selectedGroup].buttonOrder ) {
+
                     if ( pEBC.form.groups[value].buttonOrder ) {
                         $.each( pEBC.form.groups[pEBC.selectedGroup].buttonOrder, function( i, e ) {
+
                         $.each( pEBC.form.groups[value].buttonOrder, function( i, e ) {
 
                             reverse.unshift( e );
 
                             reverse.unshift( e );
 
                         } );
 
                         } );
Zeile 773: Zeile 777:
 
                     else {
 
                     else {
 
                         $.each( pEBC.form.buttons, function( i, e ) {
 
                         $.each( pEBC.form.buttons, function( i, e ) {
                             if ( e.group === pEBC.selectedGroup ) {
+
                             if ( e.group === value ) {
 
                                 reverse.unshift( i );
 
                                 reverse.unshift( i );
 
                             }
 
                             }
Zeile 779: Zeile 783:
 
                     }
 
                     }
 
                     $.each( reverse, function( i, e ) {
 
                     $.each( reverse, function( i, e ) {
                         $( '#pEBC-toolbar .buttonGroup-' + pEBC.selectedGroup + ' .editButton-' + e ).prependTo( '#pEBC-toolbar .buttonGroup-' + pEBC.selectedGroup );
+
                         $( '#pEBC-toolbar .buttonGroup-' + value + ' .editButton-' + e ).prependTo( '#pEBC-toolbar .buttonGroup-' + value );
 
                     } );
 
                     } );
 
                     $( '#pEBC-toolbar .buttonGroup-' + pEBC.selectedGroup + ' .editButton' ).removeClass( 'lastEditButton' );
 
                     $( '#pEBC-toolbar .buttonGroup-' + pEBC.selectedGroup + ' .editButton' ).removeClass( 'lastEditButton' );
Zeile 786: Zeile 790:
 
                     $( '#pEBC-toolbar .buttonGroup-' + value + ' .editButton:last-child' ).addClass( 'lastEditButton' );
 
                     $( '#pEBC-toolbar .buttonGroup-' + value + ' .editButton:last-child' ).addClass( 'lastEditButton' );
 
                     pEBC.selectedGroup = value;
 
                     pEBC.selectedGroup = value;
 +
                    pEBC.refreshInfoField();
 
                     break;
 
                     break;
 
                 default:
 
                 default:
 
                     obj[prop] = value;
 
                     obj[prop] = value;
 
                     pEBC.refreshButton( prop );
 
                     pEBC.refreshButton( prop );
 +
                    if ( prop === 'title' ) {
 +
                        pEBC.refreshInfoField();
 +
                    }
 
                     break;
 
                     break;
 
             }
 
             }
 +
        }
 +
    },
 +
 +
    refreshInfoField: function() {
 +
        // Gruppe
 +
        if ( pEBC.selectedGroup ) {
 +
            var group = pEBC.form.groups[pEBC.selectedGroup];
 +
            $( '#pEBC-info dd:first' ).text( '#' + group.id + ': ' + group.name );
 +
        }
 +
        else {
 +
            $( '#pEBC-info dd:first' ).html( '&mdash;' );
 +
        }
 +
        if ( pEBC.selectedButton ) {
 +
            var button = pEBC.form.buttons[pEBC.selectedButton];
 +
            $( '#pEBC-info dd:last' ).text( '#' + button.id + ': ' + button.title );
 +
        }
 +
        else {
 +
            $( '#pEBC-info dd:last' ).html( '&mdash;' );
 
         }
 
         }
 
     },
 
     },
Zeile 991: Zeile 1.017:
 
         var direction = this.getAttribute( 'name' ).slice( 11 );
 
         var direction = this.getAttribute( 'name' ).slice( 11 );
 
         var obj = $( '#pEBC-toolbar .buttonGroup-' + pEBC.selectedGroup );
 
         var obj = $( '#pEBC-toolbar .buttonGroup-' + pEBC.selectedGroup );
 +
        var option = $( '#pEBC-tab-button select[name="button-group"] option[value="' + pEBC.selectedGroup + '"]' );
  
 
         if ( direction === 'left' ) {
 
         if ( direction === 'left' ) {
 
             obj.after( obj.prev( '.buttonGroup' ) );
 
             obj.after( obj.prev( '.buttonGroup' ) );
 +
            option.after( option.prev( 'option' ) );
 
         }
 
         }
 
         else {
 
         else {
 
             obj.before( obj.next( '.buttonGroup' ) );
 
             obj.before( obj.next( '.buttonGroup' ) );
 +
            option.before( option.next( 'option' ) );
 
         }
 
         }
 
         pEBC.checkPosition( obj, 'group' );
 
         pEBC.checkPosition( obj, 'group' );

Version vom 21. Mai 2014, 13:08 Uhr


Linktipps: Faditiva und 3DPresso