Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Page Properties
hiddentrue
idDONE

Product Version
Report Notepublished, language check outstanding
AssigneeKolibri

Resources & Remarks

https://wiki.optimal-systems.de/display/devkolibri/yuuvis+Momentum+-+Flex+Viewer+Service

There is description for extending the viewer service mentioned to be existing in git (ask Jürgen) - however, the link is missing. Get that documentation and cast it into a tutorial article linked to this viewer service concept article!

The link pointing to the "freely available" viewer components, also meant to be in git, is also inoperable or not accessible to anyone outside of team kolibri... → grab and integrate that info.

Supported filetypes look nicer when in tables:

Audio

Used component: By default audio files are natively played by the Browser with HTML5 Audio. (that is a subject of the HTML5 Audio specification).

Default component: Used component.
Mimetype: mpeg, mp3, ogg, wav
All played files are streamed to prevent unnecessary data downloads. The autoplay is set to false.

The API description lacks information...

These sentences are somewhat confusing and should be checked with the PO:
Additionaly, non mandatory parameters are provided (corresponding to the client settings)

  • bla
  • bla

Additionally provided parameters will be passed to the custom viewer. (I believe this should read: any further parameters provided will be passed to the custom viewer)


Place links for further reading at the bottom (api-gateway, functional extension - client side, architecture, a still-to-be-written customization tutorial)

A tutorial, describing how to integrate the viewer service into an Angular application ist missing.


Modification History

NameDateProduct VersionAction
Martin04 APR 20239.0Copied from yuuvis Momentum page





...

Beginning with yuuvis® RAD 9.0, this new viewer-service is part of the yuuvis® RAD service infrastructure stack. It offers to display several common file types directly within a yuuvis® Momentum client RADclient application. It serves within the yuuvis® RAD client and can readily be integrated into a custom client. It is designed to allow for easy integration of further viewers in addition to the free ones included already.

...

Used component: By default, audio files are natively played by the browser with HTML5 audio (that is a subject of the HTML5 Audio specification).

Default component: Used component.

Mimetype: mpeg, mp3, ogg, wav

...

Used component: Custom Angular Application with angular-x-image-viewer plug-in.

Default component: By default, the supported mimeTypes are rendered in the standard HTML img tag.

Mimetypes: jpeg, gif, png, svg, bmp, ico

...

Used component: Native image rendering as base64 encoded.

Default component: By default, the supported mimeTypes are rendered in the standard HTML img tag.

Mimetypes: tiff, tif

JSON

Used component: Custom Angular application with ngx-json-viewer plugin.

Default component: Used component.

Mimetype: application/json 

...

Used component: eml files are parsed by mailparser, msg files are parsed by custom parser inspired by (msgreader)

Default component: Used component.

Mimetypes : message/rfc822 (eml), beginning with 2021 Winter Alpha2: application/vnd.ms-outlook (msg)

...

Used component: Custom React application with markdown-to-jsx plug-in. / Custom Angular application withshowdown plug-in.

Default component: Used component.

Mimetypesx-web-markdownmarkdown

...

Used component: Files are parsed and rendered with https://webodf.org/

Default component: Used component.

File extension: odt, ods, odp

Mimetypes: application/zip (as resolved by yuuvis core service)

...

Used component: By default, plain text is natively rendered by the Browser.

Default component: Used component.

Mimetypesplain

XML(text/xml)

Used component: By default xml is natively rendered as text by the Browser.

Default component: Used component.

Mimetypes: xml

PDF

Used component: PDF.js which is a Mozilla project.

Default component: Used component.

Mimetypes: application/pdf

...

Used component:  By default video files are natively played by the browser with HTML5 Video (that is a subject of the HTML5 Video specification).

Default component: Used component.

Mimetypes: mpeg, mp4, ogg, webm

...

Used component: Native string rendering

Default component: Used component.

Mimetype: x-zip-compressed, zip

...

Code Block
titleSetting the localization strings in the custom language file of the client
es.json :
  "yuv.viewer.not.authorized": "No está autorizado a obtener una vista previa del archivo.",
  "yuv.viewer.not.found": "Archivo no encontrado.",
  "yuv.viewer.not.supported": "Formato no compatible.",
  "yuv.viewer.not.supported.download.content": "No se puede mostrar el formato.\nPuede hacer clic en este vínculo para descargar el archivo."

