Attachment #9043 for bug #32320

View | Details | Raw Unified | Return to bug 32320
Collapse All | Expand All




	"dojo/promise/all",
	"dojo/cookie",
	"dojo/topic",
	"dojo/query",
	"dojo/io-query",
	"dojo/store/Memory",
	"dojo/store/Observable",

	"umc/i18n!management",
	"dojo/sniff" // has("ie"), has("ff")
], function(declare, lang, kernel, array, baseWin, win, on, mouse, touch, tap, aspect, has,
		Evented, Deferred, all, cookie, topic, domQuery, ioQuery, Memory, Observable,
		dom, domAttr, domClass, domGeometry, domConstruct, put, hash, styles, entities, gfx, registry, tools, login, dialog, store,
		_WidgetBase, Menu, MenuItem, PopupMenuItem, MenuSeparator, Tooltip, DropDownButton, StackContainer, menu, MenuButton,
		TabController, LiveSearch, GalleryPane, ContainerWidget, Page, Form, Button, Text, _

			if (!this._header._search) {
				return;
			}

			on(baseWin.doc, 'keyup', lang.hitch(this, function(keyEvent) {
				// focus search if Ctr+Enter was pressed

				keyEvent = (keyEvent) ? keyEvent : window.event;
				var keyCode = keyEvent.which || keyEvent.keyCode;
				// keyCode 13 is return key
				if (keyCode === 13 && keyEvent.ctrlKey) {
					this._header._search.focus();
				}
			}));

			this._header._search.on('search', lang.hitch(this, function() {
				this.switchToOverview();
				this._updateQuery(null);
			}));

			this._header._search.on('tab', lang.hitch(this, function(shiftPressed) {
				// move the focus to the next or previous search entry

				var focusedModule = domQuery('.umcGalleryItemKeyboardFocus', this._grid.contentNode)[0];
				if (!focusedModule) {
					// the search did not yield searchresults
					return;
				}

				var newFocusedModule;
				if (shiftPressed) {
					// focus the previous search entry or the last entry if at the beginning
					newFocusedModule = focusedModule.previousSibling ? focusedModule.previousSibling : domQuery('.umcGalleryWrapperItem', this._grid.contentNode).pop();
				} else {
					// focus the next search entry or the first entry if at the end
					newFocusedModule = focusedModule.nextSibling ? focusedModule.nextSibling : domQuery('.umcGalleryWrapperItem', this._grid.contentNode).shift();
				}

				// remove focus from old module and focus new module
				domClass.add(newFocusedModule, 'umcGalleryItemKeyboardFocus umcGalleryItemNoTransition umcGalleryItemActive');
				domClass.remove(focusedModule, 'umcGalleryItemKeyboardFocus umcGalleryItemNoTransition umcGalleryItemActive');
			}));

			this._header._search.on('enterKey', lang.hitch(this, function(searchString) {
				// open the focused module

				// return if we have not searched anything or we are not in the overview
				if (!searchString || !domClass.contains(baseWin.body(), 'umcOverviewShown')) {
					return;
				}

				var modules = this._grid.store.query(this._grid.query, this._grid.queryOptions);
				// Only open if there are modules for the search
				if (modules.length) {
					var index = domQuery('.umcGalleryItemKeyboardFocus', this._grid.contentNode)[0].rowIndex;
					this.openModule(modules[index]);
				}
			}));
		},

		_lastSearchPattern: null,


			this._grid.updateQuery(searchPattern, searchQuery, category);

			// focus the first search entry that can be opened with the keyboard
			if (!category) {
				var modules = domQuery('.umcGalleryWrapperItem', this._grid.contentNode);
				if (modules.length) {
					domClass.add(modules[0], 'umcGalleryItemKeyboardFocus umcGalleryItemNoTransition umcGalleryItemActive');
				}
			}

			// update the search label
			domClass.toggle(this._searchText.domNode, 'dijitDisplayNone', !!category);
			this._searchText.set('content', _('Search query ›%s‹', entities.encode(searchPattern)));

			styles.insertCssRule(lang.replace('{0}.umcModuleTab-{1}.dijitTabChecked', [defaultClasses, module_flavor_css]), cssProperties);
			// color action buttons in an dgrid
			styles.insertCssRule(lang.replace('.umcModule.color-{0} .umcGridHeader .dijitButtonText', [tab.categoryColor]), lang.replace('color: {0}', [color]));
			// color scroll to top floating button
			styles.insertCssRule(lang.replace('.umcModule.color-{0} .scrollToTopFloatingButton', [tab.categoryColor]), lang.replace('background-color: {0}', [color]));
		},


(-)a/branches/ucs-4.2/ucs-4.2-1/management/univention-web/css/site/gallerypane.styl (+5 lines)

Lines 133-138	Link Here

133

			background-position: -20px -40px

133

			background-position: -20px -40px

134

			opacity: 0.67

134

			opacity: 0.67

135

136

	.umcGalleryItemNoTransition .umcGalleryItem,

137

	.umcGalleryItemNoTransition .umcGalleryItem .umcGalleryName,

138

	.umcGalleryItemNoTransition .umcGalleryItem .umcGalleryDescription

139

		transition: none

140

136

body:not(.umcTouchDevices) .umcGalleryPane .umcGalleryItem:hover

141

body:not(.umcTouchDevices) .umcGalleryPane .umcGalleryItem:hover

137

	cursor: pointer

142

	cursor: pointer

138

	.umcGalleryCategoryFavorite

143

	.umcGalleryCategoryFavorite




			this.inherited(arguments);

			this._searchTextBox = new SearchBox({
				inlineLabel: this.searchLabel || _('Search term'),
				intermediateChanges: true
			});
			this.addChild(this._searchTextBox);
		},


		postCreate: function() {
			this.inherited(arguments);
			this._searchTextBox.on('keydown', lang.hitch(this, 'processKeydown'));
			this._searchTextBox.on('keyup', lang.hitch(this, 'processKeyup'));
			this._searchTextBox.on('change', lang.hitch(this, 'onSearch'));
			this._searchTextBox.on('focus', lang.hitch(this, 'onFocus'));
			this._searchTextBox.on('blur', lang.hitch(this, 'onBlur'));
			if (this.collapsible) {

			// event stub
		},

		processKeydown: function(keyEvent) {
			keyEvent = (keyEvent) ? keyEvent : window.event;
			var keyCode = keyEvent.which || keyEvent.keyCode;

			// if the searchbox has a value and tab is pressed
			// fire an onTab event and prevent default of tab
			if (keyCode === 9 && this.get('value')) {
				keyEvent.preventDefault();
				this.onTab(keyEvent.shiftKey);
			}
		},

		processKeyup: function(keyEvent) {
			keyEvent = (keyEvent) ? keyEvent : window.event;
			var keyCode = keyEvent.which || keyEvent.keyCode;

			// if the enter key is pressed send enter pressed event
			if (keyCode === 13) {
				this.onEnterKey(this.get('value'));
				return;
			}

			// if the escape key is pressed clear the search
			if (keyCode === 27) {
				this.set('value', '');
				return;
			}
		},

		onSearch: function() {
			// event stub
		},

		onEnterKey: function(searchString) {
			// event stub
		},

		onTab: function(shiftPressed) {
			// event stub
			// fires when the tab key is pressed
			// does not fire on empty search strings
		},

		getSearchQuery: function(searchPattern) {
			// sanitize the search pattern
			searchPattern = regexp.escapeString(searchPattern);

Return to bug 32320