Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

show error-view instead of yellow notification on content loading errors #57

Merged
merged 1 commit into from
Sep 18, 2016

Conversation

ChristophWurst
Copy link
Member

implements part 1 of #56 – the error view.

Examples:
bildschirmfoto von 2016-09-13 19-30-49
bildschirmfoto von 2016-09-13 19-30-03

@te-online @skjnldsv @jancborchardt how about a nice error-logo above the error message to be consistent with the no messages in this folder and no search results view?

@ChristophWurst
Copy link
Member Author

Maybe we can also find a better and shorter wording for "Error while loading the selected message" 😉

@skjnldsv
Copy link
Member

"Unable to load the desired message" ? :)
Nice idea btw! 👍

@ChristophWurst ChristophWurst modified the milestones: 0.5.4, 0.6 Sep 13, 2016
@jancborchardt
Copy link
Member

For the individual folders, I would use the folder-relevant icon for the error icon. For individual mails or when there is no specific icon I’d say let’s use the mail-envelope-icon.

The messages could be a bit improved to this to be less sterile and also a bit fun and helpful. First line is h2 in emptycontent, and second line is the <p>

We couldn’t load the Inbox :( (the Sent mails, the Trash etc.)
Try reloading the page

Vacation planning isn’t loading :
Click on another folder and come back later, maybe?

There was a problem loading the message :(
Maybe you deleted it on your phone?

Yes, with the :( smiley. Maybe even cycle randomly between :( and :\ and :/ and ;( – that makes the error message at least a bit fun. ;)

@ChristophWurst
Copy link
Member Author

@jancborchardt something like this?
bildschirmfoto von 2016-09-14 21-09-46

We'll need a generic icon for non-special-use folders. Could could make one, please?

@ChristophWurst
Copy link
Member Author

For individual mails or when there is no specific icon I’d say let’s use the mail-envelope-icon.

Ah, didn't read that before…

@ChristophWurst
Copy link
Member Author

oh, we have an 'icon-folder' too. Hmm…
bildschirmfoto von 2016-09-14 21-13-26

@te-online
Copy link

But give the smileys noses, please! 😃


Von: Jan-Christoph Borchardtmailto:notifications@github.com
Gesendet: ‎14.‎09.‎2016 19:40
An: nextcloud/mailmailto:mail@noreply.github.com
Cc: Thomas Ebertmailto:thomas.ebert@te-online.net; Mentionmailto:mention@noreply.github.com
Betreff: Re: [nextcloud/mail] show error-view instead of yellow notification on content loading errors (#57)

For the individual folders, I would use the folder-relevant icon for the error icon. For individual mails or when there is no specific icon I’d say let’s use the mail-envelope-icon.

The messages could be a bit improved to this to be less sterile and also a bit fun and helpful. First line is h2 in emptycontent, and second line is the

We couldn’t load the Inbox :( (the Sent mails, the Trash etc.)
Try reloading the page

Vacation planning isn’t loading :
Click on another folder and come back later, maybe?

There was a problem loading the message :(
Maybe you deleted it on your phone?

Yes, with the :( smiley. Maybe even cycle randomly between :( and :\ and :/ and ;( – that makes the error message at least a bit fun. ;)


You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHubhttps://github.com//pull/57#issuecomment-247095170, or mute the threadhttps://github.com/notifications/unsubscribe-auth/AD75vzOEfNfIXDH7GTjzSPahj_Ogbq-_ks5qqDGSgaJpZM4J78PJ.

@jancborchardt
Copy link
Member

jancborchardt commented Sep 15, 2016

@ChristophWurst, yeah, basically like that! :) Is it not possible to bold the foldername instead of using quotes? That would look waaay better.

Also let’s please use the mail icon instead of the folder icon. We do not use the folder icon anywhere in the mail app – it belongs to Files. In fact other mail apps like Gmail use the concept of »Tags« rather than folders so let’s use a generic one.

And below that sentence, put a <p> with the second-line text I showed above. Or do you think it’s too much? I think it’s good handholding in an error situation.

@ChristophWurst
Copy link
Member Author

Is it not possible to bold the foldername instead of using quotes? That would look waaay better.

tried that with search already but failed. Maybe someone can enhance that later

@ChristophWurst
Copy link
Member Author

@LukasReschke ^

})
];
var texts = _.map(rawTexts, function(text) {
return text.replace('{tag}', '<strong>').replace('{endtag}', '</strong>');
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Are you trying to bold the folder name here?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yes

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

see #57 (comment) :)
If the strong is correctly outputted on the html and still isn't displayed bold, this could be because the strong css value "font-weight" has been reset. If so just use a span and set it in css. Should be enough! ;)

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Riight, we need to add in our CSS:
strong { font-weight: 600; }

@skjnldsv great to see you back here by the way! :)

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Glad to see you both! :)

@@ -49,7 +49,9 @@ define(function(require) {
});
});

folder.set('active', true);
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

small bugfix: if the first folder fails loading, folder was undefined here and therefore an error was shown in the js console.

@jancborchardt
Copy link
Member

NICE, looks very good ;D 👍

@jancborchardt jancborchardt merged commit cb55c23 into master Sep 18, 2016
@jancborchardt jancborchardt deleted the error-view branch September 18, 2016 16:12
@lock
Copy link

lock bot commented Nov 21, 2018

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs and questions.

@lock lock bot locked and limited conversation to collaborators Nov 21, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants