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'))) {
|
||