Browse Source
Remove outdated legacy search scripts
Remove outdated legacy search scripts
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>pull/22099/head
No known key found for this signature in database
GPG Key ID: 60C25B8C072916CF
12 changed files with 13 additions and 1130 deletions
-
1apps/comments/src/comments.js
-
137apps/comments/src/search.js
-
15apps/files/js/filelist.js
-
1apps/files/js/merged-index.json
-
176apps/files/js/search.js
-
103core/search/css/results.scss
-
197core/search/js/search.js
-
455core/search/js/searchprovider.js
-
2core/src/OC/index.js
-
41core/src/OC/search.js
-
12core/src/unified-search.js
-
3lib/private/legacy/OC_Template.php
@ -1,137 +0,0 @@ |
|||
/* eslint-disable */ |
|||
/* |
|||
* Copyright (c) 2014 |
|||
* |
|||
* This file is licensed under the Affero General Public License version 3 |
|||
* or later. |
|||
* |
|||
* See the COPYING-README file. |
|||
* |
|||
*/ |
|||
(function(OC, OCA, $) { |
|||
'use strict' |
|||
|
|||
/** |
|||
* Construct a new FileActions instance |
|||
* @constructs Files |
|||
*/ |
|||
var Comment = function() { |
|||
this.initialize() |
|||
} |
|||
|
|||
Comment.prototype = { |
|||
|
|||
fileList: null, |
|||
|
|||
/** |
|||
* Initialize the file search |
|||
*/ |
|||
initialize: function() { |
|||
|
|||
var self = this |
|||
|
|||
this.fileAppLoaded = function() { |
|||
return !!OCA.Files && !!OCA.Files.App |
|||
} |
|||
function inFileList($row, result) { |
|||
return false |
|||
|
|||
if (!self.fileAppLoaded()) { |
|||
return false |
|||
} |
|||
var dir = self.fileList.getCurrentDirectory().replace(/\/+$/, '') |
|||
var resultDir = OC.dirname(result.path) |
|||
return dir === resultDir && self.fileList.inList(result.name) |
|||
} |
|||
function hideNoFilterResults() { |
|||
var $nofilterresults = $('.nofilterresults') |
|||
if (!$nofilterresults.hasClass('hidden')) { |
|||
$nofilterresults.addClass('hidden') |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* |
|||
* @param {jQuery} $row |
|||
* @param {Object} result |
|||
* @param {int} result.id |
|||
* @param {string} result.comment |
|||
* @param {string} result.authorId |
|||
* @param {string} result.authorName |
|||
* @param {string} result.link |
|||
* @param {string} result.fileName |
|||
* @param {string} result.path |
|||
* @returns {*} |
|||
*/ |
|||
this.renderCommentResult = function($row, result) { |
|||
if (inFileList($row, result)) { |
|||
return null |
|||
} |
|||
hideNoFilterResults() |
|||
/* render preview icon, show path beneath filename, |
|||
show size and last modified date on the right */ |
|||
this.updateLegacyMimetype(result) |
|||
|
|||
var $pathDiv = $('<div>').addClass('path').text(result.path) |
|||
|
|||
var $avatar = $('<div>') |
|||
$avatar.addClass('avatar') |
|||
.css('display', 'inline-block') |
|||
.css('vertical-align', 'middle') |
|||
.css('margin', '0 5px 2px 3px') |
|||
|
|||
if (result.authorName) { |
|||
$avatar.avatar(result.authorId, 21, undefined, false, undefined, result.authorName) |
|||
} else { |
|||
$avatar.avatar(result.authorId, 21) |
|||
} |
|||
|
|||
$row.find('td.info div.name').after($pathDiv).text(result.comment).prepend($('<span>').addClass('path').css('margin-right', '5px').text(result.authorName)).prepend($avatar) |
|||
$row.find('td.result a').attr('href', result.link) |
|||
|
|||
$row.find('td.icon') |
|||
.css('background-image', 'url(' + OC.imagePath('core', 'actions/comment') + ')') |
|||
.css('opacity', '.4') |
|||
var dir = OC.dirname(result.path) |
|||
// "result.path" does not include a leading "/", so "OC.dirname"
|
|||
// returns the path itself for files or folders in the root.
|
|||
if (dir === result.path) { |
|||
dir = '/' |
|||
} |
|||
$row.find('td.info a').attr('href', |
|||
OC.generateUrl('/apps/files/?dir={dir}&scrollto={scrollto}', { dir: dir, scrollto: result.fileName }) |
|||
) |
|||
|
|||
return $row |
|||
} |
|||
|
|||
this.handleCommentClick = function($row, result, event) { |
|||
if (self.fileAppLoaded() && self.fileList.id === 'files') { |
|||
self.fileList.changeDirectory(OC.dirname(result.path)) |
|||
self.fileList.scrollTo(result.name) |
|||
return false |
|||
} else { |
|||
return true |
|||
} |
|||
} |
|||
|
|||
this.updateLegacyMimetype = function(result) { |
|||
// backward compatibility:
|
|||
if (!result.mime && result.mime_type) { |
|||
result.mime = result.mime_type |
|||
} |
|||
} |
|||
this.setFileList = function(fileList) { |
|||
this.fileList = fileList |
|||
} |
|||
|
|||
OC.Plugins.register('OCA.Search.Core', this) |
|||
}, |
|||
attach: function(search) { |
|||
search.setRenderer('comment', this.renderCommentResult.bind(this)) |
|||
search.setHandler('comment', this.handleCommentClick.bind(this)) |
|||
} |
|||
} |
|||
|
|||
OCA.Search.comment = new Comment() |
|||
})(OC, OCA, $) |
|||
@ -1,176 +0,0 @@ |
|||
/* |
|||
* Copyright (c) 2014 |
|||
* |
|||
* This file is licensed under the Affero General Public License version 3 |
|||
* or later. |
|||
* |
|||
* See the COPYING-README file. |
|||
* |
|||
*/ |
|||
(function() { |
|||
|
|||
/** |
|||
* Construct a new FileActions instance |
|||
* @constructs Files |
|||
*/ |
|||
var Files = function() { |
|||
this.initialize(); |
|||
}; |
|||
/** |
|||
* @memberof OCA.Search |
|||
*/ |
|||
Files.prototype = { |
|||
|
|||
fileList: null, |
|||
|
|||
/** |
|||
* Initialize the file search |
|||
*/ |
|||
initialize: function() { |
|||
|
|||
var self = this; |
|||
|
|||
this.fileAppLoaded = function() { |
|||
return !!OCA.Files && !!OCA.Files.App; |
|||
}; |
|||
function inFileList($row, result) { |
|||
if (! self.fileAppLoaded()) { |
|||
return false; |
|||
} |
|||
var dir = self.fileList.getCurrentDirectory().replace(/\/+$/,''); |
|||
var resultDir = OC.dirname(result.path); |
|||
return dir === resultDir && self.fileList.inList(result.name); |
|||
} |
|||
function updateLegacyMimetype(result) { |
|||
// backward compatibility:
|
|||
if (!result.mime && result.mime_type) { |
|||
result.mime = result.mime_type; |
|||
} |
|||
} |
|||
function hideNoFilterResults() { |
|||
var $nofilterresults = $('.nofilterresults'); |
|||
if ( ! $nofilterresults.hasClass('hidden') ) { |
|||
$nofilterresults.addClass('hidden'); |
|||
} |
|||
} |
|||
|
|||
this.renderFolderResult = function($row, result) { |
|||
if (inFileList($row, result)) { |
|||
return null; |
|||
} |
|||
hideNoFilterResults(); |
|||
/*render folder icon, show path beneath filename, |
|||
show size and last modified date on the right */ |
|||
this.updateLegacyMimetype(result); |
|||
|
|||
var $pathDiv = $('<div class="path"></div>').text(result.path.substr(1, result.path.lastIndexOf("/"))); |
|||
$row.find('td.info div.name').after($pathDiv).text(result.name); |
|||
|
|||
$row.find('td.result a').attr('href', result.link); |
|||
$row.find('td.icon').css('background-image', 'url(' + OC.MimeType.getIconUrl(result.mime) + ')'); |
|||
return $row; |
|||
}; |
|||
|
|||
this.renderFileResult = function($row, result) { |
|||
if (inFileList($row, result)) { |
|||
return null; |
|||
} |
|||
hideNoFilterResults(); |
|||
/*render preview icon, show path beneath filename, |
|||
show size and last modified date on the right */ |
|||
this.updateLegacyMimetype(result); |
|||
|
|||
var $pathDiv = $('<div class="path"></div>').text(result.path.substr(1, result.path.lastIndexOf("/"))); |
|||
$row.find('td.info div.name').after($pathDiv).text(result.name); |
|||
|
|||
$row.find('td.result a').attr('href', result.link); |
|||
|
|||
if (self.fileAppLoaded()) { |
|||
self.fileList.lazyLoadPreview({ |
|||
path: result.path, |
|||
mime: result.mime, |
|||
callback: function (url) { |
|||
$row.find('td.icon').css('background-image', 'url(' + url + ')'); |
|||
} |
|||
}); |
|||
} else { |
|||
// FIXME how to get mime icon if not in files app
|
|||
var mimeicon = result.mime.replace('/', '-'); |
|||
$row.find('td.icon').css('background-image', 'url(' + OC.MimeType.getIconUrl(result.mime) + ')'); |
|||
var dir = OC.dirname(result.path); |
|||
if (dir === '') { |
|||
dir = '/'; |
|||
} |
|||
$row.find('td.info a').attr('href', |
|||
OC.generateUrl('/apps/files/?dir={dir}&scrollto={scrollto}', {dir: dir, scrollto: result.name}) |
|||
); |
|||
} |
|||
return $row; |
|||
}; |
|||
|
|||
|
|||
this.handleFolderClick = function($row, result, event) { |
|||
// open folder
|
|||
if (self.fileAppLoaded() && self.fileList.id === 'files') { |
|||
self.fileList.changeDirectory(result.path); |
|||
return false; |
|||
} else { |
|||
return true; |
|||
} |
|||
}; |
|||
|
|||
this.handleFileClick = function($row, result, event) { |
|||
if (self.fileAppLoaded() && self.fileList.id === 'files') { |
|||
self.fileList.changeDirectory(OC.dirname(result.path)); |
|||
self.fileList.scrollTo(result.name); |
|||
return false; |
|||
} else { |
|||
return true; |
|||
} |
|||
}; |
|||
|
|||
this.updateLegacyMimetype = function (result) { |
|||
// backward compatibility:
|
|||
if (!result.mime && result.mime_type) { |
|||
result.mime = result.mime_type; |
|||
} |
|||
}; |
|||
this.setFileList = function (fileList) { |
|||
this.fileList = fileList; |
|||
}; |
|||
|
|||
OC.Plugins.register('OCA.Search.Core', this); |
|||
}, |
|||
attach: function(search) { |
|||
var self = this; |
|||
search.setFilter('files', function (query) { |
|||
if (self.fileAppLoaded()) { |
|||
self.fileList.setFilter(query); |
|||
if (query.length > 1) { |
|||
//search is not started until 500msec have passed
|
|||
window.setTimeout(function() { |
|||
$('.nofilterresults').addClass('hidden'); |
|||
}, 500); |
|||
} |
|||
} |
|||
}); |
|||
|
|||
search.setRenderer('folder', this.renderFolderResult.bind(this)); |
|||
search.setRenderer('file', this.renderFileResult.bind(this)); |
|||
search.setRenderer('image', this.renderFileResult.bind(this)); |
|||
search.setRenderer('audio', this.renderFileResult.bind(this)); |
|||
|
|||
search.setHandler('folder', this.handleFolderClick.bind(this)); |
|||
search.setHandler(['file', 'audio', 'image'], this.handleFileClick.bind(this)); |
|||
|
|||
if (self.fileAppLoaded()) { |
|||
// hide results when switching directory outside of search results
|
|||
$('#app-content').delegate('>div', 'changeDirectory', function() { |
|||
search.clear(); |
|||
}); |
|||
} |
|||
} |
|||
}; |
|||
OCA.Search.Files = Files; |
|||
OCA.Search.files = new Files(); |
|||
})(); |
|||
@ -1,103 +0,0 @@ |
|||
/* |
|||
* @copyright Copyright (c) 2018 Jan-Christoph Borchardt <hey@jancborchardt.net> |
|||
* |
|||
* @author John Molakvoæ <skjnldsv@protonmail.com> |
|||
* @author Jan-Christoph Borchardt <hey@jancborchardt.net> |
|||
* |
|||
* @license GNU AGPL version 3 or any later version |
|||
* |
|||
* This program is free software: you can redistribute it and/or modify |
|||
* it under the terms of the GNU Affero General Public License as |
|||
* published by the Free Software Foundation, either version 3 of the |
|||
* License, or (at your option) any later version. |
|||
* |
|||
* This program is distributed in the hope that it will be useful, |
|||
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
* GNU Affero General Public License for more details. |
|||
* |
|||
* You should have received a copy of the GNU Affero General Public License |
|||
* along with this program. If not, see <http://www.gnu.org/licenses/>. |
|||
* |
|||
*/ |
|||
|
|||
#searchresults { |
|||
overflow-x: hidden; |
|||
text-overflow: ellipsis; |
|||
padding-top: 51px; /* table row is 51px height */ |
|||
box-sizing: border-box; |
|||
z-index: 75; |
|||
/* account for margin-bottom in files list */ |
|||
margin-top: -250px; |
|||
table { |
|||
border-spacing: 0; |
|||
padding-left: 41px; |
|||
table-layout: fixed; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
tr { |
|||
&.result { |
|||
border-bottom: 1px solid var(--color-border); |
|||
* { |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
&.template { |
|||
display: none; |
|||
} |
|||
&:hover, |
|||
&.current { |
|||
background-color: var(--color-primary-light); |
|||
} |
|||
td { |
|||
padding: 5px 9px; |
|||
font-style: normal; |
|||
vertical-align: middle; |
|||
border-bottom: none; |
|||
&.icon { |
|||
text-align: right; |
|||
width: 40px; |
|||
height: 40px; |
|||
padding: 5px 0; |
|||
background-position: right center; |
|||
background-repeat: no-repeat; |
|||
} |
|||
.has-selection:not(.hidden) ~ &.icon { |
|||
width: 50px; |
|||
padding-left: 41px; |
|||
background-size: 32px; |
|||
} |
|||
} |
|||
|
|||
.name, |
|||
.text, |
|||
.path { |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
} |
|||
.text { |
|||
white-space: normal; |
|||
color: var(--color-primary-text); |
|||
} |
|||
.path { |
|||
opacity: 0.5; |
|||
} |
|||
.text em { |
|||
color: var(--color-primary-text); |
|||
font-weight: bold; |
|||
opacity: 1; |
|||
} |
|||
} |
|||
.hidden { |
|||
display: none; |
|||
} |
|||
&.filter-empty { |
|||
/* remove whitespace on bottom when no search results, to fix layout */ |
|||
margin-top: 0 !important; |
|||
} |
|||
.status.summary .info { |
|||
margin-left: 100px; |
|||
} |
|||
} |
|||
@ -1,197 +0,0 @@ |
|||
/** |
|||
* @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com> |
|||
* |
|||
* @author John Molakvoæ <skjnldsv@protonmail.com> |
|||
* |
|||
* @license GNU AGPL version 3 or any later version |
|||
* |
|||
* This program is free software: you can redistribute it and/or modify |
|||
* it under the terms of the GNU Affero General Public License as |
|||
* published by the Free Software Foundation, either version 3 of the |
|||
* License, or (at your option) any later version. |
|||
* |
|||
* This program is distributed in the hope that it will be useful, |
|||
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
* GNU Affero General Public License for more details. |
|||
* |
|||
* You should have received a copy of the GNU Affero General Public License |
|||
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|||
* |
|||
*/ |
|||
(function() { |
|||
'use strict'; |
|||
|
|||
/** |
|||
* @class Search |
|||
* @memberOf OCA |
|||
* |
|||
* The Search class manages a search |
|||
* |
|||
* This is a simple method. Register a new search with your function as references. |
|||
* The events will forward the search or reset directly |
|||
* |
|||
* @param {Function} searchCallback the function to run on a query search |
|||
* @param {Function} resetCallback the function to run when the user reset the form |
|||
*/ |
|||
var Search = function(searchCallback, resetCallback) { |
|||
this.initialize(searchCallback, resetCallback); |
|||
}; |
|||
|
|||
/** |
|||
* @memberof OC |
|||
*/ |
|||
Search.prototype = { |
|||
/** |
|||
* Initialize the search box |
|||
* |
|||
* @param {Function} searchCallback the function to run on a query search |
|||
* @param {Function} resetCallback the function to run when the user reset the form |
|||
*/ |
|||
initialize: function(searchCallback, resetCallback) { |
|||
|
|||
var self = this; |
|||
|
|||
if (typeof searchCallback !== 'function') { |
|||
throw new Error('searchCallback must be a function'); |
|||
} |
|||
if (typeof resetCallback !== 'function') { |
|||
throw new Error('resetCallback must be a function'); |
|||
} |
|||
if (!document.getElementById('searchbox')) { |
|||
throw new Error('searchBox not available'); |
|||
} |
|||
|
|||
this.searchCallback = searchCallback; |
|||
this.resetCallback = resetCallback; |
|||
console.debug('New search handler registered'); |
|||
|
|||
/** |
|||
* Search |
|||
*/ |
|||
this._search = function(event) { |
|||
event.preventDefault(); |
|||
var query = document.getElementById('searchbox').value; |
|||
self.searchCallback(query); |
|||
}; |
|||
|
|||
/** |
|||
* Reset form |
|||
*/ |
|||
this._reset = function(event) { |
|||
event.preventDefault(); |
|||
document.getElementById('searchbox').value = ''; |
|||
self.resetCallback(); |
|||
}; |
|||
|
|||
/** |
|||
* Submit event handler |
|||
*/ |
|||
this._submitHandler = function(event) { |
|||
// Avoid form submit
|
|||
event.preventDefault(); |
|||
_.debounce(self.search, 500); |
|||
} |
|||
|
|||
/** |
|||
* keyUp event handler for the escape key |
|||
*/ |
|||
this._keyUpHandler = function(event) { |
|||
if (event.defaultPrevented) { |
|||
return; |
|||
} |
|||
|
|||
var key = event.key || event.keyCode; |
|||
if ( |
|||
document.getElementById('searchbox') === document.activeElement && |
|||
document.getElementById('searchbox').value === '' |
|||
) { |
|||
if (key === 'Escape' || key === 'Esc' || key === 27) { |
|||
document.activeElement.blur(); // remove focus on searchbox
|
|||
_.debounce(self.reset, 500); |
|||
} |
|||
} |
|||
} |
|||
|
|||
this._searchDebounced = _.debounce(self._search, 500) |
|||
|
|||
this._resetDebounced = _.debounce(self._reset, 500) |
|||
|
|||
/** |
|||
* keyDown event handler for the ctrl+F shortcut |
|||
*/ |
|||
this._keyDownHandler = function(event) { |
|||
if (event.defaultPrevented) { |
|||
return; |
|||
} |
|||
|
|||
var key = event.key || event.keyCode; |
|||
if (document.getElementById('searchbox') !== document.activeElement) { |
|||
if ( |
|||
(event.ctrlKey || event.metaKey) && // CTRL or mac CMD
|
|||
!event.shiftKey && // Not SHIFT
|
|||
(key === 'f' || key === 70) // F
|
|||
) { |
|||
event.preventDefault(); |
|||
document.getElementById('searchbox').focus(); |
|||
document.getElementById('searchbox').select(); |
|||
} |
|||
} |
|||
} |
|||
|
|||
// Show search
|
|||
document.getElementById('searchbox').style.display = 'block'; |
|||
|
|||
// Register input event
|
|||
document |
|||
.getElementById('searchbox') |
|||
.addEventListener('input', this._searchDebounced, true); |
|||
document |
|||
.querySelector('form.searchbox') |
|||
.addEventListener('submit', this._submitHandler, true); |
|||
|
|||
// Register reset
|
|||
document |
|||
.querySelector('form.searchbox') |
|||
.addEventListener('reset', this._resetDebounced, true); |
|||
|
|||
// Register esc key shortcut reset if focused
|
|||
document.addEventListener('keyup', this._keyUpHandler); |
|||
|
|||
// Register ctrl+F key shortcut to focus
|
|||
document.addEventListener('keydown', this._keyDownHandler); |
|||
}, |
|||
|
|||
unregister: function() { |
|||
// Hide search
|
|||
document.getElementById('searchbox').style.display = 'none'; |
|||
|
|||
// Reset search
|
|||
document.getElementById('searchbox').value = ''; |
|||
this.resetCallback(); |
|||
|
|||
// Unregister input event
|
|||
document |
|||
.getElementById('searchbox') |
|||
.removeEventListener('input', this._searchDebounced, true); |
|||
document |
|||
.querySelector('form.searchbox') |
|||
.removeEventListener('submit', this._submitHandler, true); |
|||
|
|||
// Unregister reset
|
|||
document |
|||
.querySelector('form.searchbox') |
|||
.removeEventListener('reset', this._resetDebounced, true); |
|||
|
|||
// Unregister esc key shortcut reset if focused
|
|||
document.removeEventListener('keyup', this._keyUpHandler); |
|||
|
|||
// Unregister ctrl+F key shortcut to focus
|
|||
document.removeEventListener('keydown', this._keyDownHandler); |
|||
|
|||
console.debug('Search handler unregistered'); |
|||
} |
|||
}; |
|||
|
|||
OCA.Search = Search; |
|||
})(); |
|||
@ -1,455 +0,0 @@ |
|||
/* |
|||
* @copyright Copyright (c) 2014 Jörn Friedrich Dreyer <jfd@owncloud.com> |
|||
* |
|||
* @author Jörn Friedrich Dreyer <jfd@owncloud.com> |
|||
* @author John Molakvoæ <skjnldsv@protonmail.com> |
|||
* |
|||
* @license GNU AGPL version 3 or any later version |
|||
* |
|||
* This program is free software: you can redistribute it and/or modify |
|||
* it under the terms of the GNU Affero General Public License as |
|||
* published by the Free Software Foundation, either version 3 of the |
|||
* License, or (at your option) any later version. |
|||
* |
|||
* This program is distributed in the hope that it will be useful, |
|||
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
* GNU Affero General Public License for more details. |
|||
* |
|||
* You should have received a copy of the GNU Affero General Public License |
|||
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|||
* |
|||
*/ |
|||
(function() { |
|||
/** |
|||
* @class OCA.Search.Core |
|||
* @classdesc |
|||
* |
|||
* The Search class manages a search queries and their results |
|||
* |
|||
* @param $searchBox container element with existing markup for the #searchbox form |
|||
* @param $searchResults container element for results und status message |
|||
*/ |
|||
var Search = function($searchBox, $searchResults) { |
|||
this.initialize($searchBox, $searchResults); |
|||
}; |
|||
/** |
|||
* @memberof OC |
|||
*/ |
|||
Search.prototype = { |
|||
/** |
|||
* Initialize the search box |
|||
* |
|||
* @param $searchBox container element with existing markup for the #searchbox form |
|||
* @param $searchResults container element for results und status message |
|||
* @private |
|||
*/ |
|||
initialize: function($searchBox, $searchResults) { |
|||
var self = this; |
|||
|
|||
/** |
|||
* contains closures that are called to filter the current content |
|||
*/ |
|||
var filters = {}; |
|||
this.setFilter = function(type, filter) { |
|||
filters[type] = filter; |
|||
}; |
|||
this.hasFilter = function(type) { |
|||
return typeof filters[type] !== 'undefined'; |
|||
}; |
|||
this.getFilter = function(type) { |
|||
return filters[type]; |
|||
}; |
|||
|
|||
/** |
|||
* contains closures that are called to render search results |
|||
*/ |
|||
var renderers = {}; |
|||
this.setRenderer = function(type, renderer) { |
|||
renderers[type] = renderer; |
|||
}; |
|||
this.hasRenderer = function(type) { |
|||
return typeof renderers[type] !== 'undefined'; |
|||
}; |
|||
this.getRenderer = function(type) { |
|||
return renderers[type]; |
|||
}; |
|||
|
|||
/** |
|||
* contains closures that are called when a search result has been clicked |
|||
*/ |
|||
var handlers = {}; |
|||
this.setHandler = function(type, handler) { |
|||
handlers[type] = handler; |
|||
}; |
|||
this.hasHandler = function(type) { |
|||
return typeof handlers[type] !== 'undefined'; |
|||
}; |
|||
this.getHandler = function(type) { |
|||
return handlers[type]; |
|||
}; |
|||
|
|||
var currentResult = -1; |
|||
var lastQuery = ''; |
|||
var lastInApps = []; |
|||
var lastPage = 0; |
|||
var lastSize = 30; |
|||
var lastResults = []; |
|||
var timeoutID = null; |
|||
|
|||
this.getLastQuery = function() { |
|||
return lastQuery; |
|||
}; |
|||
|
|||
/** |
|||
* Do a search query and display the results |
|||
* @param {string} query the search query |
|||
* @param inApps |
|||
* @param page |
|||
* @param size |
|||
*/ |
|||
this.search = function(query, inApps, page, size) { |
|||
if (query) { |
|||
if (typeof page !== 'number') { |
|||
page = 1; |
|||
} |
|||
if (typeof size !== 'number') { |
|||
size = 30; |
|||
} |
|||
if (typeof inApps !== 'object') { |
|||
var currentApp = getCurrentApp(); |
|||
if (currentApp) { |
|||
inApps = [currentApp]; |
|||
} else { |
|||
inApps = []; |
|||
} |
|||
} |
|||
// prevent double pages
|
|||
if ( |
|||
$searchResults && |
|||
query === lastQuery && |
|||
page === lastPage && |
|||
size === lastSize |
|||
) { |
|||
return; |
|||
} |
|||
window.clearTimeout(timeoutID); |
|||
timeoutID = window.setTimeout(function() { |
|||
lastQuery = query; |
|||
lastInApps = inApps; |
|||
lastPage = page; |
|||
lastSize = size; |
|||
|
|||
//show spinner
|
|||
$searchResults.removeClass('hidden'); |
|||
$status.addClass('status emptycontent'); |
|||
$status.html('<div class="icon-loading"></div><h2>' + t('core', 'Searching other places') + '</h2>'); |
|||
|
|||
// do the actual search query
|
|||
$.getJSON( |
|||
OC.generateUrl('core/search'), |
|||
{ |
|||
query: query, |
|||
inApps: inApps, |
|||
page: page, |
|||
size: size |
|||
}, |
|||
function(results) { |
|||
lastResults = results; |
|||
if (page === 1) { |
|||
showResults(results); |
|||
} else { |
|||
addResults(results); |
|||
} |
|||
} |
|||
); |
|||
}, 500); |
|||
} |
|||
}; |
|||
|
|||
//TODO should be a core method, see https://github.com/owncloud/core/issues/12557
|
|||
function getCurrentApp() { |
|||
var content = document.getElementById('content'); |
|||
if (content) { |
|||
var classList = document.getElementById('content').className.split(/\s+/); |
|||
for (var i = 0; i < classList.length; i++) { |
|||
if (classList[i].indexOf('app-') === 0) { |
|||
return classList[i].substr(4); |
|||
} |
|||
} |
|||
} |
|||
return false; |
|||
} |
|||
|
|||
var $status = $searchResults.find('#status'); |
|||
// summaryAndStatusHeight is a constant
|
|||
var summaryAndStatusHeight = 118; |
|||
|
|||
function isStatusOffScreen() { |
|||
return ( |
|||
$searchResults.position() && |
|||
$searchResults.position().top + summaryAndStatusHeight > |
|||
window.innerHeight |
|||
); |
|||
} |
|||
|
|||
function placeStatus() { |
|||
if (isStatusOffScreen()) { |
|||
$status.addClass('fixed'); |
|||
} else { |
|||
$status.removeClass('fixed'); |
|||
} |
|||
} |
|||
|
|||
function showResults(results) { |
|||
lastResults = results; |
|||
$searchResults.find('tr.result').remove(); |
|||
$searchResults.removeClass('hidden'); |
|||
addResults(results); |
|||
} |
|||
|
|||
function addResults(results) { |
|||
var $template = $searchResults.find('tr.template'); |
|||
jQuery.each(results, function(i, result) { |
|||
var $row = $template.clone(); |
|||
$row.removeClass('template'); |
|||
$row.addClass('result'); |
|||
|
|||
$row.data('result', result); |
|||
|
|||
// generic results only have four attributes
|
|||
$row.find('td.info div.name').text(result.name); |
|||
$row.find('td.info a').attr('href', result.link); |
|||
|
|||
/** |
|||
* Give plugins the ability to customize the search results. see result.js for examples |
|||
*/ |
|||
if (self.hasRenderer(result.type)) { |
|||
$row = self.getRenderer(result.type)($row, result); |
|||
} else { |
|||
// for backward compatibility add text div
|
|||
$row.find('td.info div.name').addClass('result'); |
|||
$row.find('td.result div.name').after('<div class="text"></div>'); |
|||
$row.find('td.result div.text').text(result.name); |
|||
if (OC.search.customResults && OC.search.customResults[result.type]) { |
|||
OC.search.customResults[result.type]($row, result); |
|||
} |
|||
} |
|||
if ($row) { |
|||
$searchResults.find('tbody').append($row); |
|||
} |
|||
}); |
|||
|
|||
var count = $searchResults.find('tr.result').length; |
|||
$status.data('count', count); |
|||
|
|||
if (count === 0) { |
|||
$status.addClass('emptycontent').removeClass('status'); |
|||
$status.html(''); |
|||
$status.append($('<div>').addClass('icon-search')); |
|||
var error = t('core', 'No search results in other folders for {tag}{filter}{endtag}', { filter: lastQuery }); |
|||
$status.append($('<h2>').html(error.replace('{tag}', '<strong>').replace('{endtag}', '</strong>'))); |
|||
} else { |
|||
$status.removeClass('emptycontent').addClass('status summary'); |
|||
$status.text(n('core','{count} search result in another folder','{count} search results in other folders', count,{ count: count })); |
|||
$status.html('<span class="info">' + n( 'core', '{count} search result in another folder', '{count} search results in other folders', count, { count: count } ) + '</span>'); |
|||
} |
|||
} |
|||
|
|||
function renderCurrent() { |
|||
var result = $searchResults.find('tr.result')[currentResult]; |
|||
if (result) { |
|||
var $result = $(result); |
|||
var currentOffset = $(window).scrollTop(); |
|||
$(window).animate( |
|||
{ |
|||
// Scrolling to the top of the new result
|
|||
scrollTop: |
|||
currentOffset + |
|||
$result.offset().top - |
|||
$result.height() * 2 |
|||
}, |
|||
{ |
|||
duration: 100 |
|||
} |
|||
); |
|||
$searchResults.find('tr.result.current').removeClass('current'); |
|||
$result.addClass('current'); |
|||
} |
|||
} |
|||
this.hideResults = function() { |
|||
$searchResults.addClass('hidden'); |
|||
$searchResults.find('tr.result').remove(); |
|||
lastQuery = false; |
|||
}; |
|||
|
|||
this.clear = function() { |
|||
self.hideResults(); |
|||
if (self.hasFilter(getCurrentApp())) { |
|||
self.getFilter(getCurrentApp())(''); |
|||
} |
|||
$searchBox.val(''); |
|||
$searchBox.blur(); |
|||
}; |
|||
|
|||
/** |
|||
* Event handler for when scrolling the list container. |
|||
* This appends/renders the next page of entries when reaching the bottom. |
|||
*/ |
|||
function onScroll() { |
|||
if ( |
|||
$searchResults && |
|||
lastQuery !== false && |
|||
lastResults.length > 0 |
|||
) { |
|||
if ($(window).scrollTop() + $(window).height() > $searchResults.height() - 300) { |
|||
self.search(lastQuery, lastInApps, lastPage + 1); |
|||
} |
|||
placeStatus(); |
|||
} |
|||
} |
|||
|
|||
$(window).on('scroll', _.bind(onScroll, this)); // For desktop browser
|
|||
$("body").on('scroll', _.bind(onScroll, this)); // For mobile browser
|
|||
|
|||
/** |
|||
* scrolls the search results to the top |
|||
*/ |
|||
function scrollToResults() { |
|||
setTimeout(function() { |
|||
if (isStatusOffScreen()) { |
|||
var newScrollTop = $(window).prop('scrollHeight') - $searchResults.height(); |
|||
console.log('scrolling to ' + newScrollTop); |
|||
$(window).animate( |
|||
{ |
|||
scrollTop: newScrollTop |
|||
}, |
|||
{ |
|||
duration: 100, |
|||
complete: function() { |
|||
scrollToResults(); |
|||
} |
|||
} |
|||
); |
|||
} |
|||
}, 150); |
|||
} |
|||
|
|||
$searchBox.keyup(function(event) { |
|||
if (event.keyCode === 13) { |
|||
//enter
|
|||
if (currentResult > -1) { |
|||
var result = $searchResults.find('tr.result a')[currentResult]; |
|||
window.location = $(result).attr('href'); |
|||
} |
|||
} else if (event.keyCode === 38) { |
|||
//up
|
|||
if (currentResult > 0) { |
|||
currentResult--; |
|||
renderCurrent(); |
|||
} |
|||
} else if (event.keyCode === 40) { |
|||
//down
|
|||
if (lastResults.length > currentResult + 1) { |
|||
currentResult++; |
|||
renderCurrent(); |
|||
} |
|||
} |
|||
}); |
|||
|
|||
$searchResults.on('click', 'tr.result', function(event) { |
|||
var $row = $(this); |
|||
var item = $row.data('result'); |
|||
if (self.hasHandler(item.type)) { |
|||
var result = self.getHandler(item.type)($row, item, event); |
|||
$searchBox.val(''); |
|||
if (self.hasFilter(getCurrentApp())) { |
|||
self.getFilter(getCurrentApp())(''); |
|||
} |
|||
self.hideResults(); |
|||
return result; |
|||
} |
|||
}); |
|||
$searchResults.on('click', '#status', function(event) { |
|||
event.preventDefault(); |
|||
scrollToResults(); |
|||
return false; |
|||
}); |
|||
placeStatus(); |
|||
|
|||
OC.Plugins.attach('OCA.Search.Core', this); |
|||
|
|||
// Finally use default Search registration
|
|||
return new OCA.Search( |
|||
// Search handler
|
|||
function(query) { |
|||
if (lastQuery !== query) { |
|||
currentResult = -1; |
|||
if (query.length > 1) { |
|||
self.search(query); |
|||
} else { |
|||
self.hideResults(); |
|||
} |
|||
if (self.hasFilter(getCurrentApp())) { |
|||
self.getFilter(getCurrentApp())(query); |
|||
} |
|||
} |
|||
}, |
|||
// Reset handler
|
|||
function() { |
|||
if ($searchBox.val() === '') { |
|||
if (self.hasFilter(getCurrentApp())) { |
|||
self.getFilter(getCurrentApp())(''); |
|||
} |
|||
self.hideResults(); |
|||
} |
|||
} |
|||
); |
|||
} |
|||
}; |
|||
OCA.Search.Core = Search; |
|||
})(); |
|||
|
|||
window.addEventListener('DOMContentLoaded', function() { |
|||
var $searchResults = $('#searchresults'); |
|||
var $searchBox = $('#searchbox'); |
|||
if ($searchResults.length > 0 && $searchBox.length > 0) { |
|||
$searchResults.addClass('hidden'); |
|||
$searchResults.html('<table>\n' + |
|||
'\t<tbody>\n' + |
|||
'\t\t<tr class="template">\n' + |
|||
'\t\t\t<td class="icon"></td>\n' + |
|||
'\t\t\t<td class="info">\n' + |
|||
'\t\t\t\t<a class="link">\n' + |
|||
'\t\t\t\t\t<div class="name"></div>\n' + |
|||
'\t\t\t\t</a>\n' + |
|||
'\t\t\t</td>\n' + |
|||
'\t\t</tr>\n' + |
|||
'\t</tbody>\n' + |
|||
'</table>\n' + |
|||
'<div id="status"><span></span></div>'); |
|||
OC.Search = new OCA.Search.Core( |
|||
$searchBox, |
|||
$searchResults |
|||
); |
|||
} else { |
|||
// check again later
|
|||
_.defer(function() { |
|||
if ($searchResults.length > 0 && $searchBox.length > 0) { |
|||
OC.Search = new OCA.Search.Core( |
|||
$searchBox, |
|||
$searchResults |
|||
); |
|||
} |
|||
}); |
|||
} |
|||
}); |
|||
|
|||
/** |
|||
* @deprecated use get/setRenderer() instead |
|||
*/ |
|||
OC.search.customResults = {}; |
|||
/** |
|||
* @deprecated use get/setRenderer() instead |
|||
*/ |
|||
OC.search.resultTypes = {}; |
|||
@ -1,41 +0,0 @@ |
|||
/** |
|||
* @copyright 2019 Christoph Wurst <christoph@winzerhof-wurst.at> |
|||
* |
|||
* @author 2019 Christoph Wurst <christoph@winzerhof-wurst.at> |
|||
* |
|||
* @license GNU AGPL version 3 or any later version |
|||
* |
|||
* This program is free software: you can redistribute it and/or modify |
|||
* it under the terms of the GNU Affero General Public License as |
|||
* published by the Free Software Foundation, either version 3 of the |
|||
* License, or (at your option) any later version. |
|||
* |
|||
* This program is distributed in the hope that it will be useful, |
|||
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
* GNU Affero General Public License for more details. |
|||
* |
|||
* You should have received a copy of the GNU Affero General Public License |
|||
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|||
*/ |
|||
|
|||
import OC from './index' |
|||
|
|||
/** |
|||
* Do a search query and display the results |
|||
* @param {string} query the search query |
|||
*/ |
|||
const search = function(query) { |
|||
OC.Search.search(query, null, 0, 30) |
|||
} |
|||
|
|||
/** |
|||
* @namespace OC.search |
|||
*/ |
|||
search.customResults = {} |
|||
/** |
|||
* @deprecated use get/setFormatter() instead |
|||
*/ |
|||
search.resultTypes = {} |
|||
|
|||
export default search |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue