Changelog for ownCloud Web 3.3.0 (2021-06-21)

Summary

• Bugfix - Avoid duplicate loading of resources: #5194
• Bugfix - Center MediaViewer loading spinner: #5270
• Bugfix - Keyboard navigation for copy to clipboard: #5147
• Bugfix - Hide left sidebar navigation when switching routes: #5025
• Bugfix - Hide "Create new public link" button: #5126
• Bugfix - Add docs link & fix translations on error page: #5034
• Bugfix - Make skip to main content link visible: #5118
• Bugfix - Add index route for the OC10 integration: #5201
• Bugfix - Reduced Thumbnail Size: #5194
• Bugfix - Do not call Vuex create store multiple times: #5254
• Bugfix - Prevent scrolling issues: #5131
• Bugfix - Show 0 as used quota if a negative number is given: #5229
• Bugfix - Resizeable html container: #5052
• Bugfix - Translated user menu items: #5042
• Bugfix - Prevent fileTypeIcon to throw a TypeError: #5253
• Bugfix - Make sure IDs in HTML are unique: #5028
• Bugfix - Upsert resource in filestable: #5130
• Enhancement - Improve a11y colors: #5138
• Enhancement - Accessible status indicators: #5182
• Enhancement - Use a proper definition list for the account settings page: #5012
• Enhancement - Add pagination: #5224
• Enhancement - Asynchronous loading of images: #4973
• Enhancement - Update owncloud Design System to v7.1.2: #5002
• Enhancement - Button appearance: #5053
• Enhancement - Confirmation message when copying links: #5147
• Enhancement - File editor mode: #5226
• Enhancement - Improve accessibility for the files sidebar: #5000
• Enhancement - Improve a11y in the files sidebar peoples & shares section: #5034
• Enhancement - Focus breadcrumb on route change: #5166
• Enhancement - Enable focus trap in oc-modal: #5013
• Enhancement - Hide left sidebar if no navitems are present: #5149
• Enhancement - Introduce image cache: #3098
• Enhancement - Do not reset file selection when cancelling batch delete: #5107
• Enhancement - Move breadcrumbs out of location picker heading: #5020
• Enhancement - Move hint in the Location picker under breadcrumbs: #5008
• Enhancement - Improve accessibility on new file menu: #5058
• Enhancement - OcTooltip: #5055
• Enhancement - Send focus to "Add people" btn after closing Add/Edit panels: #5129
• Enhancement - Remove autoclose on notifications: #5040
• Enhancement - Request cancellation: #5163
• Enhancement - Ability to update file resource fields: #5311
• Enhancement - Use oc-select for role select: #4937
• Enhancement - Add focus trap to left sidebar: #5027
• Enhancement - Improve accessibility on trash bin: #5046
• Enhancement - TypeScript Support: #5194
• Enhancement - Update ownCloud Design System to v7.4.2: #5224
• Enhancement - Use slots in the navigation sidebar: #5105
• Enhancement - Improve accessibility on user menu: #5010
• Enhancement - Visibility observer: #5194

Details

• Bugfix - Avoid duplicate loading of resources: #5194

  On the personal route, we had a redirect case where resources would be loaded twice, which now is
  fixed.

  #5194

• Bugfix - Center MediaViewer loading spinner: #5270

  The loading spinner in the media viewer app wasn't centered vertically since the wrapping
  element was to small. It has now been given a min-height of the current screen size.

  #5196
  #5270

• Bugfix - Keyboard navigation for copy to clipboard: #5147

  We've fixed that the buttons for copying (private/public) links to the clipboard were not
  usable via keyboard.

  #5147

• Bugfix - Hide left sidebar navigation when switching routes: #5025

  On smaller screens, the left sidebar containing the extension navigation is collapsed. We've
  fixed that when the user expanded the sidebar and navigated to a different route the sidebar is
  collapsed again.

  #5025

• Bugfix - Hide "Create new public link" button: #5126

  The button to create new public links was visible even if the user lacked the permissions to
  create one. It is now being hidden unless the user is allowed to create a share of the respective
  file.

  #5126

• Bugfix - Add docs link & fix translations on error page: #5034

  The MissingConfigPage had a translated paragraph that didn't work because of an presumably
  unallowed <br/> tag inside the text.

  Also, the link to the GitHub repo was replace with a link to the web docs and public rocket chat.

  #5034

• Bugfix - Make skip to main content link visible: #5118

  We've fixed the z-index of the skip to main content link so that it is not hidden under different
  content anymore and is again visible on focus, with a visible focus border.

  #5118
  #5167

• Bugfix - Add index route for the OC10 integration: #5201

  Added an index route for the OC10 integration which gets called when opening
  http://your-server/index.php/apps/web. The route basically redirects to the same URL
  while appending /index.html, as this is the correct URL for accessing the Web UI. Setting Web as
  default layout would result in an endless redirect loop otherwise.

  owncloud/core#38799
  #5201

