registerJS( " let foodEmojis = " . json_encode($emoji) . "; 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 $('#file-input').on('change', function(ev) { if (localStorage.getItem('autoUpload') === 'true') { // Check localStorage $('#submitButton').text('Processing...'); $('#submitButton').attr('disabled', true); $(this).parents('form').submit(); ev.preventDefault(); } }); $('#submitButton').on('click', function(ev) { $('#submitButton').text('Processing...'); $('#submitButton').attr('disabled', true); $(this).parents('form').submit(); ev.preventDefault(); } ); " ); $this->registerCssFile('@web/css/upload.css'); ?>
Upload Your
['enctype' => 'multipart/form-data']]); ?> errorSummary($model); ?> field($model, 'context')->textInput([ 'class' => 'form-control mb-3', 'placeholder' => 'Add context (optional)', 'autofocus', ])->label(false) ?>
Tap to take a picture or Long Press to upload a file
'display: none;', 'id' => 'file-input']) ?> field($model, 'day')->hiddenInput()->label(false); ?>
field($model, 'type') ->radioList($model->getTypeList(), [ 'class' => 'btn-group d-flex justify-content-center', 'item' => function ($index, $label, $name, $checked, $value) { $return = ''; $return .= ''; return $return; }, ]) ->label(false); ?>
'submitButton', 'class' => 'btn btn-success']) ?>