Giter Club home page Giter Club logo

Comments (7)

juliushaertl avatar juliushaertl commented on May 18, 2024 1

Why is it important to have it integrated into the viewer? I understand that we get the sidebar for free which is nice.

We also aimed to have a more standardized way for apps to show file content. Before the viewer, each app needed to handle the overlay, styling and edgecases themselves, so just integrating in the viewer makes it a lot easier to maintain and the overall experience more consistent.

But on the other hand we loose the header bar which can be useful to navigate around, see other people in the same document, search, setting, ...

I agree that the header bar is useful here. Maybe we can have some different styling in the viewer for editing files, which could also be used by collabora/other file editors. Showing the header is something that is pretty straight forward with some basic styles:

image

cc @skjnldsv

from text.

juliushaertl avatar juliushaertl commented on May 18, 2024 1

All fixed already, thanks @skjnldsv

from text.

karlitschek avatar karlitschek commented on May 18, 2024

May I ask a stupid question? Why is it important to have it integrated into the viewer? I understand that we get the sidebar for free which is nice. But on the other hand we loose the header bar which can be useful to navigate around, see other people in the same document, search, setting, ...

from text.

skjnldsv avatar skjnldsv commented on May 18, 2024

I agree that the header bar is useful here. Maybe we can have some different styling in the viewer for editing files, which could also be used by collabora/other file editors. Showing the header is something that is pretty straight forward with some basic styles:

Agree, but the nextcloud header bar should not be used for apps-customisations (like richdocuments for example)
This is confusing as the header is the same across all apps, so it's not really where the user should expect to find apps-related informations I'd say.

We can add the informations we want into the viewer header, which is already where we have infos, so it is better in a UX point of view. cc @jancborchardt

But on the other hand we loose the header bar which can be useful to navigate around, see other people in the same document, search, setting, ...

Well, if you click anything in the header, you'll quit the collaborative editing anyway as it will change the page. So I'd rather have the user make sure to quite the text app and navigate away than thinking it will not lose its current editing session and go into another app/setting section :)

from text.

skjnldsv avatar skjnldsv commented on May 18, 2024
  • Keyboard events should be disabled (arrow, enter should only be catched by the editor, not the viewer)
  • Expose the file id to the viewer component
  • Overwrite max-width for mobile view, so that the editor is shown full size on small screens
  • We probably don't need navigation between documents with the arrows
  • Slideshow doesn't make sense for documents

So basically, aside from the fileid prop, we should just add a config to force an independant view? I'd say, if the dev do not provide a group property, then handle it as a standalone view? What do you think?
It would then not fetch the nearby similar files. Arrows will automatically be disabled and slideshow as well (already in the viewer), as well as keys binding :)

from text.

juliushaertl avatar juliushaertl commented on May 18, 2024

So basically, aside from the fileid prop, we should just add a config to force an independant view? I'd say, if the dev do not provide a group property, then handle it as a standalone view? What do you think?
It would then not fetch the nearby similar files. Arrows will automatically be disabled and slideshow as well (already in the viewer), as well as keys binding :)

Yes, I had the same in mind. 👍

from text.

skjnldsv avatar skjnldsv commented on May 18, 2024

Closed by nextcloud/viewer#79

from text.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.