From 800917d20ab04e740932660c8224c06a11974793 Mon Sep 17 00:00:00 2001
From: Christopher Timm <timm@effective-webwork.de>
Date: Fri, 9 Feb 2024 13:53:17 +0100
Subject: [PATCH 1/4] Add controlbar in multiview

---
 Resources/Private/Layouts/KitodoPage.html  | 2 ++
 Resources/Private/Partials/ControlBar.html | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/Resources/Private/Layouts/KitodoPage.html b/Resources/Private/Layouts/KitodoPage.html
index ba19a1b66..2b3449b06 100644
--- a/Resources/Private/Layouts/KitodoPage.html
+++ b/Resources/Private/Layouts/KitodoPage.html
@@ -11,6 +11,8 @@
 <div class="main-wrapper">
     <f:if condition="{gp-multiview}">
         <f:then>
+            <f:render section="ControlBar" partial="ControlBar" arguments="{_all}" />
+
             <f:render section="PageView" partial="PageView" arguments="{_all}" />
         </f:then>
         <f:else>
diff --git a/Resources/Private/Partials/ControlBar.html b/Resources/Private/Partials/ControlBar.html
index 07b8eabb6..e681c6439 100644
--- a/Resources/Private/Partials/ControlBar.html
+++ b/Resources/Private/Partials/ControlBar.html
@@ -3,7 +3,7 @@
       lang="en">
 
 <f:section name="ControlBar">
-  <div class="control-bar">
+  <div class="control-bar {f:if(condition:'{gp-multiview}', then:'multiview')}">
       <div class="header-bar">
         <h1><f:link.page pageUid="{rootPageId}" title="DFG-Viewer" class="dfgviewer-logo">DFG-Viewer</f:link.page></h1>
         <nav>

From 91fb54b93080d5dcc00f6b8cbb267470ae8cd1c0 Mon Sep 17 00:00:00 2001
From: Christopher Timm <timm@effective-webwork.de>
Date: Fri, 9 Feb 2024 13:55:15 +0100
Subject: [PATCH 2/4] Fix multiview global navigation

---
 Resources/Private/Partials/PageView.html      |  6 +-
 .../Kitodo/Templates/PageView/Main.html       | 61 ++++++++++++-------
 Resources/Public/Css/allStyles.css            |  5 ++
 3 files changed, 47 insertions(+), 25 deletions(-)

diff --git a/Resources/Private/Partials/PageView.html b/Resources/Private/Partials/PageView.html
index b0363824b..31a320626 100644
--- a/Resources/Private/Partials/PageView.html
+++ b/Resources/Private/Partials/PageView.html
@@ -3,7 +3,7 @@
   xmlns:dc="http://typo3.org/ns/Slub/SlubDigitalcollections/ViewHelpers" data-namespace-typo3-fluid="true" lang="en">
 
 <f:section name="PageView">
-<div class="document-view">
+<div class="document-view {f:if(condition:'{gp-multiview}', then:'multiview')}">
   <div id="browser-hint" class="hidden">
     <div class="alert">
       <span class="closebtn" onclick="hideBrowserAlert()">&times;</span>
@@ -44,7 +44,7 @@ <h2>
                   <div class="fulltext-container"><div id="tx-dlf-fulltextselection"></div></div>
                 </f:else>
               </f:if>
-                <f:cObject typoscriptObjectPath="plugin.tx_dlf_pageview" />
+
                 <f:cObject typoscriptObjectPath="plugin.tx_dlf_audioplayer" />
                 <div class="fulltext-container">
                     <div id="tx-dlf-fulltextselection"></div>
@@ -274,7 +274,7 @@ <h2>
                 <f:else>
                   <f:if condition="{gp-pagegrid} == 1">
                     <f:then>
-                      <span class="select switchoff" id="tx-dlf-tools-score" title="{f:translate(key:'score.no_score_gridpage', extensionName:'dfgviewer')}"><f:translate key='score.no_score_gridpage' extensionName='dfgviewer' /></span>
+                      <span class="select switchoff" id="tx-dlf-tools-score-0" title="{f:translate(key:'score.no_score_gridpage', extensionName:'dfgviewer')}"><f:translate key='score.no_score_gridpage' extensionName='dfgviewer' /></span>
                     </f:then>
                     <f:else>
                       <f:cObject typoscriptObjectPath="plugin.tx_dlf_scoretool" />
