[jboss-jira] [JBoss JIRA] (DROOLS-4603) Scenario test: CSS support for "add an expression-based value" design implementation.

[Sarah Rambacher (Jira)]

    [ https://issues.jboss.org/browse/DROOLS-4603?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13803672#comment-13803672 ] 

Sarah Rambacher commented on DROOLS-4603:
-----------------------------------------

[~yamer] Here is a snippet for the modal content with the radio buttons, labels, etc added, based on the HTML you gave me.

Basically, there's a new row with the radio buttons and content.
Then in the second row, there is a new label and the .col-xs-12 is moved to a new .form-group div.
You'll need to adjust the ids and radio button values to your naming convention.

{code:java}
<div class="container-fluid">
    <div class="row">
		<div class="form-group col-xs-12">
            <label><strong>Define the list values for this data object</strong></label>
            <div class="radio">
                <label>
                    <input type="radio" name="optionsRadios" id="kie-radio-option-1" value="option1" checked="">
                    <strong>Create list</strong> - create a list using a guided form
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="optionsRadios" id="kie-radio-option-2" value="option2">
                    <strong>Define List</strong> - define a list using an expression
                </label>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="form-group col-xs-12">
        <label><strong>Create List</strong></label>
            <!-- Data objects -->
            <div class="tab-content">
                <!-- first right side panel -->
                <div class="tab-pane active" id="kie-ObjectListItem1" aria-labelledby="#kie-ObjectListTab1">
                    <ul class="list-group kie-object-lis" data-field="elementsContainer">
                        <li class="list-group-item key-highlight" style="list-style-type: none;">
                            <span class="fa fa-angle-down kie-object-list__expander" data-field="faAngleRight"></span>
                            <span class="kie-object-list__field-value" data-field="propertyTitle" data-i18n-key="visitedcities">currentlyPrinted</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{code}

Note that there are actually still some problems such as aria-labelledby="#kie-ObjectListTab1" because this has been pulled out of the sidebar where there was a tab, but here there is not. But I'm not going to try and fix that here.

> Scenario test: CSS support for "add an expression-based value" design implementation. 
> --------------------------------------------------------------------------------------
>
>                 Key: DROOLS-4603
>                 URL: https://issues.jboss.org/browse/DROOLS-4603
>             Project: Drools
>          Issue Type: Story
>          Components: Scenario Simulation and Testing
>            Reporter: Elizabeth Clayton
>            Assignee: Sarah Rambacher
>            Priority: Major
>              Labels: UX, UXTeam
>         Attachments: Screen Shot 2019-10-01 at 8.27.30 AM.png, long_value.gif
>
>
> Test scenario implementation needs updates to support this new design/feature. Changes are outlined at: https://docs.google.com/presentation/d/1bHs9ZAbHAnV-cK9LQE6uJ38ZEIHR_QrfV9jy-M3RkS4/edit?usp=sharing and in the referenced click-thru. 
> User story: As a technical/advanced user (Cameron), I want to be able to input expression-based values  in scenario given/expect row cells, so that I can define inputs for complex objects and logic.
> Note: Syntax highlighting etc. and checkbox inputs are out of scope. Refer to: https://issues.jboss.org/browse/DROOLS-3514
> *Verification conditions*
> Team would like CSS for the following:
> - updated CSS for the right panel that reflects the changes in the document. ^^
> - updated List dialog CSS to reflect design additions. 



--
This message was sent by Atlassian Jira
(v7.13.8#713008)