[jira] [Commented] (AIRAVATA-3453) POC: web components for geochemsim supcrtbl2 app

["Marcus Christie (Jira)" <ji...@apache.org>]

    [ https://issues.apache.org/jira/browse/AIRAVATA-3453?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17338393#comment-17338393 ] 

Marcus Christie commented on AIRAVATA-3453:
-------------------------------------------

I verified that the jquery-textcomplete plugin doesn't work on a slotted element.  Any event listeners it adds would be removed when the slot content is cloned.

I'm going to try some of the workarounds mentioned in https://github.com/vuejs/vue-web-component-wrapper/issues/38 and https://github.com/vuejs/vue-web-component-wrapper/issues/49

> POC: web components for geochemsim supcrtbl2 app
> ------------------------------------------------
>
>                 Key: AIRAVATA-3453
>                 URL: https://issues.apache.org/jira/browse/AIRAVATA-3453
>             Project: Airavata
>          Issue Type: Task
>          Components: Django Portal
>            Reporter: Marcus Christie
>            Assignee: Marcus Christie
>            Priority: Major
>
> To start with, develop a proof of concept set of web components to be used in porting the supcrtbl2 application user interface. The existing UI is php based. It uses a jquery plugin called [textcomplete|https://github.com/seanbollin/jquery-textcomplete], with suggestion values provided by a database query. The form hides and shows options based on selected values.
> TODO
> - [x] a experiment-editor web component that can construct the ExperimentModel
> - [x] handle experiment submission including allowing it to be cancelled if the form is invalid
> - [ ] implement a mechanism for initializing the experiment inputs based on an experiment experiment instance
> -- [x] initialize radio buttons, these need special logic
> - [x] add input event listener to slots (this way slotted components don't have to have special names)
> - [ ] add hide/show logic
> - [ ] add textarea autocomplete plugin
> - [ ] apply styling
> Questions
> - add a prefix for input editor slot names? Currently I have them as the name of the input, but just to prevent collisions with other slots, maybe it should be "input:" + name of the slot or some other prefix



--
This message was sent by Atlassian Jira
(v8.3.4#803005)