Merge branch 'main' into refactor-render-targets

This commit is contained in:
Susmitha Girumala authored and GitHub committed 2022-01-07 12:59:28 -05:00
commit e0bc36a376
7 files changed
+36 -8

No files matched your search

@@ -4,4 +4,9 @@
...attributes ...attributes
> >
{{yield}} {{yield}}
{{#if @link}}
{{#if @linkText}}
<a href={{@link}} target='_blank' rel='noreferrer noopener'>{{@linkText}}</a>
{{/if}}
{{/if}}
</span> </span>
@@ -11,7 +11,7 @@ Displays helpful messages related to a form field. This component is used
by form fields and should not be used directly. by form fields and should not be used directly.
```html ```html
<Rose::Form::HelperText @id="helper-text-{{field.id}}"> <Rose::Form::HelperText @id="helper-text-{{field.id}}" @link='link' @linkText='link text goes here'>
Helper text Helper text
</Rose::Form::HelperText> </Rose::Form::HelperText>
``` ```
@@ -19,12 +19,14 @@ by form fields and should not be used directly.
<Preview> <Preview>
<Story name="HelperText">{{ <Story name="HelperText">{{
template: hbs` template: hbs`
<Rose::Form::HelperText @error={{this.error}}> <Rose::Form::HelperText @error={{this.error}} @link={{this.link}} @linkText={{this.linkText}}>
Helper text Helper text
</Rose::Form::HelperText> </Rose::Form::HelperText>
`, `,
context: { context: {
error: boolean('error', false) error: boolean('error', false),
link: text('link', 'http://www.example.net/'),
linkText: text('linkText', 'sample link text')
}, },
}}</Story> }}</Story>
</Preview> </Preview>
@@ -29,7 +29,7 @@
</Rose::Form::Label> </Rose::Form::Label>
{{#if @helperText}} {{#if @helperText}}
<Rose::Form::HelperText @id="helper-text-{{this.id}}" @error={{@error}}> <Rose::Form::HelperText @id="helper-text-{{this.id}}" @error={{@error}} @link={{@link}} @linkText={{@linkText}}>
{{@helperText}} {{@helperText}}
</Rose::Form::HelperText> </Rose::Form::HelperText>
{{/if}} {{/if}}
@@ -16,6 +16,8 @@ Renders a simple form input.
@value="info@example.com" @value="info@example.com"
@label="Email" @label="Email"
@helperText="Enter your email" @helperText="Enter your email"
@link='www.example.net'
@linkText='sample link text'
@error={{false}} @error={{false}}
@disabled={{false}} @disabled={{false}}
@icon='flight-icons/svg/search-16' @icon='flight-icons/svg/search-16'
@@ -33,6 +35,8 @@ Or a fully contextual component without a wrapper, for maximum flexibility.
@value="info@example.com" @value="info@example.com"
@label="Email" @label="Email"
@helperText="Enter your email" @helperText="Enter your email"
@link='www.example.net'
@linkText='sample link text'
@error={{false}} @error={{false}}
@disabled={{false}} @disabled={{false}}
readonly={{false}} readonly={{false}}
@@ -50,6 +54,8 @@ Or a fully contextual component without a wrapper, for maximum flexibility.
@value={{value}} @value={{value}}
@label={{label}} @label={{label}}
@helperText={{helperText}} @helperText={{helperText}}
@link={{link}}
@linkText={{linkText}}
@error={{false}} @error={{false}}
@disabled={{disabled}} @disabled={{disabled}}
readonly={{read-only}} readonly={{read-only}}
@@ -70,6 +76,8 @@ Or a fully contextual component without a wrapper, for maximum flexibility.
value: text('value', 'Value'), value: text('value', 'Value'),
label: text('label', 'Label'), label: text('label', 'Label'),
helperText: text('helperText', 'Helper text'), helperText: text('helperText', 'Helper text'),
link: text('link', 'link goes here'),
linkText: text('linkText', 'link text'),
disabled: boolean('disabled', false), disabled: boolean('disabled', false),
'read-only': boolean('readonly', false), 'read-only': boolean('readonly', false),
icon: select( icon: select(
@@ -93,6 +101,8 @@ Or a fully contextual component without a wrapper, for maximum flexibility.
@value={{value}} @value={{value}}
@label={{label}} @label={{label}}
@helperText={{helperText}} @helperText={{helperText}}
@link={{link}}
@linkText={{linkText}}
@error={{true}} @error={{true}}
@disabled={{disabled}} @disabled={{disabled}}
readonly={{read-only}} readonly={{read-only}}
@@ -117,6 +127,8 @@ Or a fully contextual component without a wrapper, for maximum flexibility.
value: text('value', 'Value'), value: text('value', 'Value'),
label: text('label', 'Label'), label: text('label', 'Label'),
helperText: text('helperText', 'Helper text'), helperText: text('helperText', 'Helper text'),
link: text('link', 'link goes here'),
linkText: text('linkText', 'link text'),
disabled: boolean('disabled', false), disabled: boolean('disabled', false),
'read-only': boolean('readonly', false), 'read-only': boolean('readonly', false),
} }
@@ -28,7 +28,7 @@
</Rose::Form::Label> </Rose::Form::Label>
{{#if @helperText}} {{#if @helperText}}
<Rose::Form::HelperText @id="helper-text-{{this.id}}" @error={{@error}}> <Rose::Form::HelperText @id="helper-text-{{this.id}}" @error={{@error}} @link={{@link}} @linkText={{@linkText}}>
{{@helperText}} {{@helperText}}
</Rose::Form::HelperText> </Rose::Form::HelperText>
{{/if}} {{/if}}
@@ -18,6 +18,8 @@ Renders a simple form textarea.
@error={{false}} @error={{false}}
@disabled={{false}} @disabled={{false}}
readonly={{false}} readonly={{false}}
@link='www.example.net'
@linkText='link text goes here'
/> />
``` ```
@@ -32,12 +34,16 @@ Renders a simple form textarea.
@error={{false}} @error={{false}}
@disabled={{disabled}} @disabled={{disabled}}
readonly={{read-only}} readonly={{read-only}}
@link='www.example.net'
@linkText='link text goes here'
/> />
`, `,
context: { context: {
value: text('value', 'Value'), value: text('value', 'Value'),
label: text('label', 'Label'), label: text('label', 'Label'),
helperText: text('helperText', 'Helper text'), helperText: text('helperText', 'Helper text'),
link: text('link', 'link'),
linkText: text('linkText', 'link text goes here'),
disabled: boolean('disabled', false), disabled: boolean('disabled', false),
'read-only': boolean('readonly', false), 'read-only': boolean('readonly', false),
} }
@@ -16,7 +16,8 @@
{{#if (feature-flag 'filter')}} {{#if (feature-flag 'filter')}}
{{#if {{#if
(or (or
@model (has-resource-filter-selections 'scopes.scope.sessions' 'type') @model
(has-resource-filter-selections 'scopes.scope.sessions' 'status')
) )
}} }}
<Rose::Toolbar> <Rose::Toolbar>
@@ -51,7 +52,7 @@
{{/with}} {{/with}}
{{#if {{#if
(has-resource-filter-selections 'scopes.scope.sessions' 'type') (has-resource-filter-selections 'scopes.scope.sessions' 'status')
}} }}
<Rose::Button <Rose::Button
@style='inline-link-action' @style='inline-link-action'
@@ -136,7 +137,9 @@
</table.body> </table.body>
</Rose::Table> </Rose::Table>
{{else if (has-resource-filter-selections 'scopes.scope.sessions' 'type')}} {{else if (has-resource-filter-selections
'scopes.scope.sessions' 'status'
)}}
<Rose::Layout::Centered> <Rose::Layout::Centered>
<Rose::Message @title={{t 'titles.no-results'}} as |message|> <Rose::Message @title={{t 'titles.no-results'}} as |message|>
<message.description> <message.description>