Merge branch 'main' into refactor-render-targets
This commit is contained in:
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>
|
||||||
|
|||||||
Reference in new issue
Block a user