Skip to content

3.3.0

Compare
Choose a tag to compare
@pascalwengerter pascalwengerter released this 23 Jun 12:19

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

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