upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-05-28 04:32:30 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 27

Use star icon for favorites

Browse source
This commit is contained in:
Vincent Petry 2014-12-15 12:43:16 +01:00
parent 20c30ac79a
commit 1d22cd5b22
2 changed files with 44 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/files/index.php
View file

@ -43,6 +43,8 @@ OCP\Util::addscript('files', 'filelist');
\OCP\Util::addScript('files', 'tagsplugin');
\OCP\Util::addScript('files', 'favoritesplugin');
\OC_Util::addVendorScript('core', 'handlebars/handlebars');
OCP\App::setActiveNavigationEntry('files_index');
$l = \OC::$server->getL10N('files');

52
apps/files/js/tagsplugin.js
View file

@ -7,8 +7,44 @@
* See the COPYING-README file.
*
*/
/* global Handlebars */
(function(OCA) {
var TEMPLATE_FAVORITE_ACTION =
'<a href="#" ' +
'class="action action-favorite {{#isFavorite}}permanent{{/isFavorite}}">' +
'<img class="svg" alt="{{altText}}" src="{{imgFile}}" />' +
'</a>';
/**
* Returns the path to the star image
*
* @param {boolean} state true if starred, false otherwise
* @return {string} path to star image
*/
function getStarImage(state) {
return OC.imagePath('core', state ? 'actions/starred' : 'actions/star');
}
/**
* Render the star icon with the given state
*
* @param {boolean} state true if starred, false otherwise
* @return {Object} jQuery object
*/
function renderStar(state) {
if (!this._template) {
this._template = Handlebars.compile(TEMPLATE_FAVORITE_ACTION);
}
return this._template({
isFavorite: state,
altText: state ? t('core', 'Favorited') : t('core', 'Favorite'),
imgFile: getStarImage(state)
});
}
OCA.Files = OCA.Files || {};
/**
@ -34,14 +70,9 @@
mime: 'all',
permissions: OC.PERMISSION_READ,
render: function(actionSpec, isDefault, context) {
// TODO: use proper icon
var $file = context.$file;
var isFavorite = $file.data('favorite') === true;
var starState = isFavorite ? '&#x2605' : '&#x2606;';
var $icon = $(
'<a href="#" class="action action-favorite ' + (isFavorite ? 'permanent' : '') + '">' +
starState + '</a>'
);
var $icon = $(renderStar(isFavorite));
$file.find('td:first>.favorite').replaceWith($icon);
return $icon;
},
@ -70,11 +101,12 @@
self.applyFileTags(
dir + '/' + fileName,
tags
).then(function() {
// TODO: read from result
).then(function(result) {
// read latest state from result
var isFavorite = (result.tags.indexOf(OC.TAG_FAVORITE) >= 0);
$actionEl.removeClass('icon-loading');
$actionEl.html(isFavorite ? '&#x2606;' : '&#x2605;');
$actionEl.toggleClass('permanent', !isFavorite);
$actionEl.find('img').attr('src', getStarImage(isFavorite));
$actionEl.toggleClass('permanent', isFavorite);
$file.attr('data-tags', tags.join('|'));
$file.attr('data-favorite', !isFavorite);
});