diff --git a/Resources/Private/Plugins/Kitodo/Templates/PageView/Main.html b/Resources/Private/Plugins/Kitodo/Templates/PageView/Main.html
index 66f9395c1..f2ad0dabe 100644
--- a/Resources/Private/Plugins/Kitodo/Templates/PageView/Main.html
+++ b/Resources/Private/Plugins/Kitodo/Templates/PageView/Main.html
@@ -14,38 +14,47 @@
       data-namespace-typo3-fluid="true">
 <f:if condition="{docArray -> f:count()} > 1">
     <f:then>
+        <div class="multiViewNavigation">
+            <f:form method="post" action="addDocument" addQueryString="1" name="formAddDocument" object="{formAddDocument}">
+                <f:form.textfield property="location"/>
+                <f:form.submit value="Submit" />
+            </f:form>
+            <f:link.action addQueryString="1" additionalParams="{navigateAllPagePrev}"
+                           argumentsToBeExcludedFromQueryString="{0: 'tx_dlf[docMeasure]'}">
+                <f:translate key="prevPage"/>
+            </f:link.action>
+            <f:link.action addQueryString="1" additionalParams="{navigateAllPageNext}"
+                           argumentsToBeExcludedFromQueryString="{0: 'tx_dlf[docMeasure]'}">
+                <f:translate key="nextPage"/>
+            </f:link.action>
+            <f:link.action addQueryString="1" additionalParams="{navigateAllMeasurePrev}"
+                           argumentsToBeExcludedFromQueryString="{0: 'tx_dlf[docPage]'}">
+                <f:translate key="prevMeasure"/>
+            </f:link.action>
+            <f:link.action addQueryString="1" additionalParams="{navigateAllMeasureNext}"
+                           argumentsToBeExcludedFromQueryString="{0: 'tx_dlf[docPage]'}">
+                <f:translate key="nextMeasure"/>
+            </f:link.action>
+
+            <a href="" class="resetLayout">Reset Layout</a>
+        </div>
+
 
         <div class="grid-stack">
-            <div class="grid-stack-item" gs-w="5" gs-h="2">
+            <div class="grid-stack-item" gs-w="5" gs-h="2" gs-min-w="6" gs-min-h="2" gs-id="100">
                 <div class="grid-stack-item-content">
                     <div class="drag">Drag</div>
-                    <f:form method="post" action="addDocument" addQueryString="1" name="formAddDocument" object="{formAddDocument}">
-                        <f:form.textfield property="location"/>
-                        <f:form.submit value="Submit" />
-                    </f:form>
-                    <f:link.action addQueryString="1" additionalParams="{navigateAllPagePrev}"
-                                   argumentsToBeExcludedFromQueryString="{0: 'tx_dlf[docMeasure]'}">
-                        <f:translate key="prevPage"/>
-                    </f:link.action>
-                    <f:link.action addQueryString="1" additionalParams="{navigateAllPageNext}"
-                                   argumentsToBeExcludedFromQueryString="{0: 'tx_dlf[docMeasure]'}">
-                        <f:translate key="nextPage"/>
-                    </f:link.action>
-                    <f:link.action addQueryString="1" additionalParams="{navigateAllMeasurePrev}"
-                                   argumentsToBeExcludedFromQueryString="{0: 'tx_dlf[docPage]'}">
-                        <f:translate key="prevMeasure"/>
-                    </f:link.action>
-                    <f:link.action addQueryString="1" additionalParams="{navigateAllMeasureNext}"
-                                   argumentsToBeExcludedFromQueryString="{0: 'tx_dlf[docPage]'}">
-                        <f:translate key="nextMeasure"/>
-                    </f:link.action>
+
                 </div>
             </div>
 
             <f:for each="{docArray}" as="document" iteration="iterator">
-                <div class="grid-stack-item" gs-w="5" gs-h="5">
+                <div class="grid-stack-item" gs-w="5" gs-h="5" gs-min-w="6" gs-min-h="6" gs-id="{iterator.index}">
                     <div class="grid-stack-item-content">
                         <div class="drag">Drag</div>
+                        <div>
+
+                        </div>
                         <div id="tx-dfgviewer-map-{iterator.index}" data-viewercount="{iterator.index}" class="tx-dlf-map">
                         </div>
                         <div id="svg_panel" >
@@ -56,6 +65,11 @@
                             <div id="tx-dlf-score-{iterator.index}"></div>
                         </div>
                         <f:variable name="curDocPage" value="{docPage.{iterator.index}}" />
+
+                        <div>
+                            <f:cObject typoscriptObjectPath="plugin.tx_dlf_scoretool" />
+                        </div>
+
                         <div class="tx-dlf-navigation-prev">
                             <f:if condition="{docPage.{iterator.index}} > 1">
                                 <f:then>
