Feature #19640 ยป 9833.diff
typo3/css/backend-style.css (Arbeitskopie) | ||
---|---|---|
background-repeat: no-repeat;
|
||
}
|
||
.toolbar-item:focus {
|
||
outline: none;
|
||
}
|
||
.toolbar-item-menu {
|
||
top: 25px;
|
||
}
|
typo3/js/backendsearch.js (Arbeitskopie) | ||
---|---|---|
Event.observe(window, 'resize', this.positionMenu);
|
||
Event.observe(window, 'load', function(){
|
||
var toolbarItem = $$('#backend-search-menu .toolbar-item')[0];
|
||
var toolbarSearch = $$('#search-query')[0];
|
||
this.positionMenu();
|
||
this.toolbarItemIcon = $$('#backend-search-menu .toolbar-item img')[0].src;
|
||
... | ... | |
}
|
||
}.bindAsEventListener(this));
|
||
$$('#backend-search-menu .toolbar-item')[0].observe('click', this.toggleMenu)
|
||
// observe the trigger-element, not the group
|
||
Event.observe(toolbarItem , 'click', this.toggleMenu);
|
||
Event.observe(toolbarSearch, 'blur' , this.toggleMenu);
|
||
}.bindAsEventListener(this));
|
||
},
|
||
... | ... | |
* toggles the visibility of the menu and places it under the toolbar icon
|
||
*/
|
||
toggleMenu: function(event) {
|
||
var toolbarItem = $$('#backend-search-menu > a')[0];
|
||
var menu = $$('#backend-search-menu .toolbar-item-menu')[0];
|
||
toolbarItem.blur();
|
||
var toolbarItem = $$('#backend-search-menu .toolbar-item')[0];
|
||
var toolbarMenu = $$('#backend-search-menu .toolbar-item-menu')[0];
|
||
if(!toolbarItem.hasClassName('toolbar-item-active')) {
|
||
if(!toolbarItem.hasClassName('toolbar-item-active') && !event.type.include('blur')) {
|
||
toolbarItem.addClassName('toolbar-item-active');
|
||
Effect.Appear(menu, {duration: 0.2});
|
||
TYPO3BackendToolbarManager.hideOthers(toolbarItem);
|
||
Effect.Appear(toolbarMenu, {duration: 0.2});
|
||
setTimeout(function() {
|
||
$('search-query').activate();
|
||
}, 200);
|
||
} else {
|
||
toolbarItem.removeClassName('toolbar-item-active');
|
||
Effect.Fade(menu, {duration: 0.1});
|
||
Effect.Fade(toolbarMenu, {duration: 0.1});
|
||
setTimeout(function() {
|
||
$('search-query').clear();
|
||
... | ... | |
});
|
||
$('search-query').clear();
|
||
this.toggleMenu();
|
||
},
|
||
/**
|
typo3/js/clearcachemenu.js (Arbeitskopie) | ||
---|---|---|
Event.observe(window, 'resize', this.positionMenu);
|
||
Event.observe(window, 'load', function(){
|
||
var toolbarItem = $$('#clear-cache-actions-menu .toolbar-item')[0];
|
||
this.positionMenu();
|
||
this.toolbarItemIcon = $$('#clear-cache-actions-menu .toolbar-item img')[0].src;
|
||
Event.observe('clear-cache-actions-menu', 'click', this.toggleMenu)
|
||
Event.observe(toolbarItem, 'click', this.toggleMenu);
|
||
Event.observe(toolbarItem, 'blur' , this.toggleMenu);
|
||
// observe all clicks on clear cache actions in the menu
|
||
$$('#clear-cache-actions-menu li a').each(function(element) {
|
||
... | ... | |
* toggles the visibility of the menu and places it under the toolbar icon
|
||
*/
|
||
toggleMenu: function(event) {
|
||
var toolbarItem = $$('#clear-cache-actions-menu > a')[0];
|
||
var menu = $$('#clear-cache-actions-menu .toolbar-item-menu')[0];
|
||
toolbarItem.blur();
|
||
var toolbarItem = $$('#clear-cache-actions-menu .toolbar-item')[0];
|
||
var toolbarMenu = $$('#clear-cache-actions-menu .toolbar-item-menu')[0];
|
||
if(!toolbarItem.hasClassName('toolbar-item-active')) {
|
||
if(!toolbarItem.hasClassName('toolbar-item-active') && !event.type.include('blur')) {
|
||
toolbarItem.addClassName('toolbar-item-active');
|
||
Effect.Appear(menu, {duration: 0.2});
|
||
TYPO3BackendToolbarManager.hideOthers(toolbarItem);
|
||
Effect.Appear(toolbarMenu, {duration: 0.2});
|
||
} else {
|
||
toolbarItem.removeClassName('toolbar-item-active');
|
||
Effect.Fade(menu, {duration: 0.1});
|
||
Effect.Fade(toolbarMenu, {duration: 0.1});
|
||
}
|
||
if (event) {
|
||
... | ... | |
}
|
||
Event.stop(event);
|
||
}
|
||
this.toggleMenu();
|
||
}
|
||
});
|
||
typo3/js/shortcutmenu.js (Arbeitskopie) | ||
---|---|---|
Event.observe(window, 'resize', this.positionMenu);
|
||
Event.observe(window, 'load', function(){
|
||
var toolbarItem = $$('#shortcut-menu .toolbar-item')[0];
|
||
this.positionMenu();
|
||
this.toolbarItemIcon = $$('#shortcut-menu .toolbar-item img')[0].src;
|
||
Event.observe($$('#shortcut-menu .toolbar-item')[0], 'click', this.toggleMenu);
|
||
Event.observe(toolbarItem, 'click', this.toggleMenu);
|
||
Event.observe(toolbarItem, 'blur' , this.toggleMenu);
|
||
this.initControls();
|
||
}.bindAsEventListener(this));
|
||
},
|
||
... | ... | |
// follow/execute shortcuts
|
||
element.observe('click', function(event) {
|
||
Event.stop(event);
|
||
this.toggleMenu();
|
||
}.bind(this));
|
||
}.bind(this));
|
||
... | ... | |
* toggles the visibility of the menu and places it under the toolbar icon
|
||
*/
|
||
toggleMenu: function(event) {
|
||
var toolbarItem = $$('#shortcut-menu > a')[0];
|
||
var menu = $$('#shortcut-menu .toolbar-item-menu')[0];
|
||
toolbarItem.blur();
|
||
var toolbarItem = $$('#shortcut-menu .toolbar-item')[0];
|
||
var toolbarMenu = $$('#shortcut-menu .toolbar-item-menu')[0];
|
||
if(!toolbarItem.hasClassName('toolbar-item-active')) {
|
||
if(!toolbarItem.hasClassName('toolbar-item-active') && !event.type.include('blur')) {
|
||
toolbarItem.addClassName('toolbar-item-active');
|
||
Effect.Appear(menu, {duration: 0.2});
|
||
TYPO3BackendToolbarManager.hideOthers(toolbarItem);
|
||
Effect.Appear(toolbarMenu, {duration: 0.2});
|
||
} else {
|
||
toolbarItem.removeClassName('toolbar-item-active');
|
||
Effect.Fade(menu, {duration: 0.1});
|
||
Effect.Fade(toolbarMenu, {duration: 0.1});
|
||
}
|
||
Event.stop(event);
|
||
... | ... | |
var backPath = '';
|
||
}
|
||
container.setStyle({
|
||
height: container.getHeight() + 'px'
|
||
});
|
typo3/js/workspacemenu.js (Arbeitskopie) | ||
---|---|---|
Event.observe(window, 'resize', this.positionMenu);
|
||
Event.observe(window, 'load', function(){
|
||
var toolbarItem = $$('#workspace-selector-menu .toolbar-item')[0];
|
||
this.positionMenu();
|
||
Event.observe('workspace-selector-menu', 'click', this.toggleMenu);
|
||
Event.observe('frontendPreviewToggle', 'click', this.toggleFrontendPreview.bind(this));
|
||
Event.observe('goToWsModule', 'click', this.goToWorkspaceModule.bind(this));
|
||
Event.observe(toolbarItem, 'click', this.toggleMenu);
|
||
Event.observe(toolbarItem, 'blur' , this.toggleMenu);
|
||
// observe all clicks on workspace links in the menu
|
||
$$('#workspace-selector-menu li a.ws').each(function(element) {
|
||
Event.observe(element, 'click', this.switchWorkspace.bind(this));
|
||
... | ... | |
* toggles the visibility of the menu and places it under the toolbar icon
|
||
*/
|
||
toggleMenu: function(event) {
|
||
var toolbarItem = $$('#workspace-selector-menu > a')[0];
|
||
var menu = $$('#workspace-selector-menu .toolbar-item-menu')[0];
|
||
toolbarItem.blur();
|
||
var toolbarItem = $$('#workspace-selector-menu .toolbar-item')[0];
|
||
var toolbarMenu = $$('#workspace-selector-menu .toolbar-item-menu')[0];
|
||
if(!toolbarItem.hasClassName('toolbar-item-active')) {
|
||
if(!toolbarItem.hasClassName('toolbar-item-active') && !event.type.include('blur')) {
|
||
toolbarItem.addClassName('toolbar-item-active');
|
||
Effect.Appear(menu, {duration: 0.2});
|
||
TYPO3BackendToolbarManager.hideOthers(toolbarItem);
|
||
Effect.Appear(toolbarMenu, {duration: 0.2});
|
||
} else {
|
||
toolbarItem.removeClassName('toolbar-item-active');
|
||
Effect.Fade(menu, {duration: 0.1});
|
||
Effect.Fade(toolbarMenu, {duration: 0.1});
|
||
}
|
||
if (event) {
|
||
... | ... | |
*/
|
||
goToWorkspaceModule: function(event) {
|
||
top.goToModule('user_ws');
|
||
this.toggleMenu(event);
|
||
},
|
||
/**
|
||
... | ... | |
TYPO3ModuleMenu.refreshMenu();
|
||
}
|
||
});
|
||
this.toggleMenu(event);
|
||
}
|
||
});
|
typo3/sysext/opendocs/opendocs.js (Arbeitskopie) | ||
---|---|---|
Event.observe(window, 'resize', this.positionMenu);
|
||
Event.observe(window, 'load', function(){
|
||
var toolbarItem = $$('#tx-opendocs-menu .toolbar-item')[0];
|
||
this.positionMenu();
|
||
this.toolbarItemIcon = $$('#tx-opendocs-menu .toolbar-item img')[0].src;
|
||
this.ajaxScript = top.TS.PATH_typo3 + this.ajaxScript; // can't be initialized earlier
|
||
Event.observe($$('#tx-opendocs-menu .toolbar-item')[0], 'click', this.toggleMenu);
|
||
Event.observe(toolbarItem, 'click', this.toggleMenu);
|
||
this.menu = $$('#tx-opendocs-menu .toolbar-item-menu')[0];
|
||
this.toolbarItemIcon = $$('#shortcut-menu .toolbar-item img')[0].src;
|
||
}.bindAsEventListener(this));
|
||
... | ... | |
* toggles the visibility of the menu and places it under the toolbar icon
|
||
*/
|
||
toggleMenu: function(event) {
|
||
var toolbarItem = $$('#tx-opendocs-menu > a')[0];
|
||
var menu = $$('#tx-opendocs-menu .toolbar-item-menu')[0];
|
||
toolbarItem.blur();
|
||
var toolbarItem = $$('#tx-opendocs-menu .toolbar-item')[0];
|
||
var toolbarMenu = $$('#tx-opendocs-menu .toolbar-item-menu')[0];
|
||
if(!toolbarItem.hasClassName('toolbar-item-active')) {
|
||
if(!toolbarItem.hasClassName('toolbar-item-active') && !event.type.include('blur')) {
|
||
toolbarItem.addClassName('toolbar-item-active');
|
||
Effect.Appear(menu, {duration: 0.2});
|
||
TYPO3BackendToolbarManager.hideOthers(toolbarItem);
|
||
Effect.Appear(toolbarMenu, {duration: 0.2});
|
||
} else {
|
||
toolbarItem.removeClassName('toolbar-item-active');
|
||
Effect.Fade(menu, {duration: 0.1});
|
||
Effect.Fade(toolbarMenu, {duration: 0.1});
|
||
}
|
||
if(event) {
|
typo3/sysext/sys_action/toolbarmenu/tx_sysactions.js (Arbeitskopie) | ||
---|---|---|
Event.observe(window, 'resize', this.positionMenu);
|
||
Event.observe(window, 'load', function(){
|
||
var toolbarItem = $$('#tx-sys-action-menu .toolbar-item')[0];
|
||
this.positionMenu();
|
||
this.toolbarItemIcon = $$('#tx-sys-action-menu .toolbar-item img')[0].src;
|
||
Event.observe('tx-sys-action-menu', 'click', this.toggleMenu);
|
||
Event.observe(toolbarItem, 'click', this.toggleMenu);
|
||
}.bindAsEventListener(this));
|
||
},
|
||
... | ... | |
* toggles the visibility of the menu and places it under the toolbar icon
|
||
*/
|
||
toggleMenu: function(event) {
|
||
var toolbarItem = $$('#tx-sys-action-menu > a')[0];
|
||
var menu = $$('#tx-sys-action-menu .toolbar-item-menu')[0];
|
||
toolbarItem.blur();
|
||
var toolbarItem = $$('#tx-sys-action-menu .toolbar-item')[0];
|
||
var toolbarMenu = $$('#tx-sys-action-menu .toolbar-item-menu')[0];
|
||
if(!toolbarItem.hasClassName('toolbar-item-active')) {
|
||
if(!toolbarItem.hasClassName('toolbar-item-active') && !event.type.include('blur')) {
|
||
toolbarItem.addClassName('toolbar-item-active');
|
||
Effect.Appear(menu, {duration: 0.2});
|
||
TYPO3BackendToolbarManager.hideOthers(toolbarItem);
|
||
Effect.Appear(toolbarMenu, {duration: 0.2});
|
||
} else {
|
||
toolbarItem.removeClassName('toolbar-item-active');
|
||
Effect.Fade(menu, {duration: 0.1});
|
||
Effect.Fade(toolbarMenu, {duration: 0.1});
|
||
}
|
||
if(event && (Event.element(event).hasClassName('toolbar-item') || Event.element(event).up().hasClassName('toolbar-item'))) {
|