diff --git a/frontend/views/meal/upload.php b/frontend/views/meal/upload.php index f9019c9..2b62168 100644 --- a/frontend/views/meal/upload.php +++ b/frontend/views/meal/upload.php @@ -37,34 +37,11 @@ $randEmojiIndex = array_rand($emoji, 1); $this->registerJS( " let foodEmojis = " . json_encode($emoji) . "; - let spinning = false; - - function startSlotMachine() { - if (spinning) return; - spinning = true; - - let slotSpeed = 50; - let slowdownFactor = 1.1; - let spinCount = 0; - let maxSpins = Math.random(); - - let interval = setInterval(() => { - let randomIndex = Math.floor(Math.random() * foodEmojis.length); - $('#upload-title').text('Upload Your ' + foodEmojis[randomIndex]); - - spinCount++; - slotSpeed *= slowdownFactor; - - if (spinCount >= maxSpins) { - clearInterval(interval); - let finalIndex = Math.floor(Math.random() * foodEmojis.length); - $('#upload-title').text('Upload Your ' + foodEmojis[finalIndex]); - spinning = false; - } - }, slotSpeed); - } - - $('#upload-title').click(startSlotMachine); + let emojiIndex = " . $randEmojiIndex . "; + setInterval(() => { + $('#upload-title').text('Upload Your ' + foodEmojis[emojiIndex]); + emojiIndex = (emojiIndex + 1) % foodEmojis.length; // Cycle through emojis + }, 1100); // Adjust the interval (in milliseconds) for the desired speed $('#mealform-picture').on('change', function(ev) { if (localStorage.getItem('autoUpload') === 'true') { // Check localStorage @@ -74,6 +51,14 @@ $this->registerJS( ev.preventDefault(); } }); + + $('#submitButton').on('click', function(ev) { + $('#submitButton').text('Processing...'); + $('#submitButton').attr('disabled', true); + $(this).parents('form').submit(); + ev.preventDefault(); + } + ); " ); @@ -87,6 +72,7 @@ $this->registerCssFile('@web/css/upload.css'); ['enctype' => 'multipart/form-data']]); ?> + = $form->errorSummary($model); ?> =$form->field($model, 'context')->textInput([ 'class' => 'form-control mb-3', 'placeholder' => 'Add context (optional)', @@ -99,9 +85,8 @@ $this->registerCssFile('@web/css/upload.css'); = Html::activeFileInput($model, 'picture', ['style' => 'display: none;', 'id' => 'file-input']) ?> - = $form->field($model, 'day')->textInput()->label(false); ?> + = $form->field($model, 'day')->hiddenInput()->label(false); ?> -