github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-31 00:17:17 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

No implicit this codemod (#17235)

Browse Source 
* Run no-implicit-this codemod for app templates
* Run tagless-ember-components-codemod for plugins
* Turn on no-implicit-this lint
This commit is contained in:
Peter Wagenet
2022-07-05 10:41:31 -07:00
committed by GitHub
parent fbc1bc4255
commit 371bbadb92
635 changed files with 4626 additions and 4634 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
plugins/discourse-local-dates/assets/javascripts/discourse/templates/components/discourse-local-dates-create-form.hbs
View File

@ -1,11 +1,11 @@
<DModalBody @title="discourse_local_dates.title" @class="discourse-local-dates-create-modal" @style="overflow: auto">
<div class="form">
{{#if isValid}}
{{#if timezoneIsDifferentFromUserTimezone}}
{{#if this.isValid}}
{{#if this.timezoneIsDifferentFromUserTimezone}}
<div class="preview alert alert-info">
{{i18n "discourse_local_dates.create.form.current_timezone"}}
<b>{{formattedCurrentUserTimezone}}</b>{{currentPreview}}
<b>{{this.formattedCurrentUserTimezone}}</b>{{this.currentPreview}}
</div>
{{/if}}
{{else}}
@ -14,72 +14,72 @@
</div>
{{/if}}
{{computeDate}}
{{this.computeDate}}
<div class="date-time-configuration">
<div class="inputs-panel">
<div class="date-time-control from {{if fromSelected "is-selected"}} {{if fromFilled "is-filled"}}">
<div class="date-time-control from {{if this.fromSelected "is-selected"}} {{if this.fromFilled "is-filled"}}">
{{d-icon "calendar-alt"}}
<DButton
@id="from-date-time"
@action={{action "focusFrom"}}
@translatedLabel={{formattedFrom}}
@translatedLabel={{this.formattedFrom}}
@class="date-time" />
</div>
<div class="date-time-control to {{if toSelected "is-selected"}} {{if toFilled "is-filled"}}">
<div class="date-time-control to {{if this.toSelected "is-selected"}} {{if this.toFilled "is-filled"}}">
{{d-icon "calendar-alt"}}
<DButton
@action={{action "focusTo"}}
@translatedLabel={{formattedTo}}
@translatedLabel={{this.formattedTo}}
@class="date-time" />
{{#if toFilled}}
{{#if this.toFilled}}
<DButton @icon="times" action={{action "eraseToDateTime"}} @class="delete-to-date" />
{{/if}}
</div>
{{#unless site.mobileView}}
{{#unless this.site.mobileView}}
<TimezoneInput
@options={{hash icon="globe"}}
@value={{timezone}}
@onChange={{action (mut timezone)}}
@value={{this.timezone}}
@onChange={{action (mut this.timezone)}}
/>
{{/unless}}
</div>
<div class="picker-panel">
<Input @class="fake-input" />
<div class="date-picker" id="picker-container-{{elementId}}"></div>
<div class="date-picker" id="picker-container-{{this.elementId}}"></div>
{{#if fromSelected}}
{{#if this.fromSelected}}
<div class="time-pickers">
{{d-icon "far-clock"}}
<Input @maxlength={{5}} @placeholder="hh:mm" @input={{action "setTime"}} @type="time" @value={{time}} @class="time-picker" />
<Input @maxlength={{5}} @placeholder="hh:mm" @input={{action "setTime"}} @type="time" @value={{this.time}} @class="time-picker" />
</div>
{{/if}}
{{#if toSelected}}
{{#if toDate}}
{{#if this.toSelected}}
{{#if this.toDate}}
<div class="time-pickers">
{{d-icon "far-clock"}}
<Input @maxlength={{5}} @placeholder="hh:mm" @input={{action "setToTime"}} @type="time" @value={{toTime}} @class="time-picker" />
<Input @maxlength={{5}} @placeholder="hh:mm" @input={{action "setToTime"}} @type="time" @value={{this.toTime}} @class="time-picker" />
</div>
{{/if}}
{{/if}}
</div>
{{#if site.mobileView}}
{{#if this.site.mobileView}}
<TimezoneInput
@value={{timezone}}
@value={{this.timezone}}
@options={{hash icon="globe"}}
@onChange={{action (mut timezone)}}
@onChange={{action (mut this.timezone)}}
/>
{{/if}}
</div>
{{#if advancedMode}}
{{#if this.advancedMode}}
<div class="advanced-options">
{{#unless isRange}}
{{#unless this.isRange}}
<div class="control-group recurrence">
<label class="control-label">
{{i18n "discourse_local_dates.create.form.recurring_title"}}
@ -87,10 +87,10 @@
<p>{{html-safe (i18n "discourse_local_dates.create.form.recurring_description")}}</p>
<div class="controls">
<ComboBox
@content={{recurringOptions}}
@content={{this.recurringOptions}}
@class="recurrence-input"
@value={{recurring}}
@onChange={{action (mut recurring)}}
@value={{this.recurring}}
@onChange={{action (mut this.recurring)}}
@options={{hash
none="discourse_local_dates.create.form.recurring_none"
}}
@ -108,14 +108,14 @@
</a>
</p>
<div class="controls">
<TextField @value={{format}} @class="format-input" />
<TextField @value={{this.format}} @class="format-input" />
</div>
</div>
<div class="control-group">
<ul class="formats">
{{#each previewedFormats as |previewedFormat|}}
{{#each this.previewedFormats as |previewedFormat|}}
<li class="format">
<a class="moment-format" href {{action (mut format) previewedFormat.format}}>
<a class="moment-format" href {{action (mut this.format) previewedFormat.format}}>
{{previewedFormat.format}}
</a>
<span class="previewed-format">
@ -134,8 +134,8 @@
@valueProperty={{null}}
@nameProperty={{null}}
@class="timezones-input"
@content={{allTimezones}}
@value={{timezones}}
@content={{this.allTimezones}}
@value={{this.timezones}}
@options={{hash
allowAny=false
maximum=5
@ -149,7 +149,7 @@
</DModalBody>
<div class="modal-footer discourse-local-dates-create-modal-footer">
{{#if isValid}}
{{#if this.isValid}}
<DButton
@class="btn-primary"
@action={{action "save"}}
@ -164,5 +164,5 @@
@class="btn-default advanced-mode-btn"
@action={{action "advancedMode"}}
@icon="cog"
@label={{toggleModeBtnLabel}} />
@label={{this.toggleModeBtnLabel}} />
</div>

2
plugins/discourse-local-dates/assets/javascripts/discourse/templates/modal/discourse-local-dates-create-modal.hbs
View File

@ -1 +1 @@
<DiscourseLocalDatesCreateForm @config={{config}} @insertDate={{insertDate}} />
<DiscourseLocalDatesCreateForm @config={{this.config}} @insertDate={{this.insertDate}} />

10
plugins/discourse-presence/assets/javascripts/discourse/templates/components/composer-presence-display.hbs
View File

@ -1,16 +1,16 @@
{{#if shouldDisplay}}
{{#if this.shouldDisplay}}
<div class="presence-users">
<div class="presence-avatars">
{{#each presenceUsers as |user|}}
{{#each this.presenceUsers as |user|}}
{{avatar user imageSize="small"}}
{{/each}}
</div>
<span class="presence-text">
<span class="description">
{{#if isReply ~}}
{{i18n "presence.replying" count=presenceUsers.length}}
{{#if this.isReply ~}}
{{i18n "presence.replying" count=this.presenceUsers.length}}
{{~else~}}
{{i18n "presence.editing" count=presenceUsers.length}}
{{i18n "presence.editing" count=this.presenceUsers.length}}
{{~/if}}
{{~""~}}
</span>

6
plugins/discourse-presence/assets/javascripts/discourse/templates/components/topic-presence-display.hbs
View File

@ -1,14 +1,14 @@
{{#if shouldDisplay}}
{{#if this.shouldDisplay}}
<div class="presence-users">
<div class="presence-avatars">
{{#each users as |user|}}
{{#each this.users as |user|}}
<UserLink @user={{user}}>
{{avatar user imageSize="small"}}
</UserLink>
{{/each}}
</div>
<span class="presence-text">
<span class="description">{{i18n "presence.replying_to_topic" count=users.length}}</span>{{!-- (using comment to stop whitespace)
<span class="description">{{i18n "presence.replying_to_topic" count=this.users.length}}</span>{{!-- (using comment to stop whitespace)
--}}<span class="wave"><span class="dot">.</span><span class="dot">.</span><span class="dot">.</span></span>
</span>
</div>

2
plugins/discourse-presence/assets/javascripts/discourse/templates/connectors/before-composer-controls/presence.hbs
View File

@ -1 +1 @@
<ComposerPresenceDisplay @model={{model}} />
<ComposerPresenceDisplay @model={{this.model}} />

2
plugins/discourse-presence/assets/javascripts/discourse/templates/connectors/topic-above-footer-buttons/presence.hbs
View File

@ -1,2 +1,2 @@
{{!-- Note: the topic-above-footer-buttons outlet is only rendered for logged-in users --}}
<TopicPresenceDisplay @topic={{model}} />
<TopicPresenceDisplay @topic={{this.model}} />

2
plugins/poll/assets/javascripts/discourse/templates/components/poll-breakdown-option.hbs
View File

@ -8,7 +8,7 @@
<span class="poll-breakdown-option-color" style={{this.colorPreviewStyle}}></span>
<span class="poll-breakdown-option-count">
{{#if showPercentage}}
{{#if this.showPercentage}}
{{this.percent}}%
{{else}}
{{@option.votes}}

71
plugins/poll/assets/javascripts/discourse/templates/modal/poll-ui-builder.hbs
View File

@ -1,119 +1,118 @@
<DModalBody @title="poll.ui_builder.title" @class="poll-ui-builder">
<div class="input-group poll-type">
<a href {{action (mut pollType) "regular"}} class="poll-type-value {{if isRegular "active"}}">
<a href {{action (mut this.pollType) "regular"}} class="poll-type-value {{if this.isRegular "active"}}">
{{i18n "poll.ui_builder.poll_type.regular"}}
</a>
<a href {{action (mut pollType) "multiple"}} class="poll-type-value {{if isMultiple "active"}}">
<a href {{action (mut this.pollType) "multiple"}} class="poll-type-value {{if this.isMultiple "active"}}">
{{i18n "poll.ui_builder.poll_type.multiple"}}
</a>
{{#if showNumber}}
<a href {{action (mut pollType) "number"}} class="poll-type-value {{if isNumber "active"}}">
{{#if this.showNumber}}
<a href {{action (mut this.pollType) "number"}} class="poll-type-value {{if this.isNumber "active"}}">
{{i18n "poll.ui_builder.poll_type.number"}}
</a>
{{/if}}
</div>
{{#if showAdvanced}}
{{#if this.showAdvanced}}
<div class="input-group poll-title">
<label class="input-group-label">{{i18n "poll.ui_builder.poll_title.label"}}</label>
<Input @value={{pollTitle}} />
<Input @value={{this.pollTitle}} />
</div>
{{/if}}
{{#unless isNumber}}
{{#unless this.isNumber}}
<div class="poll-options">
{{#if showAdvanced}}
{{#if this.showAdvanced}}
<label class="input-group-label">{{i18n "poll.ui_builder.poll_options.label"}}</label>
<Textarea @value={{pollOptionsText}} @input={{action "onOptionsTextChange"}} />
{{#if showMinNumOfOptionsValidation}}
{{#unless minNumOfOptionsValidation.ok}}
<InputTip @validation={{minNumOfOptionsValidation}} />
<Textarea @value={{this.pollOptionsText}} @input={{action "onOptionsTextChange"}} />
{{#if this.showMinNumOfOptionsValidation}}
{{#unless this.minNumOfOptionsValidation.ok}}
<InputTip @validation={{this.minNumOfOptionsValidation}} />
{{/unless}}
{{/if}}
{{else}}
{{#each pollOptions as |option|}}
{{#each this.pollOptions as |option|}}
<div class="input-group poll-option-value">
<Input @value={{option.value}} @enter={{action "addOption" option}} />
{{#if canRemoveOption}}
{{#if this.canRemoveOption}}
<DButton @icon="trash-alt" @action={{action "removeOption" option}} />
{{/if}}
</div>
{{/each}}
<div class="poll-option-controls">
<DButton @class="btn-default" @icon="plus" @label="poll.ui_builder.poll_options.add" @action={{action "addOption" pollOptions.lastObject}} />
{{#if (and showMinNumOfOptionsValidation (not minNumOfOptionsValidation.ok))}}
<InputTip @validation={{minNumOfOptionsValidation}} />
<DButton @class="btn-default" @icon="plus" @label="poll.ui_builder.poll_options.add" @action={{action "addOption" this.pollOptions.lastObject}} />
{{#if (and this.showMinNumOfOptionsValidation (not this.minNumOfOptionsValidation.ok))}}
<InputTip @validation={{this.minNumOfOptionsValidation}} />
{{/if}}
</div>
{{/if}}
</div>
{{/unless}}
{{#unless isRegular}}
{{#unless this.isRegular}}
<div class="options">
<div class="input-group poll-number">
<label class="input-group-label">{{i18n "poll.ui_builder.poll_config.min"}}</label>
<Input @type="number" @value={{pollMin}} @valueProperty="value" class="poll-options-min" @min={{1}} />
<Input @type="number" @value={{this.pollMin}} @valueProperty="value" class="poll-options-min" @min={{1}} />
</div>
<div class="input-group poll-number">
<label class="input-group-label">{{i18n "poll.ui_builder.poll_config.max"}}</label>
<Input @type="number" @value={{pollMax}} @valueProperty="value" class="poll-options-max" @min={{1}} />
<Input @type="number" @value={{this.pollMax}} @valueProperty="value" class="poll-options-max" @min={{1}} />
</div>
{{#if isNumber}}
{{#if this.isNumber}}
<div class="input-group poll-number">
<label class="input-group-label">{{i18n "poll.ui_builder.poll_config.step"}}</label>
<Input @type="number" @value={{pollStep}} @valueProperty="value" @min="1" class="poll-options-step" />
<Input @type="number" @value={{this.pollStep}} @valueProperty="value" @min="1" class="poll-options-step" />
</div>
{{/if}}
</div>
{{#unless minMaxValueValidation.ok}}
<InputTip @validation={{minMaxValueValidation}} />
{{#unless this.minMaxValueValidation.ok}}
<InputTip @validation={{this.minMaxValueValidation}} />
{{/unless}}
{{/unless}}
{{#if showAdvanced}}
{{#if this.showAdvanced}}
<div class="input-group poll-allowed-groups">
<label class="input-group-label">{{i18n "poll.ui_builder.poll_groups.label"}}</label>
<GroupChooser @content={{siteGroups}} @value={{pollGroups}} @onChange={{action (mut pollGroups)}} @labelProperty="name" @valueProperty="name" />
<GroupChooser @content={{this.siteGroups}} @value={{this.pollGroups}} @onChange={{action (mut this.pollGroups)}} @labelProperty="name" @valueProperty="name" />
</div>
<div class="input-group poll-date">
<label class="input-group-label">{{i18n "poll.ui_builder.automatic_close.label"}}</label>
<DateTimeInput @date={{pollAutoClose}} @onChange={{action (mut pollAutoClose)}} @clearable={{true}} @useGlobalPickerContainer={{true}} />
<DateTimeInput @date={{this.pollAutoClose}} @onChange={{action (mut this.pollAutoClose)}} @clearable={{true}} @useGlobalPickerContainer={{true}} />
</div>
<div class="input-group poll-select">
<label class="input-group-label">{{i18n "poll.ui_builder.poll_result.label"}}</label>
<ComboBox @content={{pollResults}} @value={{pollResult}} @class="poll-result" @valueProperty="value" @onChange={{action (mut pollResult)}} />
<ComboBox @content={{this.pollResults}} @value={{this.pollResult}} @class="poll-result" @valueProperty="value" @onChange={{action (mut this.pollResult)}} />
</div>
{{#unless isNumber}}
{{#unless this.isNumber}}
<div class="input-group poll-select column">
<label class="input-group-label">{{i18n "poll.ui_builder.poll_chart_type.label"}}</label>
<div class="radio-group">
<RadioButton @id="poll-chart-type-bar" @name="poll-chart-type" @value="bar" @selection={{chartType}} />
<RadioButton @id="poll-chart-type-bar" @name="poll-chart-type" @value="bar" @selection={{this.chartType}} />
<label for="poll-chart-type-bar">{{d-icon "chart-bar"}} {{i18n "poll.ui_builder.poll_chart_type.bar"}}</label>
</div>
<div class="radio-group">
<RadioButton @id="poll-chart-type-pie" @name="poll-chart-type" @value="pie" @selection={{chartType}} />
<RadioButton @id="poll-chart-type-pie" @name="poll-chart-type" @value="pie" @selection={{this.chartType}} />
<label for="poll-chart-type-pie">{{d-icon "chart-pie"}} {{i18n "poll.ui_builder.poll_chart_type.pie"}}</label>
</div>
</div>
{{/unless}}
{{#unless isPie}}
{{#unless this.isPie}}
<div class="input-group poll-checkbox column">
<label>
<Input @type="checkbox" @checked={{publicPoll}} />
<Input @type="checkbox" @checked={{this.publicPoll}} />
{{i18n "poll.ui_builder.poll_public.label"}}
</label>
</div>
@ -122,9 +121,9 @@
</DModalBody>
<div class="modal-footer">
<DButton @action={{action "insertPoll"}} @icon="chart-bar" @class="btn-primary" @label="poll.ui_builder.insert" @disabled={{disableInsert}} />
<DButton @action={{action "insertPoll"}} @icon="chart-bar" @class="btn-primary" @label="poll.ui_builder.insert" @disabled={{this.disableInsert}} />
<DButton @label="cancel" @class="btn-flat" @action={{route-action "closeModal"}} />
<DButton @action={{action "toggleAdvanced"}} @class="btn-default show-advanced" @icon="cog" @title={{if showAdvanced "poll.ui_builder.hide_advanced" "poll.ui_builder.show_advanced"}} />
<DButton @action={{action "toggleAdvanced"}} @class="btn-default show-advanced" @icon="cog" @title={{if this.showAdvanced "poll.ui_builder.hide_advanced" "poll.ui_builder.show_advanced"}} />
</div>

4
plugins/styleguide/assets/javascripts/discourse/templates/components/color-example.hbs
View File

@ -1,2 +1,2 @@
<div class="color-bg {{color}}"></div>
<div class="color-name">var(--{{color}})</div>
<div class="color-bg {{this.color}}"></div>
<div class="color-name">var(--{{this.color}})</div>

2
plugins/styleguide/assets/javascripts/discourse/templates/components/styleguide-example.hbs
View File

@ -1,2 +1,2 @@
<div class="example-title">{{title}}</div>
<div class="example-title">{{this.title}}</div>
<section class="rendered">{{yield this.value}}</section>

2
plugins/styleguide/assets/javascripts/discourse/templates/components/styleguide-icons.hbs
View File

@ -1,4 +1,4 @@
{{#each iconIds as |id|}}
{{#each this.iconIds as |id|}}
<div class="styleguide-icon">
{{d-icon id}}
<span>{{id}}</span>

4
plugins/styleguide/assets/javascripts/discourse/templates/components/styleguide-link.hbs
View File

@ -1,3 +1,3 @@
<LinkTo @route="styleguide.show" @models={{array section.category section.id}}>
{{section-title section.id}}
<LinkTo @route="styleguide.show" @models={{array this.section.category this.section.id}}>
{{section-title this.section.id}}
</LinkTo>

6
plugins/styleguide/assets/javascripts/discourse/templates/components/styleguide-section.hbs
View File

@ -1,8 +1,8 @@
<h1 class="section-title">
{{#if section}}
{{section-title section.id}}
{{#if this.section}}
{{section-title this.section.id}}
{{else}}
{{i18n title}}
{{i18n this.title}}
{{/if}}
</h1>

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide.hbs
View File

@ -1,6 +1,6 @@
<section class="styleguide">
<section class="styleguide-menu">
{{#each categories as |c|}}
{{#each this.categories as |c|}}
<ul>
<li class="styleguide-heading">{{i18n (concat "styleguide.categories." c.id)}}</li>
{{#each c.sections as |s|}}

24
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/atoms/02-buttons.hbs
View File

@ -1,71 +1,71 @@
<StyleguideExample @title=".btn-icon - sizes (large, default, small)">
{{#each dummy.buttonSizes as |bs|}}
{{#each this.dummy.buttonSizes as |bs|}}
<DButton @icon="times" @translatedTitle={{bs.text}} @class={{bs.class}} @disabled={{bs.disabled}} />
{{/each}}
</StyleguideExample>
<StyleguideExample @title=".btn-icon - states">
{{#each dummy.buttonStates as |bs|}}
{{#each this.dummy.buttonStates as |bs|}}
<DButton @icon="times" @translatedTitle={{bs.text}} @class={{bs.class}} @disabled={{bs.disabled}} />
{{/each}}
</StyleguideExample>
<StyleguideExample @title=".btn-text - sizes (large, default, small)">
{{#each dummy.buttonSizes as |bs|}}
{{#each this.dummy.buttonSizes as |bs|}}
<DButton @translatedLabel={{bs.text}} @class={{bs.class}} @disabled={{bs.disabled}} />
{{/each}}
</StyleguideExample>
<StyleguideExample @title=".btn-text - states">
{{#each dummy.buttonStates as |bs|}}
{{#each this.dummy.buttonStates as |bs|}}
<DButton @translatedLabel={{bs.text}} @class={{bs.class}} @disabled={{bs.disabled}} />
{{/each}}
</StyleguideExample>
<StyleguideExample @title=".btn-default .btn-icon-text - sizes (large, default, small)">
{{#each dummy.buttonSizes as |bs|}}
{{#each this.dummy.buttonSizes as |bs|}}
<DButton @icon="plus" @translatedLabel={{bs.text}} @class={{bs.class}} @disabled={{bs.disabled}} />
{{/each}}
</StyleguideExample>
<StyleguideExample @title=".btn-default .btn-icon-text - states">
{{#each dummy.buttonStates as |bs|}}
{{#each this.dummy.buttonStates as |bs|}}
<DButton @icon="plus" @translatedLabel={{bs.text}} @class={{bs.class}} @disabled={{bs.disabled}} />
{{/each}}
</StyleguideExample>
<StyleguideExample @title=".btn-primary .btn-icon-text - sizes (large, default, small)">
{{#each dummy.buttonSizes as |bs|}}
{{#each this.dummy.buttonSizes as |bs|}}
<DButton @class={{concat "btn-primary " bs.class}} @icon="plus" @translatedLabel={{bs.text}} @disabled={{bs.disabled}} />
{{/each}}
</StyleguideExample>
<StyleguideExample @title=".btn-primary .btn-icon-text - states">
{{#each dummy.buttonStates as |bs|}}
{{#each this.dummy.buttonStates as |bs|}}
<DButton @class={{concat "btn-primary " bs.class}} @icon="plus" @translatedLabel={{bs.text}} @disabled={{bs.disabled}} />
{{/each}}
</StyleguideExample>
<StyleguideExample @title=".btn-danger .btn-icon-text - sizes (large, default, small)">
{{#each dummy.buttonSizes as |bs|}}
{{#each this.dummy.buttonSizes as |bs|}}
<DButton @class={{concat "btn-danger " bs.class}} @icon="trash-alt" @translatedLabel={{bs.text}} @disabled={{bs.disabled}} />
{{/each}}
</StyleguideExample>
<StyleguideExample @title=".btn-danger .btn-icon-text - states">
{{#each dummy.buttonStates as |bs|}}
{{#each this.dummy.buttonStates as |bs|}}
<DButton @class={{concat "btn-danger " bs.class}} @icon="trash-alt" @translatedLabel={{bs.text}} @disabled={{bs.disabled}} />
{{/each}}
</StyleguideExample>
<StyleguideExample @title=".btn-flat - sizes (large, default, small)">
{{#each dummy.buttonSizes as |bs|}}
{{#each this.dummy.buttonSizes as |bs|}}
<FlatButton @icon="trash-alt" @disabled={{bs.disabled}} @translatedTitle={{bs.title}} />
{{/each}}
</StyleguideExample>
<StyleguideExample @title=".btn-flat - states">
{{#each dummy.buttonStates as |bs|}}
{{#each this.dummy.buttonStates as |bs|}}
<FlatButton @icon="trash-alt" @disabled={{bs.disabled}} @translatedTitle={{bs.title}} />
{{/each}}
</StyleguideExample>

10
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/atoms/05-input-fields.hbs
View File

@ -37,10 +37,10 @@
</div>
</StyleguideExample>
<StyleguideExample @title="inline-form with combo-box" @initialValue={{dummy.options.[0].name}} as |value|>
<StyleguideExample @title="inline-form with combo-box" @initialValue={{this.dummy.options.[0].name}} as |value|>
<div class="inline-form">
<TextField @placeholder="Placeholder" />
<ComboBox @content={{dummy.options}} @value={{value}} @onChange={{fn (mut value)}} />
<ComboBox @content={{this.dummy.options}} @value={{value}} @onChange={{fn (mut value)}} />
<DButton @class="btn-primary" @icon="search" @type="submit" @translatedLabel="Submit" />
</div>
</StyleguideExample>
@ -48,7 +48,7 @@
<StyleguideExample @title="inline-form with multi-select">
<div class="inline-form">
<TextField />
<MultiSelect @content={{dummy.options}} @onChange={{action "dummy"}} />
<MultiSelect @content={{this.dummy.options}} @onChange={{action "dummy"}} />
<DButton @class="btn-primary" @icon="search" @type="submit" @translatedLabel="Submit" />
</div>
</StyleguideExample>
@ -57,7 +57,7 @@
<div class="inline-form">
<label>Text:</label>
<TextField />
<MultiSelect @content={{dummy.options}} @onChange={{action "dummy"}} />
<MultiSelect @content={{this.dummy.options}} @onChange={{action "dummy"}} />
<DButton @class="btn-primary" @icon="search" @type="submit" @translatedLabel="Submit" />
</div>
</StyleguideExample>
@ -70,7 +70,7 @@
<StyleguideExample @title="category-notifications-button and regular button">
<div class="inline-form">
<CategoryNotificationsButton @category={{dummy.categories.[0]}} @value={{1}} @onChange={{action "dummy"}} />
<CategoryNotificationsButton @category={{this.dummy.categories.[0]}} @value={{1}} @onChange={{action "dummy"}} />
<DButton @icon="reply" @type="submit" @translatedLabel="Button" />
</div>
</StyleguideExample>

42
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/atoms/dropdowns.hbs
View File

@ -1,37 +1,37 @@
<StyleguideExample @title="combo-box" @initialValue={{dummy.options.[0].name}} as |value|>
<ComboBox @content={{dummy.options}} @value={{value}} @onChange={{fn (mut value)}} />
<StyleguideExample @title="combo-box" @initialValue={{this.dummy.options.[0].name}} as |value|>
<ComboBox @content={{this.dummy.options}} @value={{value}} @onChange={{fn (mut value)}} />
</StyleguideExample>
<StyleguideExample @title="filterable combo-box" @initialValue={{dummy.categories.[0].name}} as |value|>
<ComboBox @content={{dummy.categories}} @value={{value}} @options={{hash filterable=true}} @onChange={{fn (mut value)}} />
<StyleguideExample @title="filterable combo-box" @initialValue={{this.dummy.categories.[0].name}} as |value|>
<ComboBox @content={{this.dummy.categories}} @value={{value}} @options={{hash filterable=true}} @onChange={{fn (mut value)}} />
</StyleguideExample>
<StyleguideExample @title="combo-box with a default state" @initialValue={{dummy.options.[0].name}} as |value|>
<ComboBox @content={{dummy.options}} @value={{value}} @options={{hash none="category.none"}} @onChange={{fn (mut value)}} />
<StyleguideExample @title="combo-box with a default state" @initialValue={{this.dummy.options.[0].name}} as |value|>
<ComboBox @content={{this.dummy.options}} @value={{value}} @options={{hash none="category.none"}} @onChange={{fn (mut value)}} />
</StyleguideExample>
<StyleguideExample @title="combo-box clearable" @initialValue={{dummy.options.[0].name}} as |value|>
<ComboBox @content={{dummy.options}} @clearable={{true}} @value={{value}} @options={{hash none="category.none"}} @onChange={{fn (mut value)}} />
<StyleguideExample @title="combo-box clearable" @initialValue={{this.dummy.options.[0].name}} as |value|>
<ComboBox @content={{this.dummy.options}} @clearable={{true}} @value={{value}} @options={{hash none="category.none"}} @onChange={{fn (mut value)}} />
</StyleguideExample>
<StyleguideExample @title="topic-notifications-options" @initialValue={{1}} as |value|>
<TopicNotificationsOptions @topic={{dummy.topic}} @value={{value}} @onChange={{fn (mut value)}} />
<TopicNotificationsOptions @topic={{this.dummy.topic}} @value={{value}} @onChange={{fn (mut value)}} />
</StyleguideExample>
<StyleguideExample @title="topic-footer-mobile-dropdown">
<TopicFooterMobileDropdown @topic={{dummy.topic}} />
<TopicFooterMobileDropdown @topic={{this.dummy.topic}} />
</StyleguideExample>
<StyleguideExample @title="category-chooser" @initialValue={{categories.[0].name}} as |value|>
<StyleguideExample @title="category-chooser" @initialValue={{this.categories.[0].name}} as |value|>
<CategoryChooser @value={{value}} @onChange={{fn (mut value)}} />
</StyleguideExample>
<StyleguideExample @title="pinned-button">
<PinnedButton @topic={{dummy.pinnedTopic}} />
<PinnedButton @topic={{this.dummy.pinnedTopic}} />
</StyleguideExample>
<StyleguideExample @title="pinned-options">
<PinnedOptions @topic={{dummy.pinnedTopic}} />
<PinnedOptions @topic={{this.dummy.pinnedTopic}} />
</StyleguideExample>
<StyleguideExample @title="categories-admin-dropdown">
@ -39,7 +39,7 @@
</StyleguideExample>
<StyleguideExample @title="category-notifications-button">
<CategoryNotificationsButton @category={{dummy.categories.[0]}} @value={{1}} @onChange={{action "dummy"}} />
<CategoryNotificationsButton @category={{this.dummy.categories.[0]}} @value={{1}} @onChange={{action "dummy"}} />
</StyleguideExample>
<StyleguideExample @title="notifications-button">
@ -47,31 +47,31 @@
</StyleguideExample>
<StyleguideExample @title="dropdown-select-box">
<DropdownSelectBox @content={{dummy.options}} @onChange={{action "dummy"}} @options={{hash
<DropdownSelectBox @content={{this.dummy.options}} @onChange={{action "dummy"}} @options={{hash
translatedNone="Something"
}} />
</StyleguideExample>
<StyleguideExample @title="future-date-input-selector">
<FutureDateInputSelector @input={{dummy.topicTimerUpdateDate}} @includeWeekend={{true}} @includeForever={{true}} @options={{hash none="time_shortcut.select_timeframe"}} />
<FutureDateInputSelector @input={{this.dummy.topicTimerUpdateDate}} @includeWeekend={{true}} @includeForever={{true}} @options={{hash none="time_shortcut.select_timeframe"}} />
</StyleguideExample>
<StyleguideExample @title="multi-select">
<MultiSelect @content={{dummy.options}} @onChange={{action "dummy"}} />
<MultiSelect @content={{this.dummy.options}} @onChange={{action "dummy"}} />
</StyleguideExample>
<StyleguideExample @title="admin group-chooser">
<GroupChooser @selected={{dummy.selectedGroups}} @content={{dummy.groups}} @onChange={{action "dummy"}} />
<GroupChooser @selected={{this.dummy.selectedGroups}} @content={{this.dummy.groups}} @onChange={{action "dummy"}} />
</StyleguideExample>
<StyleguideExample @title="list-setting">
<ListSetting @settingValue={{dummy.settings}} @onChange={{action "dummy"}} />
<ListSetting @settingValue={{this.dummy.settings}} @onChange={{action "dummy"}} />
</StyleguideExample>
<StyleguideExample @title="list-setting with colors">
<ListSetting @settingValue={{dummy.colors}} @nameProperty="color" @onChange={{action "dummy"}} />
<ListSetting @settingValue={{this.dummy.colors}} @nameProperty="color" @onChange={{action "dummy"}} />
</StyleguideExample>
<StyleguideExample @title="user-notifications-dropdown">
<UserNotificationsDropdown @user={{currentUser}} @value="changeToNormal" />
<UserNotificationsDropdown @user={{this.currentUser}} @value="changeToNormal" />
</StyleguideExample>

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/atoms/topic-link.hbs
View File

@ -1,3 +1,3 @@
<StyleguideExample @title="topic-link">
{{topic-link dummy.topic}}
{{topic-link this.dummy.topic}}
</StyleguideExample>

14
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/atoms/topic-statuses.hbs
View File

@ -1,27 +1,27 @@
<StyleguideExample @title="invisible">
<TopicStatus @topic={{dummy.invisibleTopic}} />
<TopicStatus @topic={{this.dummy.invisibleTopic}} />
</StyleguideExample>
<StyleguideExample @title="closed">
<TopicStatus @topic={{dummy.closedTopic}} />
<TopicStatus @topic={{this.dummy.closedTopic}} />
</StyleguideExample>
<StyleguideExample @title="pinned">
<TopicStatus @topic={{dummy.pinnedTopic}} />
<TopicStatus @topic={{this.dummy.pinnedTopic}} />
</StyleguideExample>
<StyleguideExample @title="unpinned">
<TopicStatus @topic={{dummy.unpinnedTopic}} />
<TopicStatus @topic={{this.dummy.unpinnedTopic}} />
</StyleguideExample>
<StyleguideExample @title="archived">
<TopicStatus @topic={{dummy.archivedTopic}} />
<TopicStatus @topic={{this.dummy.archivedTopic}} />
</StyleguideExample>
<StyleguideExample @title="warning">
<TopicStatus @topic={{dummy.warningTopic}} />
<TopicStatus @topic={{this.dummy.warningTopic}} />
</StyleguideExample>
<StyleguideExample @title="no status">
<TopicStatus @topic={{dummy.topic}} />
<TopicStatus @topic={{this.dummy.topic}} />
</StyleguideExample>

6
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/bread-crumbs.hbs
View File

@ -1,9 +1,9 @@
<StyleguideExample @title="category-breadcrumbs">
<BreadCrumbs @categories={{dummy.categories}} @showTags={{false}} />
<BreadCrumbs @categories={{this.dummy.categories}} @showTags={{false}} />
</StyleguideExample>
{{#if siteSettings.tagging_enabled}}
{{#if this.siteSettings.tagging_enabled}}
<StyleguideExample @title="category-breadcrumbs - tags">
<BreadCrumbs @categories={{dummy.categories}} @showTags={{true}} />
<BreadCrumbs @categories={{this.dummy.categories}} @showTags={{true}} />
</StyleguideExample>
{{/if}}

8
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/categories.hbs
View File

@ -1,23 +1,23 @@
<StyleguideExample @title="category-badge - bullet">
{{#each dummy.categories as |c|}}
{{#each this.dummy.categories as |c|}}
{{category-badge c categoryStyle="bullet"}}
{{/each}}
</StyleguideExample>
<StyleguideExample @title="category-badge - bar">
{{#each dummy.categories as |c|}}
{{#each this.dummy.categories as |c|}}
{{category-badge c categoryStyle="bar"}}
{{/each}}
</StyleguideExample>
<StyleguideExample @title="category-badge - box">
{{#each dummy.categories as |c|}}
{{#each this.dummy.categories as |c|}}
{{category-badge c categoryStyle="box"}}
{{/each}}
</StyleguideExample>
<StyleguideExample @title="category-badge - none">
{{#each dummy.categories as |c|}}
{{#each this.dummy.categories as |c|}}
{{category-badge c categoryStyle="none"}}
{{/each}}
</StyleguideExample>

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/empty-state.hbs
View File

@ -1,3 +1,3 @@
<StyleguideExample @title="empty-state">
<EmptyState @title={{dummy.sentence}} @body={{dummy.short_sentence}} />
<EmptyState @title={{this.dummy.sentence}} @body={{this.dummy.short_sentence}} />
</StyleguideExample>

6
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/footer-message.hbs
View File

@ -1,12 +1,12 @@
<StyleguideExample @title="footer-message - default">
<FooterMessage @education={{dummy.sentence}} @message={{dummy.short_sentence}} />
<FooterMessage @education={{this.dummy.sentence}} @message={{this.dummy.short_sentence}} />
</StyleguideExample>
<StyleguideExample @title="footer-message - latest">
<FooterMessage @education={{dummy.sentence}} @message={{dummy.short_sentence}} @latest={{true}} @canCreateTopicOnCategory={{true}} @createTopic={{action "dummy"}} />
<FooterMessage @education={{this.dummy.sentence}} @message={{this.dummy.short_sentence}} @latest={{true}} @canCreateTopicOnCategory={{true}} @createTopic={{action "dummy"}} />
</StyleguideExample>
<StyleguideExample @title="footer-message - top">
<FooterMessage @education={{dummy.sentence}} @message={{dummy.short_sentence}} @top={{true}} @changePeriod={{action "dummy"}} />
<FooterMessage @education={{this.dummy.sentence}} @message={{this.dummy.short_sentence}} @top={{true}} @changePeriod={{action "dummy"}} />
</StyleguideExample>

4
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/header-icons.hbs
View File

@ -3,9 +3,9 @@
</StyleguideExample>
<StyleguideExample @title="header-icons - user">
<MountWidget @widget="header-icons" @args={{hash user=dummy.user}} />
<MountWidget @widget="header-icons" @args={{hash user=this.dummy.user}} />
</StyleguideExample>
<StyleguideExample @title="header-icons - notifications">
<MountWidget @widget="header-icons" @args={{hash user=dummy.userWithUnread flagCount=5}} />
<MountWidget @widget="header-icons" @args={{hash user=this.dummy.userWithUnread flagCount=5}} />
</StyleguideExample>

8
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/navigation-bar.hbs
View File

@ -1,10 +1,10 @@
<StyleguideExample @title="navigation-bar">
<NavigationBar @navItems={{dummy.navItems}} @filterMode="latest" />
<NavigationBar @navItems={{this.dummy.navItems}} @filterMode="latest" />
</StyleguideExample>
<StyleguideExample @title=".user-main .nav-pills">
<MobileNav @class="main-nav" @desktopClass="nav nav-pills user-nav">
{{#each dummy.navItems as |ni|}}
{{#each this.dummy.navItems as |ni|}}
<li><a href={{ni.href}} class={{if ni.styleGuideActive "active"}}>{{ni.displayName}}</a></li>
{{/each}}
</MobileNav>
@ -13,10 +13,10 @@
<StyleguideExample @title="group page navigation-bar">
<MobileNav @class="group-nav" @desktopClass="nav nav-pills">
<li class="group-dropdown">
<GroupDropdown @groups={{dummy.groupNames}} @value="staff" />
<GroupDropdown @groups={{this.dummy.groupNames}} @value="staff" />
</li>
{{#each dummy.navItems as |ni|}}
{{#each this.dummy.navItems as |ni|}}
<li><a href={{ni.href}} class={{if ni.styleGuideActive "active"}}>{{ni.displayName}}</a></li>
{{/each}}
</MobileNav>

4
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/navigation-stacked.hbs
View File

@ -1,6 +1,6 @@
<StyleguideExample @title=".nav-stacked" class="half-size">
<MobileNav @class="preferences-nav" @desktopClass="preferences-list action-list nav-stacked">
{{#each dummy.navItems as |ni|}}
{{#each this.dummy.navItems as |ni|}}
<li><a href={{ni.href}} class={{if ni.styleGuideActive "active"}}>{{ni.displayName}}</a></li>
{{/each}}
</MobileNav>
@ -9,7 +9,7 @@
<StyleguideExample @title=".user-navigation .nav-stacked" class="half-size">
<DSection @class="user-navigation">
<MobileNav @class="preferences-nav" @desktopClass="preferences-list action-list nav-stacked">
{{#each dummy.navItems as |ni|}}
{{#each this.dummy.navItems as |ni|}}
<li><a href={{ni.href}} class={{if ni.styleGuideActive "active"}}>{{ni.displayName}}</a></li>
{{/each}}
</MobileNav>

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/post-menu.hbs
View File

@ -1,3 +1,3 @@
<StyleguideExample @title="post-menu">
<MountWidget @widget="post-menu" @args={{dummy.transformedPost}} />
<MountWidget @widget="post-menu" @args={{this.dummy.transformedPost}} />
</StyleguideExample>

8
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/topic-list-item.hbs
View File

@ -1,7 +1,7 @@
<StyleguideExample @title="topic list item">
<table class="topic-list">
<tbody>
<TopicListItem @topic={{dummy.topic}} @showPosters={{true}} />
<TopicListItem @topic={{this.dummy.topic}} @showPosters={{true}} />
</tbody>
</table>
</StyleguideExample>
@ -9,7 +9,7 @@
<StyleguideExample @title="topic list item - hide category">
<table class="topic-list">
<tbody>
<TopicListItem @topic={{dummy.topic}} @hideCategory={{true}} @showPosters={{true}} />
<TopicListItem @topic={{this.dummy.topic}} @hideCategory={{true}} @showPosters={{true}} />
</tbody>
</table>
</StyleguideExample>
@ -17,11 +17,11 @@
<StyleguideExample @title="topic list item - show likes">
<table class="topic-list">
<tbody>
<TopicListItem @topic={{dummy.topic}} @showLikes={{true}} @showPosters={{true}} />
<TopicListItem @topic={{this.dummy.topic}} @showLikes={{true}} @showPosters={{true}} />
</tbody>
</table>
</StyleguideExample>
<StyleguideExample @title="topic list item - latest" class="half-size">
<LatestTopicListItem @topic={{dummy.topic}} />
<LatestTopicListItem @topic={{this.dummy.topic}} />
</StyleguideExample>

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/topic-notifications.hbs
View File

@ -1,3 +1,3 @@
<StyleguideExample @title="topic-notifications-button">
<TopicNotificationsButton @topic={{dummy.topic}} />
<TopicNotificationsButton @topic={{this.dummy.topic}} />
</StyleguideExample>

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/topic-timer-info.hbs
View File

@ -1,3 +1,3 @@
<StyleguideExample @title="topic-timer-info">
<TopicTimerInfo @statusType="reminder" @executeAt={{dummy.soon}} />
<TopicTimerInfo @statusType="reminder" @executeAt={{this.dummy.soon}} />
</StyleguideExample>

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/organisms/00-post.hbs
View File

@ -1,3 +1,3 @@
<StyleguideExample @title="post">
<MountWidget @widget="post" @args={{dummy.transformedPost}} />
<MountWidget @widget="post" @args={{this.dummy.transformedPost}} />
</StyleguideExample>

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/organisms/01-topic-map.hbs
View File

@ -1,3 +1,3 @@
<StyleguideExample @title="topic-map">
<MountWidget @widget="topic-map" @args={{dummy.transformedPost}} />
<MountWidget @widget="topic-map" @args={{this.dummy.transformedPost}} />
</StyleguideExample>

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/organisms/03-topic-footer-buttons.hbs
View File

@ -1,5 +1,5 @@
<StyleguideExample @title="topic-footer-buttons - logged in">
<TopicFooterButtons @topic={{dummy.topic}} />
<TopicFooterButtons @topic={{this.dummy.topic}} />
</StyleguideExample>
<StyleguideExample @title="topic-footer-buttons - anonymous">

4
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/organisms/04-topic-list.hbs
View File

@ -1,7 +1,7 @@
<StyleguideExample @title="topic-list">
<TopicList @topics={{dummy.topics}} @showPosters={{true}} />
<TopicList @topics={{this.dummy.topics}} @showPosters={{true}} />
</StyleguideExample>
<StyleguideExample @title="topic-list - hide posters">
<TopicList @topics={{dummy.topics}} @showPosters={{false}} />
<TopicList @topics={{this.dummy.topics}} @showPosters={{false}} />
</StyleguideExample>

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/organisms/basic-topic-list.hbs
View File

@ -1,3 +1,3 @@
<StyleguideExample @title="basic-topic-list" class="half-size">
<BasicTopicList @topics={{dummy.topics}} />
<BasicTopicList @topics={{this.dummy.topics}} />
</StyleguideExample>

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/organisms/categories-list.hbs
View File

@ -1,3 +1,3 @@
<StyleguideExample @title="categories-only">
<CategoriesOnly @categories={{dummy.categories}} />
<CategoriesOnly @categories={{this.dummy.categories}} />
</StyleguideExample>

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/organisms/modal.hbs
View File

@ -1,7 +1,7 @@
<StyleguideExample @title="d-modal">
<DModal @closeModal={{action "dummy"}} @modalStyle="inline-modal" @title={{i18n "styleguide.sections.modal.header"}}>
<DModalBody>
{{html-safe dummy.lorem}}
{{html-safe this.dummy.lorem}}
</DModalBody>
<div class="modal-footer">
{{i18n "styleguide.sections.modal.footer"}}

4
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/organisms/navigation.hbs
View File

@ -2,8 +2,8 @@
<div class="list-controls">
<div class="container">
<DSection @class="navigation-container">
<BreadCrumbs @categories={{dummy.categories}} />
<NavigationBar @navItems={{dummy.navItems}} @filterMode="latest" />
<BreadCrumbs @categories={{this.dummy.categories}} />
<NavigationBar @navItems={{this.dummy.navItems}} @filterMode="latest" />
<div class="navigation-controls">
<CategoriesAdminDropdown />
<CreateTopicButton @canCreateTopic={{true}} />

4
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/organisms/site-header.hbs
View File

@ -4,9 +4,9 @@
<div class="wrap">
<div class="contents">
<MountWidget @widget="home-logo" @args={{hash minimized=true}} />
<MountWidget @widget="header-topic-info" @args={{dummy}} />
<MountWidget @widget="header-topic-info" @args={{this.dummy}} />
<div class="panel clearfix">
<MountWidget @widget="header-icons" @args={{hash user=dummy.user}} />
<MountWidget @widget="header-icons" @args={{hash user=this.dummy.user}} />
</div>
</div>
</div>

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/organisms/suggested-topics.hbs
View File

@ -1,3 +1,3 @@
<StyleguideExample @title="suggested-topics">
<SuggestedTopics @topic={{dummy.topic}} />
<SuggestedTopics @topic={{this.dummy.topic}} />
</StyleguideExample>

124
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/organisms/user-about.hbs
View File

@ -4,7 +4,7 @@
<div class="profile-image"></div>
<div class="details">
<div class="primary">
{{bound-avatar dummy.user "huge"}}
{{bound-avatar this.dummy.user "huge"}}
<section class="controls">
<ul>
<li>
@ -13,15 +13,15 @@
{{i18n "user.private_message"}}
</a>
</li>
<li><a href={{dummy.user.adminPath}} class="btn">{{d-icon "wrench"}}{{i18n "admin.user.show_admin_profile"}}</a></li>
<li><a href={{this.dummy.user.adminPath}} class="btn">{{d-icon "wrench"}}{{i18n "admin.user.show_admin_profile"}}</a></li>
<li><a href="#" class="btn">{{d-icon "angle-double-down"}}{{i18n "user.expand_profile"}}</a></li>
</ul>
</section>
<div class="primary-textual">
<h1 class="username">{{dummy.user.username}} {{d-icon "shield-alt"}}</h1>
<h2 class="full-name">{{dummy.user.name}}</h2>
<h3>{{dummy.user.title}}</h3>
<h1 class="username">{{this.dummy.user.username}} {{d-icon "shield-alt"}}</h1>
<h2 class="full-name">{{this.dummy.user.name}}</h2>
<h3>{{this.dummy.user.title}}</h3>
</div>
</div>
<div style="clear: both"></div>
@ -32,11 +32,11 @@
<StyleguideExample @title=".user-main .about.collapsed-info.has-background">
<DSection @class="user-main">
<section class="collapsed-info about has-background" style={{dummy.user.profileBackground}}>
<section class="collapsed-info about has-background" style={{this.dummy.user.profileBackground}}>
<div class="profile-image"></div>
<div class="details">
<div class="primary">
{{bound-avatar dummy.user "huge"}}
{{bound-avatar this.dummy.user "huge"}}
<section class="controls">
<ul>
<li>
@ -45,15 +45,15 @@
{{i18n "user.private_message"}}
</a>
</li>
<li><a href={{dummy.user.adminPath}} class="btn">{{d-icon "wrench"}}{{i18n "admin.user.show_admin_profile"}}</a></li>
<li><a href={{this.dummy.user.adminPath}} class="btn">{{d-icon "wrench"}}{{i18n "admin.user.show_admin_profile"}}</a></li>
<li><a href="#" class="btn">{{d-icon "angle-double-down"}}{{i18n "user.expand_profile"}}</a></li>
</ul>
</section>
<div class="primary-textual">
<h1 class="username">{{dummy.user.username}} {{d-icon "shield-alt"}}</h1>
<h2 class="full-name">{{dummy.user.name}}</h2>
<h3>{{dummy.user.title}}</h3>
<h1 class="username">{{this.dummy.user.username}} {{d-icon "shield-alt"}}</h1>
<h2 class="full-name">{{this.dummy.user.name}}</h2>
<h3>{{this.dummy.user.title}}</h3>
</div>
</div>
<div style="clear: both"></div>
@ -67,25 +67,25 @@
<section class="about no-background">
<div class="staff-counters">
<div><span class="helpful-flags">{{dummy.user.number_of_flags_given}}</span>&nbsp;{{i18n "user.staff_counters.flags_given"}}</div>
<div><span class="helpful-flags">{{this.dummy.user.number_of_flags_given}}</span>&nbsp;{{i18n "user.staff_counters.flags_given"}}</div>
<div>
<a href="#">
<span class="flagged-posts">{{dummy.user.number_of_flagged_posts}}</span>&nbsp;{{i18n "user.staff_counters.flagged_posts"}}
<span class="flagged-posts">{{this.dummy.user.number_of_flagged_posts}}</span>&nbsp;{{i18n "user.staff_counters.flagged_posts"}}
</a>
</div>
<div>
<a href="#">
<span class="deleted-posts">{{dummy.user.number_of_deleted_posts}}</span>&nbsp;{{i18n "user.staff_counters.deleted_posts"}}
<span class="deleted-posts">{{this.dummy.user.number_of_deleted_posts}}</span>&nbsp;{{i18n "user.staff_counters.deleted_posts"}}
</a>
</div>
<div><span class="suspensions">{{dummy.user.number_of_suspensions}}</span>&nbsp;{{i18n "user.staff_counters.suspensions"}}</div>
<div><span class="warnings-received">{{dummy.user.warnings_received_count}}</span>&nbsp;{{i18n "user.staff_counters.warnings_received"}}</div>
<div><span class="suspensions">{{this.dummy.user.number_of_suspensions}}</span>&nbsp;{{i18n "user.staff_counters.suspensions"}}</div>
<div><span class="warnings-received">{{this.dummy.user.warnings_received_count}}</span>&nbsp;{{i18n "user.staff_counters.warnings_received"}}</div>
</div>
<div class="profile-image"></div>
<div class="details">
<div class="primary">
{{bound-avatar dummy.user "huge"}}
{{bound-avatar this.dummy.user "huge"}}
<section class="controls">
<ul>
<li>
@ -94,31 +94,31 @@
{{i18n "user.private_message"}}
</a>
</li>
<li><a href={{dummy.user.adminPath}} class="btn">{{d-icon "wrench"}}{{i18n "admin.user.show_admin_profile"}}</a></li>
<li><a href={{this.dummy.user.adminPath}} class="btn">{{d-icon "wrench"}}{{i18n "admin.user.show_admin_profile"}}</a></li>
</ul>
</section>
<div class="primary-textual">
<h1 class="username">{{dummy.user.username}} {{d-icon "shield-alt"}}</h1>
<h2 class="full-name">{{dummy.user.name}}</h2>
<h3>{{dummy.user.title}}</h3>
<h1 class="username">{{this.dummy.user.username}} {{d-icon "shield-alt"}}</h1>
<h2 class="full-name">{{this.dummy.user.name}}</h2>
<h3>{{this.dummy.user.title}}</h3>
<h3>
{{d-icon "map-marker-alt"}} {{dummy.user.location}}
{{d-icon "map-marker-alt"}} {{this.dummy.user.location}}
{{d-icon "globe"}}
<a href={{dummy.user.website}} rel="nofollow noopener noreferrer" target="_blank">{{dummy.user.website_name}}</a>
<a href={{this.dummy.user.website}} rel="nofollow noopener noreferrer" target="_blank">{{this.dummy.user.website_name}}</a>
</h3>
<div class="bio">
<div class="suspended">
{{d-icon "ban"}}
<b>{{i18n "user.suspended_notice" date=dummy.user.suspendedTillDate}}</b><br>
<b>{{i18n "user.suspended_reason"}}</b> {{dummy.user.suspend_reason}}
<b>{{i18n "user.suspended_notice" date=this.dummy.user.suspendedTillDate}}</b><br>
<b>{{i18n "user.suspended_reason"}}</b> {{this.dummy.user.suspend_reason}}
</div>
{{html-safe dummy.user.bio_cooked}}
{{html-safe this.dummy.user.bio_cooked}}
</div>
<div class="public-user-fields">
{{#each dummy.user.publicUserFields as |uf|}}
{{#each this.dummy.user.publicUserFields as |uf|}}
{{#if uf.value}}
<div class="public-user-field {{uf.field.dasherized_name}}">
<span class="user-field-name">{{uf.field.name}}</span>:
@ -134,19 +134,19 @@
<div class="secondary">
<dl>
<dt>{{i18n "user.created"}}</dt><dd>{{bound-date dummy.user.created_at}}</dd>
<dt>{{i18n "user.last_posted"}}</dt><dd>{{bound-date dummy.user.last_posted_at}}</dd>
<dt>{{i18n "user.last_seen"}}</dt><dd>{{bound-date dummy.user.last_seen_at}}</dd>
<dt>{{i18n "views"}}</dt><dd>{{dummy.user.profile_view_count}}</dd>
<dt class="invited-by">{{i18n "user.invited_by"}}</dt><dd class="invited-by"><a href="#">{{dummy.user.invited_by.username}}</a></dd>
<dt class="trust-level">{{i18n "user.trust_level"}}</dt><dd class="trust-level">{{dummy.user.trustLevel.name}}</dd>
<dt>{{i18n "user.created"}}</dt><dd>{{bound-date this.dummy.user.created_at}}</dd>
<dt>{{i18n "user.last_posted"}}</dt><dd>{{bound-date this.dummy.user.last_posted_at}}</dd>
<dt>{{i18n "user.last_seen"}}</dt><dd>{{bound-date this.dummy.user.last_seen_at}}</dd>
<dt>{{i18n "views"}}</dt><dd>{{this.dummy.user.profile_view_count}}</dd>
<dt class="invited-by">{{i18n "user.invited_by"}}</dt><dd class="invited-by"><a href="#">{{this.dummy.user.invited_by.username}}</a></dd>
<dt class="trust-level">{{i18n "user.trust_level"}}</dt><dd class="trust-level">{{this.dummy.user.trustLevel.name}}</dd>
<dt>{{i18n "user.email.title"}}</dt>
<dd title={{dummy.user.email}}>
<dd title={{this.dummy.user.email}}>
<DButton @icon="far-envelope" @label="admin.users.check_email.text" @class="btn-primary" />
</dd>
<dt class="groups">{{i18n "groups.title" count=dummy.user.displayGroups.length}}</dt>
<dt class="groups">{{i18n "groups.title" count=this.dummy.user.displayGroups.length}}</dt>
<dd class="groups">
{{#each dummy.user.displayGroups as |group|}}
{{#each this.dummy.user.displayGroups as |group|}}
<span><a href="#" class="group-link">{{group.name}}</a></span>
{{/each}}
</dd>
@ -159,27 +159,27 @@
<StyleguideExample @title=".user-main .about.has-background">
<DSection @class="user-main">
<section class="about has-background" style={{dummy.user.profileBackground}}>
<section class="about has-background" style={{this.dummy.user.profileBackground}}>
<div class="staff-counters">
<div><span class="helpful-flags">{{dummy.user.number_of_flags_given}}</span>&nbsp;{{i18n "user.staff_counters.flags_given"}}</div>
<div><span class="helpful-flags">{{this.dummy.user.number_of_flags_given}}</span>&nbsp;{{i18n "user.staff_counters.flags_given"}}</div>
<div>
<a href="#">
<span class="flagged-posts">{{dummy.user.number_of_flagged_posts}}</span>&nbsp;{{i18n "user.staff_counters.flagged_posts"}}
<span class="flagged-posts">{{this.dummy.user.number_of_flagged_posts}}</span>&nbsp;{{i18n "user.staff_counters.flagged_posts"}}
</a>
</div>
<div>
<a href="#">
<span class="deleted-posts">{{dummy.user.number_of_deleted_posts}}</span>&nbsp;{{i18n "user.staff_counters.deleted_posts"}}
<span class="deleted-posts">{{this.dummy.user.number_of_deleted_posts}}</span>&nbsp;{{i18n "user.staff_counters.deleted_posts"}}
</a>
</div>
<div><span class="suspensions">{{dummy.user.number_of_suspensions}}</span>&nbsp;{{i18n "user.staff_counters.suspensions"}}</div>
<div><span class="warnings-received">{{dummy.user.warnings_received_count}}</span>&nbsp;{{i18n "user.staff_counters.warnings_received"}}</div>
<div><span class="suspensions">{{this.dummy.user.number_of_suspensions}}</span>&nbsp;{{i18n "user.staff_counters.suspensions"}}</div>
<div><span class="warnings-received">{{this.dummy.user.warnings_received_count}}</span>&nbsp;{{i18n "user.staff_counters.warnings_received"}}</div>
</div>
<div class="profile-image"></div>
<div class="details">
<div class="primary">
{{bound-avatar dummy.user "huge"}}
{{bound-avatar this.dummy.user "huge"}}
<section class="controls">
<ul>
<li>
@ -188,31 +188,31 @@
{{i18n "user.private_message"}}
</a>
</li>
<li><a href={{dummy.user.adminPath}} class="btn">{{d-icon "wrench"}}{{i18n "admin.user.show_admin_profile"}}</a></li>
<li><a href={{this.dummy.user.adminPath}} class="btn">{{d-icon "wrench"}}{{i18n "admin.user.show_admin_profile"}}</a></li>
</ul>
</section>
<div class="primary-textual">
<h1 class="username">{{dummy.user.username}} {{d-icon "shield-alt"}}</h1>
<h2 class="full-name">{{dummy.user.name}}</h2>
<h3>{{dummy.user.title}}</h3>
<h1 class="username">{{this.dummy.user.username}} {{d-icon "shield-alt"}}</h1>
<h2 class="full-name">{{this.dummy.user.name}}</h2>
<h3>{{this.dummy.user.title}}</h3>
<h3>
{{d-icon "map-marker-alt"}} {{dummy.user.location}}
{{d-icon "map-marker-alt"}} {{this.dummy.user.location}}
{{d-icon "globe"}}
<a href={{dummy.user.website}} rel="nofollow noopener noreferrer" target="_blank">{{dummy.user.website_name}}</a>
<a href={{this.dummy.user.website}} rel="nofollow noopener noreferrer" target="_blank">{{this.dummy.user.website_name}}</a>
</h3>
<div class="bio">
<div class="suspended">
{{d-icon "ban"}}
<b>{{i18n "user.suspended_notice" date=dummy.user.suspendedTillDate}}</b><br>
<b>{{i18n "user.suspended_reason"}}</b> {{dummy.user.suspend_reason}}
<b>{{i18n "user.suspended_notice" date=this.dummy.user.suspendedTillDate}}</b><br>
<b>{{i18n "user.suspended_reason"}}</b> {{this.dummy.user.suspend_reason}}
</div>
{{html-safe dummy.user.bio_cooked}}
{{html-safe this.dummy.user.bio_cooked}}
</div>
<div class="public-user-fields">
{{#each dummy.user.publicUserFields as |uf|}}
{{#each this.dummy.user.publicUserFields as |uf|}}
{{#if uf.value}}
<div class="public-user-field {{uf.field.dasherized_name}}">
<span class="user-field-name">{{uf.field.name}}</span>:
@ -229,19 +229,19 @@
<div class="secondary">
<dl>
<dt>{{i18n "user.created"}}</dt><dd>{{bound-date dummy.user.created_at}}</dd>
<dt>{{i18n "user.last_posted"}}</dt><dd>{{bound-date dummy.user.last_posted_at}}</dd>
<dt>{{i18n "user.last_seen"}}</dt><dd>{{bound-date dummy.user.last_seen_at}}</dd>
<dt>{{i18n "views"}}</dt><dd>{{dummy.user.profile_view_count}}</dd>
<dt class="invited-by">{{i18n "user.invited_by"}}</dt><dd class="invited-by"><a href="#">{{dummy.user.invited_by.username}}</a></dd>
<dt class="trust-level">{{i18n "user.trust_level"}}</dt><dd class="trust-level">{{dummy.user.trustLevel.name}}</dd>
<dt>{{i18n "user.created"}}</dt><dd>{{bound-date this.dummy.user.created_at}}</dd>
<dt>{{i18n "user.last_posted"}}</dt><dd>{{bound-date this.dummy.user.last_posted_at}}</dd>
<dt>{{i18n "user.last_seen"}}</dt><dd>{{bound-date this.dummy.user.last_seen_at}}</dd>
<dt>{{i18n "views"}}</dt><dd>{{this.dummy.user.profile_view_count}}</dd>
<dt class="invited-by">{{i18n "user.invited_by"}}</dt><dd class="invited-by"><a href="#">{{this.dummy.user.invited_by.username}}</a></dd>
<dt class="trust-level">{{i18n "user.trust_level"}}</dt><dd class="trust-level">{{this.dummy.user.trustLevel.name}}</dd>
<dt>{{i18n "user.email.title"}}</dt>
<dd title={{dummy.user.email}}>
<dd title={{this.dummy.user.email}}>
<DButton @icon="far-envelope" @label="admin.users.check_email.text" @class="btn-primary" />
</dd>
<dt class="groups">{{i18n "groups.title" count=dummy.user.displayGroups.length}}</dt>
<dt class="groups">{{i18n "groups.title" count=this.dummy.user.displayGroups.length}}</dt>
<dd class="groups">
{{#each dummy.user.displayGroups as |group|}}
{{#each this.dummy.user.displayGroups as |group|}}
<span><a href="#" class="group-link">{{group.name}}</a></span>
{{/each}}
</dd>

6
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/show.hbs
View File

@ -1,7 +1,7 @@
<StyleguideSection @section={{section}}>
{{#if note}}
<StyleguideSection @section={{this.section}}>
{{#if this.note}}
<div class="styleguide-note">
{{component (concat "notes/" note)}}
{{component (concat "notes/" this.note)}}
</div>
{{/if}}