From eb141197975c0b02cbae40a895585c72e14aea35 Mon Sep 17 00:00:00 2001
From: "vasary.daniel" <TFS\vasary.daniel>
Date: Wed, 13 Apr 2022 23:07:37 +0000
Subject: [PATCH] player segment buttons added

git-tfs-id: [http://tfs.userrendszerhaz.hu:8080/tfs/DefaultCollection]$/MediaCube;C33160
---
 server/user.mediacube.gui/WEB-INF/zk.xml      |  4 ++
 server/user.mediacube.gui/css/archivum.css    | 16 +++++++
 server/user.mediacube.gui/js/searchitems.js   | 45 ++++++++++++++++---
 .../user.mediacube.gui/pages/searchitems.zul  |  4 --
 .../jobengine/zk/model/ListSearchModel.java   |  3 ++
 5 files changed, 62 insertions(+), 10 deletions(-)

diff --git a/server/user.mediacube.gui/WEB-INF/zk.xml b/server/user.mediacube.gui/WEB-INF/zk.xml
index c037eeee..39f79d9d 100644
--- a/server/user.mediacube.gui/WEB-INF/zk.xml
+++ b/server/user.mediacube.gui/WEB-INF/zk.xml
@@ -12,6 +12,10 @@ https://www.zkoss.org/wiki/ZK_Configuration_Reference/zk.xml
     	<value>hu</value>
 	</library-property>
 <!-- 	<library-property> -->
+<!-- 	    <name>org.zkoss.zk.ZUML.cache</name> -->
+<!--     	<value>false</value> -->
+<!-- 	</library-property> -->
+<!-- 	<library-property> -->
 <!-- 		<name>org.zkoss.bind.DebuggerFactory.enable</name> -->
 <!-- 		<value>true</value> -->
 <!-- 	</library-property> -->
diff --git a/server/user.mediacube.gui/css/archivum.css b/server/user.mediacube.gui/css/archivum.css
index fdf3448d..46c1d5fc 100644
--- a/server/user.mediacube.gui/css/archivum.css
+++ b/server/user.mediacube.gui/css/archivum.css
@@ -13,8 +13,24 @@ body {
 	 background: #eeeeee;
 }
 
+
+/* @font-face { */
+/*   font-family: 'Roboto Serif'; */
+/*   font-style: normal; */
+/*   font-weight: 100; */
+/*   font-stretch: 100%; */
+/*   font-display: swap; */
+/*   src: url(https://fonts.gstatic.com/s/robotoserif/v5/R71RjywflP6FLr3gZx7K8UyuXDs9zVwDmXCb8lxYgmuii32UGoVldX6UgfjL4-3sMM_kB_qXSEXTJQCFLH5-_bcEliosl658AM5f.woff2) format('woff2'); */
+/*   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; */
+/* } */
+
+/* [class*="z-"]:not([class*="z-icon-"]) { */
+/* 	font-family: Windings; */
+/* } */
+
 body *:not([class*="z-icon-"]) {
 	font-family: Verdana;
+/* 	font-family: 'Roboto Serif', serif; */
 }
 
 .z-comboitem, .z-comboitem a, .z-comboitem a:visited {
diff --git a/server/user.mediacube.gui/js/searchitems.js b/server/user.mediacube.gui/js/searchitems.js
index 44fdebe1..4f564254 100644
--- a/server/user.mediacube.gui/js/searchitems.js
+++ b/server/user.mediacube.gui/js/searchitems.js
@@ -1,8 +1,42 @@
 /* Proxy lejátszó */
-var player = videojs('myVideoDiv', {
-	controls : true,
-	preload : "auto"
-});
+
+function addButton(player, id, text, callback){
+	var button = videojs.getComponent('Button');
+	var breakButton = videojs.extend(button, {
+	constructor: function() {
+	  button.apply(this, arguments);
+	  this.controlText(text);
+	  this.addClass('vjs-icon-spinner');
+	},
+	handleClick: function() {
+	  callback();
+	}
+	});
+	videojs.registerComponent(id, breakButton);
+	player.getChild('controlBar').addChild(id, {});	
+}
+
+function createPlayer() {
+	var player = videojs('myVideoDiv', {
+		controls : true,
+		preload : "auto"
+	});
+
+	addButton(player, 'stepPrevButton', "Step back", function() {
+	  console.log('Step back');
+	});
+	addButton(player, 'breakButton', "Insert breakpoint", function() {
+	  console.log('BREAK');
+	});
+	addButton(player, 'stepNextButton', "Step foreward", function() {
+	  console.log('Step foreward');
+	});
+	
+	return player;
+}
+
+
+var player = createPlayer();
 
 function setSource(src, srcType) {
 	console.log("setSource", player, src);
@@ -22,14 +56,13 @@ function setSource(src, srcType) {
 	}
 }
 
-setSource(null);
+//setSource(null);
 
 //player.src({
 //	type : 'application/x-mpegURL',
 //	src : '/services/proxy/media1/index.m3u8'
 //});
 
-
 function secondsToSMPTE(seconds) {
     var f = Math.floor((seconds % 1) * 25);
     var seconds = Math.floor(seconds);
diff --git a/server/user.mediacube.gui/pages/searchitems.zul b/server/user.mediacube.gui/pages/searchitems.zul
index f42872d3..e83b3bae 100644
--- a/server/user.mediacube.gui/pages/searchitems.zul
+++ b/server/user.mediacube.gui/pages/searchitems.zul
@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
 <?taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c" ?>
 <?init class="user.jobengine.zk.util.AuthInitiator"?>
 
@@ -7,7 +6,6 @@
 <?component name="search-results" if inline="true" macroURI="searchitems/listresults.zul"?>
 <?component name="item-details" inline="true" macroURI="searchitems/details.zul"?>
 
-<!DOCTYPE xml>
 <zk xmlns:h="xhtml" xmlns:n="native" xmlns:c="client">
 	<style src="/css/video-js.css" />
 	<style src="/css/searchitems.css" /> 
@@ -73,7 +71,5 @@
 			</center>
 		</borderlayout>
 		
-<!-- <window title="My Overlapped" width="300px" mode="overlapped" closable="true" maximizable="true" minimizable="true" > -->
-<!-- </window>		 -->
 	</div>
 </zk>
\ No newline at end of file
diff --git a/server/user.mediacube.gui/src/user/jobengine/zk/model/ListSearchModel.java b/server/user.mediacube.gui/src/user/jobengine/zk/model/ListSearchModel.java
index 0a0ccf56..d91cde9a 100644
--- a/server/user.mediacube.gui/src/user/jobengine/zk/model/ListSearchModel.java
+++ b/server/user.mediacube.gui/src/user/jobengine/zk/model/ListSearchModel.java
@@ -257,6 +257,9 @@ public class ListSearchModel extends AsyncBaseModel {
 			handleSearchError(e);
 		}
 
+		Clients.evalJavaScript(
+				"setSource('https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4', 'video/mp4')");
+
 	}
 
 	private void unsetAllFilters() {
-- 
2.54.0