fi.json :
  "yuv.viewer.not.authorized": "Ei valtuutta esikatsella tiedostoa.",
  "yuv.viewer.not.found": "Tiedostoa ei löydy.",
  "yuv.viewer.not.supported": "Muotoa ei tueta.",
  "yuv.viewer.not.supported.download.content": "Muotoa ei voida näyttää.\nLataa tiedosto napsauttamalla tätä linkkiä."

fr.json :
  "yuv.viewer.not.authorized": "Non autorisé à prévisualiser le fichier.",
  "yuv.viewer.not.found": "Fichier introuvable.",
  "yuv.viewer.not.supported": "Format non pris en charge.",
  "yuv.viewer.not.supported.download.content": "Impossible d'afficher le format.\nVous pouvez cliquer sur ce lien pour télécharger le fichier."

it.json :
  "yuv.viewer.not.authorized": "Non autorizzato a visualizzare l'anteprima del file.",
  "yuv.viewer.not.found": "File non trovato.",
  "yuv.viewer.not.supported": "Formato non supportato.",
  "yuv.viewer.not.supported.download.content": "Impossibile visualizzare il formato.\nFare clic su questo link per scaricare il file."

ja.json :
  "yuv.framework.sequence-list.template.button.saveNew": "新規テンプレートとして追加",
  "yuv.viewer.not.authorized": "ファイルをプレビューする権限がありません。",
  "yuv.viewer.not.found": "ファイルが見つかりませんでした。",
  "yuv.viewer.not.supported": "サポートされていない形式です。",
  "yuv.viewer.not.supported.download.content": "形式を表示できません。\nこのリンクをクリックするとファイルをダウンロードできます。"

ko.json :
  "yuv.viewer.not.authorized": "파일 미리 보기 권한이 없습니다.",
  "yuv.viewer.not.found": "파일을 찾을 수 없습니다.",
  "yuv.viewer.not.supported": "형식이 지원되지 않습니다.",
  "yuv.viewer.not.supported.download.content": "형식을 표시할 수 없습니다.\n이 링크를 클릭하여 파일을 다운로드할 수 있습니다."

nl.json :
  "yuv.viewer.not.authorized": "Niet gemachtigd om voorbeeld van bestand weer te geven.",
  "yuv.viewer.not.found": "Kan het bestand niet vinden.",
  "yuv.viewer.not.supported": "Formaat niet ondersteund.",
  "yuv.viewer.not.supported.download.content": "Kan het formaat niet weergeven.\nU kunt op deze link klikken om het bestand te downloaden."

th.json :
  "yuv.viewer.not.authorized": "ไม่ได้รับอนุญาตให้ดูตัวอย่างไฟล์",
  "yuv.viewer.not.found": "ไม่พบไฟล์",
  "yuv.viewer.not.supported": "ไม่รองรับรูปแบบนี้",
  "yuv.viewer.not.supported.download.content": "ไม่สามารถแสดงรูปแบบได้\nคุณสามารถคลิกลิงก์นี้เพื่อดาวน์โหลดไฟล์"

tr.json :
  "yuv.viewer.not.authorized": "Dosyayı önizleme yetkisi yoktur.",
  "yuv.viewer.not.found": "Dosya bulunamadı.",
  "yuv.viewer.not.supported": "Format desteklenmiyor.",
  "yuv.viewer.not.supported.download.content": "Format görüntülenemiyor.\nDosyayı indirmek için bu linke tıklayabilirsiniz."

vi.json :
  "yuv.viewer.not.authorized": "Không được phép xem trước tập tin.",
  "yuv.viewer.not.found": "Không tìm thấy tập tin.",
  "yuv.viewer.not.supported": "Định dạng không được hỗ trợ.",
  "yuv.viewer.not.supported.download.content": "Không thể hiển thị định dạng.\nBạn có thể nhấp vào liên kết này để tải xuống tập tin."

zh.json :
  "yuv.viewer.not.authorized": "未授權預覽檔案",
  "yuv.viewer.not.found": "未找到檔案。",
  "yuv.viewer.not.supported": "格式不受支援。",
  "yuv.viewer.not.supported.download.content": "無法顯示格式。\n您可以按一下這個連結以下載檔案。"

Using the Viewer-Service with self-signed certificates

In this case, the Viewer-Service is used in an environment that used a self-signed certificates specific configurations are needed and are described here: 
Configuring HTTPS for the Gateway#Configuring-the-viewer-service-to-accept-self-signed-certificates

Extending the Viewer-Service

...