discourse/app/assets/javascripts/wizard/addon/components/fields/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}}`