@@ -108,6 +122,9 @@
             <div id="player" style="z-index: 0; position: absolute;"></div>
             <div id="svg_output" style="overflow:hidden;"></div>
         </div>
+
+        <f:comment><f:cObject typoscriptObjectPath="plugin.tx_dlf_scoretool" /></f:comment>
+
         <div class="score-container">
             <div id="tx-dlf-score-0"></div>
         </div>
diff --git a/Resources/Public/Css/allStyles.css b/Resources/Public/Css/allStyles.css
index 6f1a291dc..d42edd940 100644
--- a/Resources/Public/Css/allStyles.css
+++ b/Resources/Public/Css/allStyles.css
@@ -2021,6 +2021,11 @@ a {
   -o-transition: all 0.18s ease-in-out;
   transition: all 0.18s ease-in-out;
 }
+
+.document-view.multiview {
+  overflow: scroll;
+}
+
 .fullscreen .document-view {
   top: 0px;
   right: 0px;

From dfc63c5a8ffac5ee7ccea214228f6d1581f625fe Mon Sep 17 00:00:00 2001
From: Christopher Timm <timm@effective-webwork.de>
Date: Fri, 9 Feb 2024 16:19:42 +0100
Subject: [PATCH 3/4] remove empty gridstack item

---
 .../Private/Plugins/Kitodo/Templates/PageView/Main.html    | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/Resources/Private/Plugins/Kitodo/Templates/PageView/Main.html b/Resources/Private/Plugins/Kitodo/Templates/PageView/Main.html
index f2ad0dabe..77079097e 100644
--- a/Resources/Private/Plugins/Kitodo/Templates/PageView/Main.html
+++ b/Resources/Private/Plugins/Kitodo/Templates/PageView/Main.html
@@ -41,13 +41,6 @@
 
 
         <div class="grid-stack">
-            <div class="grid-stack-item" gs-w="5" gs-h="2" gs-min-w="6" gs-min-h="2" gs-id="100">
-                <div class="grid-stack-item-content">
-                    <div class="drag">Drag</div>
-
-                </div>
-            </div>
-
             <f:for each="{docArray}" as="document" iteration="iterator">
                 <div class="grid-stack-item" gs-w="5" gs-h="5" gs-min-w="6" gs-min-h="6" gs-id="{iterator.index}">
                     <div class="grid-stack-item-content">

From 0cd7f71ab7f481a0b755d8845eb38dd0289493e5 Mon Sep 17 00:00:00 2001
From: Christopher Timm <timm@effective-webwork.de>
Date: Mon, 12 Feb 2024 14:03:46 +0100
Subject: [PATCH 4/4] Add scoretool for each gridstack item

---
 .../Kitodo/Templates/PageView/Main.html       | 25 +++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/Resources/Private/Plugins/Kitodo/Templates/PageView/Main.html b/Resources/Private/Plugins/Kitodo/Templates/PageView/Main.html
index 77079097e..596cb594f 100644
--- a/Resources/Private/Plugins/Kitodo/Templates/PageView/Main.html
+++ b/Resources/Private/Plugins/Kitodo/Templates/PageView/Main.html
@@ -59,8 +59,29 @@
                         </div>
                         <f:variable name="curDocPage" value="{docPage.{iterator.index}}" />
 
-                        <div>
-                            <f:cObject typoscriptObjectPath="plugin.tx_dlf_scoretool" />
+                        <div class="score-tool">
+                            <f:if condition="{scoreAvailable.{iterator.index}}">
+                                <f:then>
+                                    <a class="select switchoff" id="tx-dlf-tools-score-{iterator.index}" title=""
+                                       data-dic="fulltext:{f:translate(key: 'tools.score')}
+                            ;fulltext-on:{f:translate(key: 'tools.score.on')}
+                            ;fulltext-off:{f:translate(key: 'tools.score.off')}
+                            ;activate-score-initially:{activateScoreInitially}
+                            ;score-scroll-element:{settings.scoreScrollElement}
+                            ;search-hl-parameters:{settings.searchHlParameters}">
+                                       Score &nbsp;
+                                    </a>
+                                    <a class="select switchoff" id="tx-dlf-tools-midi" title=""
+                                       data-dic=""> Midi &nbsp;
+                                    </a>
+                                </f:then>
+                                <f:else>
+                                    <span class="no-score">
+                                        <f:translate key="tools.fulltext.not-available"/>
+                                    </span>
+                                </f:else>
+                            </f:if>
+                            <f:comment><f:cObject typoscriptObjectPath="plugin.tx_dlf_scoretool" /></f:comment>
                         </div>
 
                         <div class="tx-dlf-navigation-prev">