discourse/app/assets/javascripts/wizard/addon/templates/components/wizard-field-image.hbs

<label class="wizard-container__button wizard-container__button-upload {{if this.uploading "disabled"}}">
  {{#if this.uploading}}
    {{i18n "wizard.uploading"}}
  {{else}}
    {{i18n "wizard.upload"}}
  {{/if}}

  <input class="wizard-hidden-upload-field" disabled={{this.uploading}} type="file" accept="image/*">
</label>

{{#if this.field.value}}
  {{component this.previewComponent field=this.field fieldClass=this.fieldClass wizard=this.wizard}}
{{/if}}
FEATURE: revamped wizard (#17477) * FEATURE: revamped wizard * UX: Wizard redesign (#17381) * UX: Step 1-2 * swap out images * UX: Finalize all steps * UX: mobile * UX: Fix test * more test * DEV: remove unneeded wizard components * DEV: fix wizard tests * DEV: update rails tests for new wizard * Remove empty hbs files that were created because of rebase * Fixes for rebase * Fix wizard image link * More rebase fixes * Fix rails tests * FIX: Update preview for new color schemes: (#17481) * UX: make layout more responsive, update images * fix typo * DEV: move discourse logo svg to template only component * DEV: formatting improvements * Remove unneeded files * Add tests for privacy step * Fix banner image height for step "ready" Co-authored-by: Jordan Vidrine <30537603+jordanvidrine@users.noreply.github.com> Co-authored-by: awesomerobot <kris.aubuchon@discourse.org> 2022-07-27 09:23:01 +08:00			`<label class="wizard-container__button wizard-container__button-upload {{if this.uploading "disabled"}}">`
No implicit this codemod (#17235) * Run no-implicit-this codemod for app templates * Run tagless-ember-components-codemod for plugins * Turn on no-implicit-this lint 2022-07-06 01:41:31 +08:00			`{{#if this.uploading}}`
Upload Logos Step 2016-09-09 04:58:07 +08:00			`{{i18n "wizard.uploading"}}`
			`{{else}}`
			`{{i18n "wizard.upload"}}`
			`{{/if}}`

No implicit this codemod (#17235) * Run no-implicit-this codemod for app templates * Run tagless-ember-components-codemod for plugins * Turn on no-implicit-this lint 2022-07-06 01:41:31 +08:00			`<input class="wizard-hidden-upload-field" disabled={{this.uploading}} type="file" accept="image/*">`
Upload Logos Step 2016-09-09 04:58:07 +08:00			`</label>`
UX: Wizard Step Enhancements (#19487) * UX: Wizard Step Enhancements - Remove illustrations - Add Emoji graphic to top of steps - Add description below step title - Move point of contact to last step * Move step count to header, plus some button navigation tweaks * add remaining emoji to step headers * fix button logic on steps * Update Point of Contact * remove automated messages field * adjust styling for counter, title, and emoji * Update wording for logos * Fix tests * fix prettier * fix specs * set same with for steps except for styling screen * use sentence case; remove duplicate copy under your organization fields * fix missing buttons on small screens * add spacing to buttons; adjust font weight to labels * adjust styling for community logo step; use sentence case for button * update copy for point of contact text helper * use sentence case for field labels * fix ui tests * use btn-back class to fix ui tests * reduce bottom margin for toggle fields * clean up Co-authored-by: Ella <ella.estigoy@gmail.com> 2022-12-20 08:24:09 +08:00
			`{{#if this.field.value}}`
			`{{component this.previewComponent field=this.field fieldClass=this.fieldClass wizard=this.wizard}}`
			`{{/if}}`