• Bugfix - Reduced Thumbnail Size: #5194

  We have greatly reduced the size of the images we request from the backend to display as
  thumbnail previews in order to minimize loading times.

  #5194

• Bugfix - Do not call Vuex create store multiple times: #5254

  We've moved the create Vuex store logic into the index file of Web runtime to prevent
  initialising the store multiple times.

  #5254

• Bugfix - Prevent scrolling issues: #5131

  In cases where the browser-window space was not enough to render all views the ui ended up with
  weird scrolling behavior.

  This has been fixed by restructuring the dom elements and giving them proper styles.

  #5131

• Bugfix - Show 0 as used quota if a negative number is given: #5229

  In the case if the server returns a negative number as used quota (what should not happen) show 0 B of 2 GB and not only of 2 GB

  #5229

• Bugfix - Resizeable html container: #5052

  We removed a critical accessibility offense by removing the hardcoded maximum-scale and
  allowing for user-scalable viewsizes.

  #5052

• Bugfix - Translated user menu items: #5042

  Some of the user menu items were not correctly translated, which is now fixed.

  #5042

• Bugfix - Prevent fileTypeIcon to throw a TypeError: #5253

  The function would die with TypeError: file.extension.toLowerCase is not a function if
  file.extension was set to something that is not a string.

  #5253

• Bugfix - Make sure IDs in HTML are unique: #5028

  Quick action button IDs were repeated in every row of the file table, which isn't allowed in HTML
  (IDs must be unique per document). By changing to classes, this offense was resolved.

  The same goes for IDs in the people shares part of the sidebar where IDs are now appended with the
  share ID, which is necessary since they need to be both unique and referenced by ID for
  accessibility reasons.

  #5028
  #5148

• Bugfix - Upsert resource in filestable: #5130

  When uploading an already existing resource in the filestable, we sometimes displayed both
  files in the filestable until the page got refreshed. We now check when uploading a file if it
  exists in the filestable and replace it there if that is the case.

  #5130

• Enhancement - Improve a11y colors: #5138

  To get a11y compliant it's required that colors match a given contrast ratio to it's
  back-/fore-/ground. We improved this on:

  • all ODS components - all oc-color variables - oc-star in sidebar

  #5138

• Enhancement - Accessible status indicators: #5182

  To make both the clickable (button) and the visible (icon) part of the status indicators in the
  files table accessible, we have added a description, in addition to the tooltip and
  aria-label.

  #5182

• Enhancement - Use a proper definition list for the account settings page: #5012

  #5012

• Enhancement - Add pagination: #5224

  We've added pagination to all files lists. Current limit for displayed resources is 100.

  #5224
  #5309

• Enhancement - Asynchronous loading of images: #4973

  Thumbnail and avatar images now get loaded in the background and don't block the main rendering
  of the user interface.

  #4973
  #5194

• Enhancement - Update owncloud Design System to v7.1.2: #5002

  • Lots of updates regarding accessibility topics - Removal of home icon in breadcrumbs,
    changed to "All files" link as breadcrumb root - Added aria-labels to all landmarks in sidebar
    and proper logo-alt attribute to image in sidebar

  #5002
  #5044
  #5074
  #5186
  #5189

• Enhancement - Button appearance: #5053

  Changed the appearance of the "accept/decline share" buttons in the "Shared With Me" file list
  so they actually look like buttons.

  Also changed the "Clear selection" button in the files table batch actions from raw to
  outline appearance.

  #5053
  #5148

• Enhancement - Confirmation message when copying links: #5147

  We've added confirmation messages (toasts) when a private or public link is copied to the
  clipboard.

  #5147

• Enhancement - File editor mode: #5226

  We've added a parameter called mode to the different ways of opening a file editor. The mode
  can be edit or create and reflects whether the file editor was opened in an editing mode or in
  a creation mode.

  #5226
  #5256

• Enhancement - Improve accessibility for the files sidebar: #5000

  We've did several improvements to enhance the accessibility on the files sidebar: -
  Transformed the file name to a h2 element - Transformed the "Open folder"-action to a link
  instead of a button - Transformed the favorite-star to a button-element - Adjusted aria-label
  of the favorite-star to describe what it does instead of its current state - Added a more
  descriptive close button label - Clicking outside of the sidebar now closes it - Removed the
  aria-label on the action buttons as they already include proper labels - Added a hint for screen
  readers if an action opens a new window/tab - Make sidebar header sticky

  #5000
  #5266

