Add spinner

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: {

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>