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
@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|}}
<DButton
@ -144,7 +144,7 @@
{{/each}}
</StyleguideExample>
<StyleguideExample @title="dbutton btn-flat btn-text - states">
<StyleguideExample @title="<DButton> btn-flat btn-text - states">
{{#each this.dummy.buttonStates as |bs|}}
<DButton
@class={{concat "btn-flat " bs.class}}
@ -154,7 +154,7 @@
{{/each}}
</StyleguideExample>
<StyleguideExample @title="DToggleSwitch">
<StyleguideExample @title="<DToggleSwitch>">
<DToggleSwitch
@state={{this.dummy.toggleSwitchState}}
{{on

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

@ -43,7 +43,7 @@
</StyleguideExample>
<StyleguideExample
@title="inline-form with combo-box"
@title="inline-form with <ComboBox>"
@initialValue={{this.dummy.options.0.name}}
as |value|
>
@ -63,7 +63,7 @@
</div>
</StyleguideExample>
<StyleguideExample @title="inline-form with multi-select">
<StyleguideExample @title="inline-form with <MultiSelect>">
<div class="inline-form">
<TextField />
<MultiSelect @content={{this.dummy.options}} @onChange={{action "dummy"}} />
@ -76,7 +76,7 @@
</div>
</StyleguideExample>
<StyleguideExample @title="inline-form with multi-select and label">
<StyleguideExample @title="inline-form with <MultiSelect> and label">
<div class="inline-form">
<label>Text:</label>
<TextField />
@ -96,7 +96,7 @@
</div>
</StyleguideExample>
<StyleguideExample @title="category-notifications-button and regular button">
<StyleguideExample @title="<CategoryNotificationsButton> and regular button">
<div class="inline-form">
<CategoryNotificationsButton
@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 />
</StyleguideExample>
<StyleguideExample @title="date-input">
<StyleguideExample @title="<DateInput>">
<DateInput />
</StyleguideExample>
<StyleguideExample @title="date-time-input">
<StyleguideExample @title="<DateTimeInput>">
<DateTimeInput @clearable={{true}} />
</StyleguideExample>
<StyleguideExample @title="date-time-input-range">
<StyleguideExample @title="<DateTimeInputRange>">
<DateTimeInputRange />
</StyleguideExample>
<StyleguideExample @title="date-time-input-range">
<StyleguideExample @title="<DateTimeInputRange>">
<DateTimeInputRange @showFromTime={{false}} @showToTime={{false}} />
</StyleguideExample>
<StyleguideExample @title="future-date-input">
<StyleguideExample @title="<FutureDateInput>">
<FutureDateInput @displayLabelIcon="far-clock" @clearable={{true}} />
</StyleguideExample>
<StyleguideExample @title="date-picker">
<StyleguideExample @title="<DatePicker>">
<DatePicker @defaultDate="YYYY-MM-DD" />
</StyleguideExample>

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

@ -1,5 +1,5 @@
<StyleguideExample
@title="combo-box"
@title="<ComboBox>"
@initialValue={{this.dummy.options.0.name}}
as |value|
>
@ -11,7 +11,7 @@
</StyleguideExample>
<StyleguideExample
@title="filterable combo-box"
@title="filterable <ComboBox>"
@initialValue={{this.dummy.categories.0.name}}
as |value|
>
@ -24,7 +24,7 @@
</StyleguideExample>
<StyleguideExample
@title="combo-box with a default state"
@title="<ComboBox> with a default state"
@initialValue={{this.dummy.options.0.name}}
as |value|
>
@ -37,7 +37,7 @@
</StyleguideExample>
<StyleguideExample
@title="combo-box clearable"
@title="<ComboBox> clearable"
@initialValue={{this.dummy.options.0.name}}
as |value|
>
@ -51,7 +51,7 @@
</StyleguideExample>
<StyleguideExample
@title="topic-notifications-options"
@title="<TopicNotificationOptions>"
@initialValue={{1}}
as |value|
>
@ -62,31 +62,31 @@
/>
</StyleguideExample>
<StyleguideExample @title="topic-footer-mobile-dropdown">
<StyleguideExample @title="<TopicFooterMobileDropdown>">
<TopicFooterMobileDropdown @topic={{this.dummy.topic}} />
</StyleguideExample>
<StyleguideExample
@title="category-chooser"
@title="<CategoryChooser>"
@initialValue={{this.categories.0.name}}
as |value|
>
<CategoryChooser @value={{value}} @onChange={{fn (mut value)}} />
</StyleguideExample>
<StyleguideExample @title="pinned-button">
<StyleguideExample @title="<PinnedButton>">
<PinnedButton @topic={{this.dummy.pinnedTopic}} />
</StyleguideExample>
<StyleguideExample @title="pinned-options">
<StyleguideExample @title="<PinnedOptions>">
<PinnedOptions @topic={{this.dummy.pinnedTopic}} />
</StyleguideExample>
<StyleguideExample @title="categories-admin-dropdown">
<StyleguideExample @title="<CategoriesAdminDropdown>">
<CategoriesAdminDropdown @onChange={{action "dummy"}} />
</StyleguideExample>
<StyleguideExample @title="category-notifications-button">
<StyleguideExample @title="<CategoryNotificationsButton>">
<CategoryNotificationsButton
@category={{get this.dummy.categories 0}}
@value={{1}}
@ -94,7 +94,7 @@
/>
</StyleguideExample>
<StyleguideExample @title="notifications-button">
<StyleguideExample @title="<NotificationsButton>">
<NotificationsButton
@options={{hash i18nPrefix="groups.notifications"}}
@value={{2}}
@ -102,7 +102,7 @@
/>
</StyleguideExample>
<StyleguideExample @title="dropdown-select-box">
<StyleguideExample @title="<DropdownSelectBox>">
<DropdownSelectBox
@content={{this.dummy.options}}
@onChange={{action "dummy"}}
@ -110,7 +110,7 @@
/>
</StyleguideExample>
<StyleguideExample @title="future-date-input-selector">
<StyleguideExample @title="<FutureDateInputSelector>">
<FutureDateInputSelector
@input={{this.dummy.topicTimerUpdateDate}}
@includeWeekend={{true}}
@ -119,11 +119,11 @@
/>
</StyleguideExample>
<StyleguideExample @title="multi-select">
<StyleguideExample @title="<MultiSelect>">
<MultiSelect @content={{this.dummy.options}} @onChange={{action "dummy"}} />
</StyleguideExample>
<StyleguideExample @title="admin group-chooser">
<StyleguideExample @title="admin <GroupChooser>">
<GroupChooser
@selected={{this.dummy.selectedGroups}}
@content={{this.dummy.groups}}
@ -131,14 +131,14 @@
/>
</StyleguideExample>
<StyleguideExample @title="list-setting">
<StyleguideExample @title="<ListSetting>">
<ListSetting
@settingValue={{this.dummy.settings}}
@onChange={{action "dummy"}}
/>
</StyleguideExample>
<StyleguideExample @title="list-setting with colors">
<StyleguideExample @title="<ListSetting>">
<ListSetting
@settingValue={{this.dummy.colors}}
@nameProperty="color"
@ -146,7 +146,7 @@
/>
</StyleguideExample>
<StyleguideExample @title="user-notifications-dropdown">
<StyleguideExample @title="<UserNotificationsDropdown>">
<UserNotificationsDropdown
@user={{this.currentUser}}
@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}}>
<textarea
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
@title={{this.dummy.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
@education={{this.dummy.sentence}}
@message={{this.dummy.short_sentence}}
/>
</StyleguideExample>
<StyleguideExample @title="footer-message - latest">
<StyleguideExample @title="<FooterMessage> - latest">
<FooterMessage
@education={{this.dummy.sentence}}
@message={{this.dummy.short_sentence}}
@ -15,7 +15,7 @@
/>
</StyleguideExample>
<StyleguideExample @title="footer-message - top">
<StyleguideExample @title="<FooterMessage> - top">
<FooterMessage
@education={{this.dummy.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" />
</StyleguideExample>
@ -13,7 +13,7 @@
</MobileNav>
</StyleguideExample>
<StyleguideExample @title="group page navigation-bar">
<StyleguideExample @title="group page <NavigationBar>">
<MobileNav @class="group-nav" @desktopClass="nav nav-pills">
<li class="group-dropdown">
<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>
{{i18n "styleguide.sections.rich_tooltip.hover_to_see"}}
<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 />
</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">
<tbody>
<TopicListItem @topic={{this.dummy.topic}} @showPosters={{true}} />
@ -6,7 +6,7 @@
</table>
</StyleguideExample>
<StyleguideExample @title="topic list item - hide category">
<StyleguideExample @title="<TopicListItem> - hide category">
<table class="topic-list">
<tbody>
<TopicListItem
@ -18,7 +18,7 @@
</table>
</StyleguideExample>
<StyleguideExample @title="topic list item - show likes">
<StyleguideExample @title="<TopicListItem> - show likes">
<table class="topic-list">
<tbody>
<TopicListItem
@ -30,6 +30,6 @@
</table>
</StyleguideExample>
<StyleguideExample @title="topic list item - latest" class="half-size">
<StyleguideExample @title="<TopicListItem> - latest" class="half-size">
<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">
<StyleguideExample @title="<TopicNotificationsButton>">
<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">
<StyleguideExample @title="<TopicTimerInfo>">
<TopicTimerInfo @statusType="reminder" @executeAt={{this.dummy.soon}} />
</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}} />
</StyleguideExample>
<StyleguideExample @title="topic-footer-buttons - anonymous">
<StyleguideExample @title="<TopicFooterButtons> - anonymous">
<div id="topic-footer-buttons">
<DButton
@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}} />
</StyleguideExample>
<StyleguideExample @title="topic-list - hide posters">
<StyleguideExample @title="<TopicList> - hide posters>">
<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">
<StyleguideExample @title="<BasicTopicList>" class="half-size">
<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">
<StyleguideExample @title="<CategoriesOnly>">
<CategoriesOnly @categories={{this.dummy.categories}} />
</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
@closeModal={{action "dummy"}}
@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}} />
</StyleguideExample>