• Enhancement - Improve a11y in the files sidebar peoples & shares section: #5034

  We've did several improvements to enhance the accessibility on the files sidebar: - Gave
  role="presentation" to the collaborator avatar - Refactored and

  tags into

  tags and unified translations a bit - Enhanced hints in the collaborator quick action buttons with collaborator name - Hide private links if the capability is not enabled - Set avatar-images to:aria-hidden="true"since they're only visual elements and can be hidden from screenreaders - Changed

  wrapper around private link shares - Removed

  wrapper around public link shares - Removed

  wrapper around collaborators - Added screenreader-only explain texts regarding collaborator/share ownership - Added aria-label for share receiver section - Worked on unifying the way we handle translations: Focus on v-translate and $gettext() - Turn tags into

  &
  • ` list, add
    aria-labelledby to both tag list and resharer tag list - Translated "Open with $appName" for
    sidebar quick actions

    #5034
    #5043
    #5121

  • Enhancement - Focus breadcrumb on route change: #5166

    We now focus the current breadcrumb item when navigating to another page and announce the
    amount of files and folders in the folder the user has navigated to.

    #5166

  • Enhancement - Enable focus trap in oc-modal: #5013

    After the recent changes in ODS, the oc-modal can now use a focus-trap which is a feature needed
    for accessibility-reasons.

    #5013

  • Enhancement - Hide left sidebar if no navitems are present: #5149

    For extensions / pages without nav items and public link pages, we now hide the left sidebar to
    not confuse screen readers and give more screen space for the content.

    #5149

  • Enhancement - Introduce image cache: #3098

    We have added a (configurable) cache for thumbnails and avatar images to avoid loading the same
    files over and over again.

    #3098
    #5194

  • Enhancement - Do not reset file selection when cancelling batch delete: #5107

    We've removed the reset selection method call when cancelling batch delete. If the user now
    cancels the delete dialog, the file selection stays as it was before displaying the dialog.

    #5107

  • Enhancement - Move breadcrumbs out of location picker heading: #5020

    We've moved the breadcrumbs element out of the location picker heading and moved it under it.
    The heading is now also reflecting the page title. We've also decreased the size of both
    breadcrumbs and action buttons so that they fit better together.

    #5020

  • Enhancement - Move hint in the Location picker under breadcrumbs: #5008

    We've moved the hint that is describing how to use the Location picker from sidebar under the
    breadcrumbs. There is navigation of the Files extension displayed in the sidebar now instead.

    #5008

  • Enhancement - Improve accessibility on new file menu: #5058

    We now use buttons instead of a-tags in the new file menu. Also fixed the double-focus per item
    when navigating via tab.

    #5058

  • Enhancement - OcTooltip: #5055

    We've changed the tooltip implementation to use oc-tooltip directive from ODS instead of
    uikit's.

    #4654
    #2623
    #4597
    #4332
    #4300
    #5155
    #5055

  • Enhancement - Send focus to "Add people" btn after closing Add/Edit panels: #5129

    We've started sending the focus to "Add people" button after the Add panel in the people
    accordion has been closed. Also, when editing a share the focus jumps back to the "Edit" button
    in the respective share after cancelling or confirming the action.

    #5129
    #5146

  • Enhancement - Remove autoclose on notifications: #5040

    The autoclose is now being handled in the design system component. The timeout can be set via
    property.

    #5040

  • Enhancement - Request cancellation: #5163

    Requests (e.g. loading of images) can now be pragmatically cancelled from the client side.
    Before, obsolete requests would still create load on the server and return results that then
    would be discarded by the web frontend.

    #5163
    #5194

  • Enhancement - Ability to update file resource fields: #5311

    We've introduced the ability to update individual resource fields only instead of updating
    the whole resource at once.

    #5311

  • Enhancement - Use oc-select for role select: #4937

    We've used the new oc-select component from ODS for selecting role in people and public links
    accordions in the right sidebar. We are using this component to enable keyboard navigation
    when selecting the role.

    #4937

  • Enhancement - Add focus trap to left sidebar: #5027

    We've added a focus trap to the left sidebar on smaller resolutions when it's collapsible. If
    the sidebar is opened and focused, the focus stays within the sidebar.

    #5027

  • Enhancement - Improve accessibility on trash bin: #5046

    Add more context to the empty trash bin button text and only render it, if resources are present.

    #5046

  • Enhancement - TypeScript Support: #5194

    We have added support for TypeScript and started to refactor parts of the codebase. This will
    help us provide clearer interfaces and catch bugs earlier.

    #5194

  • Enhancement - Update ownCloud Design System to v7.4.2: #5224

    We've updated ownCloud Design System to version 7.4.2 to bring the new pagination component.

    #5224
    #5292
    #5319
    https://github.com/owncloud/owncloud-design-system/releases/tag/v7.4.1
    https://github.com/owncloud/owncloud-design-system/releases/tag/v7.4.2

  • Enhancement - Use slots in the navigation sidebar: #5105

    In the new sidebar content is defined solely via slots. We've moved all the content into those
    slots so that the sidebar still gets displayed correctly.

    #5105

  • Enhancement - Improve accessibility on user menu: #5010

    Wrapped the user menu button in a nav element and added an aria-label which describes it as main
    navigation.

    #5010

  • Enhancement - Visibility observer: #5194

    By adding a visibility observer, we now only load image previews for those files that are close
    to the user's viewport. It is also equiped with a short waiting period so scrolling doesn't lead
    to an overload of requests.

    #5194