mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Hide defaultavatar in #header and don't darken proper avatars in #header

This commit is contained in:
kondou 2013-10-04 02:27:53 +02:00
parent de175a4b0f
commit b0ff10a536
4 changed files with 28 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
core/css/styles.css
View File

@ -43,6 +43,10 @@ body { background:#fefefe; font:normal .8em/1.6em "Helvetica Neue",Helvetica,Ari
display: inline-block; display: inline-block;
} }
#header .avatardiv img {
opacity: 1;
}
/* INPUTS */ /* INPUTS */
input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="email"], input[type="url"], input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="email"], input[type="url"],
textarea, select, textarea, select,

2
core/js/avatar.js
View File

@ -1,6 +1,6 @@
$(document).ready(function(){ $(document).ready(function(){
if (OC.currentUser) { if (OC.currentUser) {
$('#header .avatardiv').avatar(OC.currentUser, 32); $('#header .avatardiv').avatar(OC.currentUser, 32, undefined, true);
// Personal settings // Personal settings
$('#avatar .avatardiv').avatar(OC.currentUser, 128); $('#avatar .avatardiv').avatar(OC.currentUser, 128);
} }

20
core/js/jquery.avatar.js
View File

@ -15,7 +15,7 @@
* You may use this on any <div></div> * You may use this on any <div></div>
* Here I'm using <div class="avatardiv"></div> as an example. * Here I'm using <div class="avatardiv"></div> as an example.
* *
* There are 4 ways to call this: * There are 5 ways to call this:
* *
* 1. $('.avatardiv').avatar('jdoe', 128); * 1. $('.avatardiv').avatar('jdoe', 128);
* This will make the div to jdoe's fitting avatar, with a size of 128px. * This will make the div to jdoe's fitting avatar, with a size of 128px.
@ -34,10 +34,15 @@
* 4. $('.avatardiv').avatar('jdoe', 128, true); * 4. $('.avatardiv').avatar('jdoe', 128, true);
* This will behave like the first example, except it will also append random * This will behave like the first example, except it will also append random
* hashes to the custom avatar images, to force image reloading in IE8. * hashes to the custom avatar images, to force image reloading in IE8.
*
* 5. $('.avatardiv').avatar('jdoe', 128, undefined, true);
* This will behave like the first example, but it will hide the avatardiv, if
* it will display the default placeholder. undefined is the ie8fix from
* example 4 and can be either true, or false/undefined, to be ignored.
*/ */
(function ($) { (function ($) {
$.fn.avatar = function(user, size, ie8fix) { $.fn.avatar = function(user, size, ie8fix, hidedefault) {
if (typeof(size) === 'undefined') { if (typeof(size) === 'undefined') {
if (this.height() > 0) { if (this.height() > 0) {
size = this.height(); size = this.height();
@ -69,12 +74,17 @@
var url = OC.Router.generate('core_avatar_get', {user: user, size: size})+'?requesttoken='+oc_requesttoken; var url = OC.Router.generate('core_avatar_get', {user: user, size: size})+'?requesttoken='+oc_requesttoken;
$.get(url, function(result) { $.get(url, function(result) {
if (typeof(result) === 'object') { if (typeof(result) === 'object') {
if (result.data && result.data.displayname) { if (!hidedefault) {
$div.placeholder(user, result.data.displayname); if (result.data && result.data.displayname) {
$div.placeholder(user, result.data.displayname);
} else {
$div.placeholder(user);
}
} else { } else {
$div.placeholder(user); $div.hide();
} }
} else { } else {
$div.show();
if (ie8fix === true) { if (ie8fix === true) {
$div.html('<img src="'+url+'#'+Math.floor(Math.random()*1000)+'">'); $div.html('<img src="'+url+'#'+Math.floor(Math.random()*1000)+'">');
} else { } else {

12
settings/js/personal.js
View File

@ -45,12 +45,16 @@ function changeDisplayName(){
} }
} }
function updateAvatar () { function updateAvatar (hidedefault) {
$headerdiv = $('#header .avatardiv'); $headerdiv = $('#header .avatardiv');
$displaydiv = $('#displayavatar .avatardiv'); $displaydiv = $('#displayavatar .avatardiv');
$headerdiv.css({'background-color': ''}); if(hidedefault) {
$headerdiv.avatar(OC.currentUser, 32, true); $headerdiv.hide();
} else {
$headerdiv.css({'background-color': ''});
$headerdiv.avatar(OC.currentUser, 32, true);
}
$displaydiv.css({'background-color': ''}); $displaydiv.css({'background-color': ''});
$displaydiv.avatar(OC.currentUser, 128, true); $displaydiv.avatar(OC.currentUser, 128, true);
} }
@ -232,7 +236,7 @@ $(document).ready(function(){
type: 'DELETE', type: 'DELETE',
url: OC.Router.generate('core_avatar_delete'), url: OC.Router.generate('core_avatar_delete'),
success: function(msg) { success: function(msg) {
updateAvatar(); updateAvatar(true);
} }
}); });
}); });