From 5c2e7619d04c969337156cdb4689695aabae2f48 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Wed, 3 Oct 2018 16:04:32 +0200
Subject: [PATCH] Add spinner

---
 .../Resources/Private/Assets/js/components/DateSelect.vue | 8 +++++++-
 .../Resources/Private/Templates/Product/Detail.html       | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DateSelect.vue b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DateSelect.vue
index 15aabc60..9838638c 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DateSelect.vue
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/DateSelect.vue
@@ -63,7 +63,9 @@
                         </tr>
                     </tbody>
                 </table>
-                <div v-show="loading" class="loader"><p>Loading...</p></div>
+                <div v-show="loading" class="loader">
+                    Loading... <img :src="loaderUri" alt="Loading" title="Loading">
+                </div>
                 <div v-show="message">{{ message }}</div>
             </div>
         </div>
@@ -116,6 +118,10 @@
             argumentPrefix: {
                 type: String,
                 required: true
+            },
+            loaderUri: {
+                type: String,
+                required: true
             }
         },
         computed: {
diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html b/web/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html
index 64ab90d0..42785ede 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html
@@ -140,6 +140,7 @@
                                             :contingent-endpoint-uri="uris.contingents"
                                             :rooms-endpoint-uri="uris.rooms"
                                             :argument-prefix="argumentPrefix"
+                                            loader-uri="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/ajax-loader-white.gif')}"
                                         ></date-select>
                                     </f:then>
                                     <f:else>