Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

DEV: Update styleguide example titles to use angle-bracket naming (#20375)

This commit is contained in:
David Taylor 2023-02-20 15:16:18 +00:00 committed by GitHub
parent 3d7aec36b5
commit 7ed4eaabda
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
19 changed files with 56 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -133,7 +133,7 @@
</StyleguideExample> </StyleguideExample>
<StyleguideExample <StyleguideExample
@title="dbutton btn-flat btn-text - sizes (large, default, small)" @title="<DButton> btn-flat btn-text - sizes (large, default, small)"
> >
{{#each this.dummy.buttonSizes as |bs|}} {{#each this.dummy.buttonSizes as |bs|}}
<DButton <DButton
@ -144,7 +144,7 @@
{{/each}} {{/each}}
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="dbutton btn-flat btn-text - states"> <StyleguideExample @title="<DButton> btn-flat btn-text - states">
{{#each this.dummy.buttonStates as |bs|}} {{#each this.dummy.buttonStates as |bs|}}
<DButton <DButton
@class={{concat "btn-flat " bs.class}} @class={{concat "btn-flat " bs.class}}
@ -154,7 +154,7 @@
{{/each}} {{/each}}
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="DToggleSwitch"> <StyleguideExample @title="<DToggleSwitch>">
<DToggleSwitch <DToggleSwitch
@state={{this.dummy.toggleSwitchState}} @state={{this.dummy.toggleSwitchState}}
{{on {{on

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

@ -43,7 +43,7 @@
</StyleguideExample> </StyleguideExample>
<StyleguideExample <StyleguideExample
@title="inline-form with combo-box" @title="inline-form with <ComboBox>"
@initialValue={{this.dummy.options.0.name}} @initialValue={{this.dummy.options.0.name}}
as |value| as |value|
> >
@ -63,7 +63,7 @@
</div> </div>
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="inline-form with multi-select"> <StyleguideExample @title="inline-form with <MultiSelect>">
<div class="inline-form"> <div class="inline-form">
<TextField /> <TextField />
<MultiSelect @content={{this.dummy.options}} @onChange={{action "dummy"}} /> <MultiSelect @content={{this.dummy.options}} @onChange={{action "dummy"}} />
@ -76,7 +76,7 @@
</div> </div>
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="inline-form with multi-select and label"> <StyleguideExample @title="inline-form with <MultiSelect> and label">
<div class="inline-form"> <div class="inline-form">
<label>Text:</label> <label>Text:</label>
<TextField /> <TextField />
@ -96,7 +96,7 @@
</div> </div>
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="category-notifications-button and regular button"> <StyleguideExample @title="<CategoryNotificationsButton> and regular button">
<div class="inline-form"> <div class="inline-form">
<CategoryNotificationsButton <CategoryNotificationsButton
@category={{get this.dummy.categories 0}} @category={{get this.dummy.categories 0}}

14
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/atoms/date-time-inputs.hbs
View File

@ -1,27 +1,27 @@
<StyleguideExample @title="time-input"> <StyleguideExample @title="<TimeInput>">
<TimeInput /> <TimeInput />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="date-input"> <StyleguideExample @title="<DateInput>">
<DateInput /> <DateInput />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="date-time-input"> <StyleguideExample @title="<DateTimeInput>">
<DateTimeInput @clearable={{true}} /> <DateTimeInput @clearable={{true}} />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="date-time-input-range"> <StyleguideExample @title="<DateTimeInputRange>">
<DateTimeInputRange /> <DateTimeInputRange />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="date-time-input-range"> <StyleguideExample @title="<DateTimeInputRange>">
<DateTimeInputRange @showFromTime={{false}} @showToTime={{false}} /> <DateTimeInputRange @showFromTime={{false}} @showToTime={{false}} />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="future-date-input"> <StyleguideExample @title="<FutureDateInput>">
<FutureDateInput @displayLabelIcon="far-clock" @clearable={{true}} /> <FutureDateInput @displayLabelIcon="far-clock" @clearable={{true}} />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="date-picker"> <StyleguideExample @title="<DatePicker>">
<DatePicker @defaultDate="YYYY-MM-DD" /> <DatePicker @defaultDate="YYYY-MM-DD" />
</StyleguideExample> </StyleguideExample>

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

@ -1,5 +1,5 @@
<StyleguideExample <StyleguideExample
@title="combo-box" @title="<ComboBox>"
@initialValue={{this.dummy.options.0.name}} @initialValue={{this.dummy.options.0.name}}
as |value| as |value|
> >
@ -11,7 +11,7 @@
</StyleguideExample> </StyleguideExample>
<StyleguideExample <StyleguideExample
@title="filterable combo-box" @title="filterable <ComboBox>"
@initialValue={{this.dummy.categories.0.name}} @initialValue={{this.dummy.categories.0.name}}
as |value| as |value|
> >
@ -24,7 +24,7 @@
</StyleguideExample> </StyleguideExample>
<StyleguideExample <StyleguideExample
@title="combo-box with a default state" @title="<ComboBox> with a default state"
@initialValue={{this.dummy.options.0.name}} @initialValue={{this.dummy.options.0.name}}
as |value| as |value|
> >
@ -37,7 +37,7 @@
</StyleguideExample> </StyleguideExample>
<StyleguideExample <StyleguideExample
@title="combo-box clearable" @title="<ComboBox> clearable"
@initialValue={{this.dummy.options.0.name}} @initialValue={{this.dummy.options.0.name}}
as |value| as |value|
> >
@ -51,7 +51,7 @@
</StyleguideExample> </StyleguideExample>
<StyleguideExample <StyleguideExample
@title="topic-notifications-options" @title="<TopicNotificationOptions>"
@initialValue={{1}} @initialValue={{1}}
as |value| as |value|
> >
@ -62,31 +62,31 @@
/> />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="topic-footer-mobile-dropdown"> <StyleguideExample @title="<TopicFooterMobileDropdown>">
<TopicFooterMobileDropdown @topic={{this.dummy.topic}} /> <TopicFooterMobileDropdown @topic={{this.dummy.topic}} />
</StyleguideExample> </StyleguideExample>
<StyleguideExample <StyleguideExample
@title="category-chooser" @title="<CategoryChooser>"
@initialValue={{this.categories.0.name}} @initialValue={{this.categories.0.name}}
as |value| as |value|
> >
<CategoryChooser @value={{value}} @onChange={{fn (mut value)}} /> <CategoryChooser @value={{value}} @onChange={{fn (mut value)}} />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="pinned-button"> <StyleguideExample @title="<PinnedButton>">
<PinnedButton @topic={{this.dummy.pinnedTopic}} /> <PinnedButton @topic={{this.dummy.pinnedTopic}} />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="pinned-options"> <StyleguideExample @title="<PinnedOptions>">
<PinnedOptions @topic={{this.dummy.pinnedTopic}} /> <PinnedOptions @topic={{this.dummy.pinnedTopic}} />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="categories-admin-dropdown"> <StyleguideExample @title="<CategoriesAdminDropdown>">
<CategoriesAdminDropdown @onChange={{action "dummy"}} /> <CategoriesAdminDropdown @onChange={{action "dummy"}} />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="category-notifications-button"> <StyleguideExample @title="<CategoryNotificationsButton>">
<CategoryNotificationsButton <CategoryNotificationsButton
@category={{get this.dummy.categories 0}} @category={{get this.dummy.categories 0}}
@value={{1}} @value={{1}}
@ -94,7 +94,7 @@
/> />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="notifications-button"> <StyleguideExample @title="<NotificationsButton>">
<NotificationsButton <NotificationsButton
@options={{hash i18nPrefix="groups.notifications"}} @options={{hash i18nPrefix="groups.notifications"}}
@value={{2}} @value={{2}}
@ -102,7 +102,7 @@
/> />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="dropdown-select-box"> <StyleguideExample @title="<DropdownSelectBox>">
<DropdownSelectBox <DropdownSelectBox
@content={{this.dummy.options}} @content={{this.dummy.options}}
@onChange={{action "dummy"}} @onChange={{action "dummy"}}
@ -110,7 +110,7 @@
/> />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="future-date-input-selector"> <StyleguideExample @title="<FutureDateInputSelector>">
<FutureDateInputSelector <FutureDateInputSelector
@input={{this.dummy.topicTimerUpdateDate}} @input={{this.dummy.topicTimerUpdateDate}}
@includeWeekend={{true}} @includeWeekend={{true}}
@ -119,11 +119,11 @@
/> />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="multi-select"> <StyleguideExample @title="<MultiSelect>">
<MultiSelect @content={{this.dummy.options}} @onChange={{action "dummy"}} /> <MultiSelect @content={{this.dummy.options}} @onChange={{action "dummy"}} />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="admin group-chooser"> <StyleguideExample @title="admin <GroupChooser>">
<GroupChooser <GroupChooser
@selected={{this.dummy.selectedGroups}} @selected={{this.dummy.selectedGroups}}
@content={{this.dummy.groups}} @content={{this.dummy.groups}}
@ -131,14 +131,14 @@
/> />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="list-setting"> <StyleguideExample @title="<ListSetting>">
<ListSetting <ListSetting
@settingValue={{this.dummy.settings}} @settingValue={{this.dummy.settings}}
@onChange={{action "dummy"}} @onChange={{action "dummy"}}
/> />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="list-setting with colors"> <StyleguideExample @title="<ListSetting>">
<ListSetting <ListSetting
@settingValue={{this.dummy.colors}} @settingValue={{this.dummy.colors}}
@nameProperty="color" @nameProperty="color"
@ -146,7 +146,7 @@
/> />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="user-notifications-dropdown"> <StyleguideExample @title="<UserNotificationsDropdown>">
<UserNotificationsDropdown <UserNotificationsDropdown
@user={{this.currentUser}} @user={{this.currentUser}}
@value="changeToNormal" @value="changeToNormal"

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/char-counter.hbs
View File

@ -1,4 +1,4 @@
<StyleguideExample @title="char-counter"> <StyleguideExample @title="<CharCounter>">
<CharCounter @max="50" @value={{this.charCounterContent}}> <CharCounter @max="50" @value={{this.charCounterContent}}>
<textarea <textarea
placeholder={{i18n "styleguide.sections.char_counter.placeholder"}} placeholder={{i18n "styleguide.sections.char_counter.placeholder"}}

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

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

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

@ -1,11 +1,11 @@
<StyleguideExample @title="footer-message - default"> <StyleguideExample @title="<FooterMessage> - default">
<FooterMessage <FooterMessage
@education={{this.dummy.sentence}} @education={{this.dummy.sentence}}
@message={{this.dummy.short_sentence}} @message={{this.dummy.short_sentence}}
/> />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="footer-message - latest"> <StyleguideExample @title="<FooterMessage> - latest">
<FooterMessage <FooterMessage
@education={{this.dummy.sentence}} @education={{this.dummy.sentence}}
@message={{this.dummy.short_sentence}} @message={{this.dummy.short_sentence}}
@ -15,7 +15,7 @@
/> />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="footer-message - top"> <StyleguideExample @title="<FooterMessage> - top">
<FooterMessage <FooterMessage
@education={{this.dummy.sentence}} @education={{this.dummy.sentence}}
@message={{this.dummy.short_sentence}} @message={{this.dummy.short_sentence}}

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

@ -1,4 +1,4 @@
<StyleguideExample @title="navigation-bar"> <StyleguideExample @title="<NavigationBar>">
<NavigationBar @navItems={{this.dummy.navItems}} @filterMode="latest" /> <NavigationBar @navItems={{this.dummy.navItems}} @filterMode="latest" />
</StyleguideExample> </StyleguideExample>
@ -13,7 +13,7 @@
</MobileNav> </MobileNav>
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="group page navigation-bar"> <StyleguideExample @title="group page <NavigationBar>">
<MobileNav @class="group-nav" @desktopClass="nav nav-pills"> <MobileNav @class="group-nav" @desktopClass="nav nav-pills">
<li class="group-dropdown"> <li class="group-dropdown">
<GroupDropdown @groups={{this.dummy.groupNames}} @value="staff" /> <GroupDropdown @groups={{this.dummy.groupNames}} @value="staff" />

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/rich-tooltip.hbs
View File

@ -1,4 +1,4 @@
<StyleguideExample @title="rich-tooltip"> <StyleguideExample @title="<DTooltip>">
<DButton> <DButton>
{{i18n "styleguide.sections.rich_tooltip.hover_to_see"}} {{i18n "styleguide.sections.rich_tooltip.hover_to_see"}}
<DTooltip> <DTooltip>

2
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/molecules/signup-cta.hbs
View File

@ -1,3 +1,3 @@
<StyleguideExample @title="signup-cta"> <StyleguideExample @title="<SignupCta>">
<SignupCta /> <SignupCta />
</StyleguideExample> </StyleguideExample>

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

@ -1,4 +1,4 @@
<StyleguideExample @title="topic list item"> <StyleguideExample @title="<TopicListItem>">
<table class="topic-list"> <table class="topic-list">
<tbody> <tbody>
<TopicListItem @topic={{this.dummy.topic}} @showPosters={{true}} /> <TopicListItem @topic={{this.dummy.topic}} @showPosters={{true}} />
@ -6,7 +6,7 @@
</table> </table>
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="topic list item - hide category"> <StyleguideExample @title="<TopicListItem> - hide category">
<table class="topic-list"> <table class="topic-list">
<tbody> <tbody>
<TopicListItem <TopicListItem
@ -18,7 +18,7 @@
</table> </table>
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="topic list item - show likes"> <StyleguideExample @title="<TopicListItem> - show likes">
<table class="topic-list"> <table class="topic-list">
<tbody> <tbody>
<TopicListItem <TopicListItem
@ -30,6 +30,6 @@
</table> </table>
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="topic list item - latest" class="half-size"> <StyleguideExample @title="<TopicListItem> - latest" class="half-size">
<LatestTopicListItem @topic={{this.dummy.topic}} /> <LatestTopicListItem @topic={{this.dummy.topic}} />
</StyleguideExample> </StyleguideExample>

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

@ -1,3 +1,3 @@
<StyleguideExample @title="topic-notifications-button"> <StyleguideExample @title="<TopicNotificationsButton>">
<TopicNotificationsButton @topic={{this.dummy.topic}} /> <TopicNotificationsButton @topic={{this.dummy.topic}} />
</StyleguideExample> </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"> <StyleguideExample @title="<TopicTimerInfo>">
<TopicTimerInfo @statusType="reminder" @executeAt={{this.dummy.soon}} /> <TopicTimerInfo @statusType="reminder" @executeAt={{this.dummy.soon}} />
</StyleguideExample> </StyleguideExample>

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

@ -1,8 +1,8 @@
<StyleguideExample @title="topic-footer-buttons - logged in"> <StyleguideExample @title="<TopicFooterButtons> - logged in">
<TopicFooterButtons @topic={{this.dummy.topic}} /> <TopicFooterButtons @topic={{this.dummy.topic}} />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="topic-footer-buttons - anonymous"> <StyleguideExample @title="<TopicFooterButtons> - anonymous">
<div id="topic-footer-buttons"> <div id="topic-footer-buttons">
<DButton <DButton
@icon="reply" @icon="reply"

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

@ -1,7 +1,7 @@
<StyleguideExample @title="topic-list"> <StyleguideExample @title="<TopicList>">
<TopicList @topics={{this.dummy.topics}} @showPosters={{true}} /> <TopicList @topics={{this.dummy.topics}} @showPosters={{true}} />
</StyleguideExample> </StyleguideExample>
<StyleguideExample @title="topic-list - hide posters"> <StyleguideExample @title="<TopicList> - hide posters>">
<TopicList @topics={{this.dummy.topics}} @showPosters={{false}} /> <TopicList @topics={{this.dummy.topics}} @showPosters={{false}} />
</StyleguideExample> </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"> <StyleguideExample @title="<BasicTopicList>" class="half-size">
<BasicTopicList @topics={{this.dummy.topics}} /> <BasicTopicList @topics={{this.dummy.topics}} />
</StyleguideExample> </StyleguideExample>

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

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

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

@ -1,4 +1,4 @@
<StyleguideExample @title="d-modal"> <StyleguideExample @title="<DModal>">
<DModal <DModal
@closeModal={{action "dummy"}} @closeModal={{action "dummy"}}
@modalStyle="inline-modal" @modalStyle="inline-modal"

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

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