From 7e2ca79fc7161f82e373f01040bd09bc06163d87 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jarda=20Kot=C4=9B=C5=A1ovec?= <jarda.kotesovec@gmail.com>
Date: Sat, 4 Jan 2025 11:41:18 +0100
Subject: [PATCH] I10663 (#10770)

* pkp/pkp-lib#10663 Add new full screen spinner componetn

* pkp/pkp-lib#10633 Locale key for Refreshing data

* pkp/pkp-lib#10663 Fix merging mistake
---
 js/load.js                    | 4 ++++
 locale/en/common.po           | 3 +++
 templates/layouts/backend.tpl | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/js/load.js b/js/load.js
index e8450c1a088..66569da17e4 100644
--- a/js/load.js
+++ b/js/load.js
@@ -39,6 +39,8 @@ import PanelSection from '@/components/Panel/PanelSection.vue';
 import PkpButton from '@/components/Button/Button.vue';
 import PkpHeader from '@/components/Header/Header.vue';
 import Spinner from '@/components/Spinner/Spinner.vue';
+import SpinnerFullScreen from '@/components/Spinner/SpinnerFullScreen.vue';
+
 import Step from '@/components/Steps/Step.vue';
 import Steps from '@/components/Steps/Steps.vue';
 import Tab from '@/components/Tabs/Tab.vue';
@@ -134,6 +136,8 @@ VueRegistry.registerComponent('PkpButton', PkpButton);
 VueRegistry.registerComponent('PkpHeader', PkpHeader);
 VueRegistry.registerComponent('Spinner', Spinner);
 VueRegistry.registerComponent('PkpSpinner', Spinner);
+VueRegistry.registerComponent('PkpSpinnerFullScreen', SpinnerFullScreen);
+
 VueRegistry.registerComponent('Step', Step);
 VueRegistry.registerComponent('PkpStep', Step);
 VueRegistry.registerComponent('Steps', Steps);
diff --git a/locale/en/common.po b/locale/en/common.po
index 671a6a180ce..276a06fdb78 100644
--- a/locale/en/common.po
+++ b/locale/en/common.po
@@ -2346,3 +2346,6 @@ msgstr "{$from} &ndash; {$until}"
 
 msgid "common.numero"
 msgstr "No"
+
+msgid "common.refreshingData"
+msgstr "Refreshing data"
\ No newline at end of file
diff --git a/templates/layouts/backend.tpl b/templates/layouts/backend.tpl
index e00d8371953..f916030adbf 100644
--- a/templates/layouts/backend.tpl
+++ b/templates/layouts/backend.tpl
@@ -36,6 +36,7 @@
 		{rdelim});
 	</script>
 	<div id="app" class="app {if $isLoggedInAs} app--isLoggedInAs{/if}" v-cloak>
+		<pkp-spinner-full-screen></pkp-spinner-full-screen>
 		<vue-announcer class="sr-only"></vue-announcer>
 		<pkp-announcer class="sr-only"></pkp-announcer>
 		<modal-manager></modal-manager>
@@ -161,7 +162,6 @@
 				<pkp-side-nav :links="menu" aria-label="{translate key="common.navigation.site"}">
 				</pkp-side-nav>
 			{/block}
-
 			<main class="app__main">
 				<div class="app__page width{if $pageWidth} width--{$pageWidth}{/if}">
 					{block name="breadcrumbs"}