[wip] feat(Screen): allow to zoom and pan screenshare content

- library is 6kB, so nothing painful
- container must have a  size (itherwise it's 0 height and not visible
- with w+h 100% other styles are broken in Speaker view, didn't check Grid view yet

[skip ci]

Signed-off-by: Maksim Sukharev <[email protected]>

src/components/CallView/shared/Screen.vue

@@ -23,6 +23,7 @@
 <script>
 import Hex from 'crypto-js/enc-hex.js'
 import SHA1 from 'crypto-js/sha1.js'
+import panzoom from 'panzoom'
 
 import { t } from '@nextcloud/l10n'
 
@@ -139,6 +140,10 @@ export default {
 		} else {
 			this._setScreen(this.callParticipantModel.attributes.screen)
 		}
+		// just grab a DOM element
+		const element = document.getElementById(this.screenContainerId)
+		// And pass it to panzoom
+		panzoom(element)
 	},
 
 	methods: {
@@ -165,6 +170,11 @@ export default {
 
 <style lang="scss" scoped>
 
+.screenContainer {
+	width: 100%;
+	height: 100%;
+}
+
 .screen {
 	width: 100%;
 	height: 100%;