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

Calendar shared by link: overall design & left navigation #243

Closed
jancborchardt opened this issue Dec 15, 2016 · 15 comments · Fixed by #372
Closed

Calendar shared by link: overall design & left navigation #243

jancborchardt opened this issue Dec 15, 2016 · 15 comments · Fixed by #372
Assignees
Labels
3. to review Waiting for reviews design Related to design, interface, interaction design, UX, etc. Feature: Sharing

Comments

@jancborchardt
Copy link
Member

jancborchardt commented Dec 15, 2016

Currently a calendar shared by link looks like this:
capture du 2016-12-15 02-36-40

Some thoughts:

  • There’s no blue bar on top which clearly states »Nextcloud«. It’s not only a branding thing but also to know where you are. We do that everywhere else when sharing – Files, Spreed, Gallery etc.
  • The left navigation looks a bit lost. We could have the calendar name a bit bigger like a h2 maybe? Similar to the »Files drop« feature in the server
  • Also similar to the »Files drop«, it would be cool to not only show the user id in parentheses like (jan) but actually show a separate line with avatar and full name (fallback to username)
  • Bug: the right border of the left navigation is not going through the whole way. The lower half (except next to settings) is basically missing.

What do you think @nextcloud/calendar @nextcloud/designers?

@jancborchardt jancborchardt added 1. to develop Accepted and waiting to be taken care of design Related to design, interface, interaction design, UX, etc. enhancement-proposed Feature: Sharing labels Dec 15, 2016
@eppfel
Copy link
Member

eppfel commented Dec 15, 2016

Also, I would like to improve the workflow to subscribe to public calendars. Right now, you have to go to the public calendar and click settings to get a URL you can subscribe to.

The public interface will mainly be used by non-nextloud users, so I propose removing the settings here (they are not saved anyway) and move the options directly under the calendar (to the download button).

Something like this:

bildschirmfoto 2016-12-15 um 10 34 10

Or would it even be possible to subscribe to the public share link with a redirect to the dav address?

@georgehrke georgehrke added this to the 1.6.0-next milestone Dec 15, 2016
@georgehrke
Copy link
Member

I think you have to distinguish two use-cases here.
You definitely want the nextcloud bar, when accessing the shared link directly.
But usually you don't want the Nextcloud bar when embedding it into other websites.

@jancborchardt
Copy link
Member Author

@eppfel I tend to agree with moving the subscription settings directly there with the »Download« link too. Although the information architecture can be improved a bit more than just moving it there, because for example:

  • the embed textarea doesn’t need to be open by default (seldom used feature)
  • the CalDAV / WebCal toggle seems a bit strange
  • just generally properly adjust the information hierarchy there :) Calendar name being most important. :)

@eppfel
Copy link
Member

eppfel commented Dec 17, 2016

@jancborchardt Totally, just did not have the time to come up with it.

@georgehrke
Copy link
Member

@tcitworld Do you want to take care of this? :)

@georgehrke
Copy link
Member

I got some feedback at congress:

  • we should make the webcal link clickable. iOS will automatically offer you to subscribe to it.
    If you just have the link, you have to go to Settings > Calendar > Accounts > add a calendar > Others > subscribe to a calendar and then paste the link.

@tcitworld
Copy link
Member

As a regular link then, so that you can still copy it through context menu on desktop on holding on mobile.

@nickvergessen
Copy link
Member

nickvergessen commented Jan 21, 2017

Came here to state that I also miss the header/blue bar/brand on the public page.

@eppfel
Copy link
Member

eppfel commented Jan 21, 2017

I think we have to make the bar default, because we want people to recognize Nextcloud.

So, there needs to be an extra route for embedding.

@georgehrke
Copy link
Member

So, there needs to be an extra route for embedding.

I would do it the other way around. We need an extra route for calendar with nextcloud bar, because we can't change the embed code already used by people on their website.

@eppfel
Copy link
Member

eppfel commented Jan 21, 2017

I know this is bad 😁 , but when we pull the embed option out of the settings and rename it to "embed without top-bar" people could at least change it easily...

What would be the alternative? Show the public url with topbar as default, but with a new url https://cloud.opensourcedesign.net/apps/calendar/p/CqJYyXyYsFqfPsfr. Would be fine with me, as long as it is the default URL we give out to users.

@georgehrke
Copy link
Member

georgehrke commented Jan 21, 2017

What would be the alternative? Show the public url with topbar as default, but with a new url https://cloud.opensourcedesign.net/apps/calendar/p/CqJYyXyYsFqfPsfr. Would be fine with me, as long as it is the default URL we give out to users.

Yes, I was thinking about something like this

@georgehrke georgehrke self-assigned this Mar 18, 2017
@georgehrke georgehrke added 2. developing Work in progress and removed 1. to develop Accepted and waiting to be taken care of labels Mar 20, 2017
@georgehrke
Copy link
Member

georgehrke commented Mar 20, 2017

nextcloud_chromium__today_at_3_45_46_pm

While adding the top bar, we have the opportunity to add some actions to the upper right corner.
What would these actions be?

Download and Subscribe?

@jancborchardt @eppfel

@tcitworld
Copy link
Member

Fine to me.

@georgehrke
Copy link
Member

Also, do we want to offer "Subscribe & embed" in the embedded version at all?

@georgehrke georgehrke added 3. to review Waiting for reviews and removed 2. developing Work in progress labels Mar 24, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Waiting for reviews design Related to design, interface, interaction design, UX, etc. Feature: Sharing
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants