[jira] [Commented] (OOZIE-3283) Prototyping: create React workflow list page
[ https://issues.apache.org/jira/browse/OOZIE-3283?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=16810817#comment-16810817 ] Thai Bui commented on OOZIE-3283: - Hey [~andras.piros]! Yes. The wireframe definitely helps. I'm not sure about the addition of the search results separated from the other boxes in the wireframe though. The rest I think is a good start for us. > Prototyping: create React workflow list page > > > Key: OOZIE-3283 > URL: https://issues.apache.org/jira/browse/OOZIE-3283 > Project: Oozie > Issue Type: Sub-task >Reporter: Andras Piros >Assignee: Thai Bui >Priority: Major > Attachments: Screen Shot 2018-06-14 at 9.24.46 AM.png, Screen Shot > 2018-06-14 at 9.25.42 AM.png > > > Create a [*React*|https://redux.js.org/basics/usage-with-react] / > [*Redux*|https://redux.js.org/basics/usage-with-react] prototype of the > workflow list page. Don't have to handle authentication / authorization for > now. -- This message was sent by Atlassian JIRA (v7.6.3#76005)
[jira] [Commented] (OOZIE-3283) Prototyping: create React workflow list page
[ https://issues.apache.org/jira/browse/OOZIE-3283?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=16807558#comment-16807558 ] Andras Piros commented on OOZIE-3283: - Hola [~thai.bui] nice to have you back again :) Please go ahead w/ the initial UI version based on React. Do you think the UI wireframe OOZIE-3280 could help? I'll upload a patch for the Vue.js workflow list / detail pages for OOZIE-3281 in a couple of weeks; you shouldn't be blocked by that one. > Prototyping: create React workflow list page > > > Key: OOZIE-3283 > URL: https://issues.apache.org/jira/browse/OOZIE-3283 > Project: Oozie > Issue Type: Sub-task >Reporter: Andras Piros >Assignee: Thai Bui >Priority: Major > Attachments: Screen Shot 2018-06-14 at 9.24.46 AM.png, Screen Shot > 2018-06-14 at 9.25.42 AM.png > > > Create a [*React*|https://redux.js.org/basics/usage-with-react] / > [*Redux*|https://redux.js.org/basics/usage-with-react] prototype of the > workflow list page. Don't have to handle authentication / authorization for > now. -- This message was sent by Atlassian JIRA (v7.6.3#76005)
[jira] [Commented] (OOZIE-3283) Prototyping: create React workflow list page
[ https://issues.apache.org/jira/browse/OOZIE-3283?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=16774878#comment-16774878 ] Julia Kinga Marton commented on OOZIE-3283: --- [~thai.bui], the new UI, is really great! As I can see, there were three prototyping tasks: # OOZIE-3281: Prototyping: create Vue.js workflow list page # OOZIE-3282: Prototyping: create Angular 6 workflow list page # OOZIE-3283:Prototyping: create React workflow list page Unfortunately there is no activity on the other issues. I will ping the guys to see if they made some progress or if they have any time to work on it. Since there are no prototypes with the other frameworks, I don't think that there was made any decision yet. > Prototyping: create React workflow list page > > > Key: OOZIE-3283 > URL: https://issues.apache.org/jira/browse/OOZIE-3283 > Project: Oozie > Issue Type: Sub-task >Reporter: Andras Piros >Assignee: Thai Bui >Priority: Major > Attachments: Screen Shot 2018-06-14 at 9.24.46 AM.png, Screen Shot > 2018-06-14 at 9.25.42 AM.png > > > Create a [*React*|https://redux.js.org/basics/usage-with-react] / > [*Redux*|https://redux.js.org/basics/usage-with-react] prototype of the > workflow list page. Don't have to handle authentication / authorization for > now. -- This message was sent by Atlassian JIRA (v7.6.3#76005)
[jira] [Commented] (OOZIE-3283) Prototyping: create React workflow list page
[ https://issues.apache.org/jira/browse/OOZIE-3283?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=16774757#comment-16774757 ] Thai Bui commented on OOZIE-3283: - Hola folks! I'm getting some free time and could resume the work here. Let's try to get an initial version of the UI out and we can iterate on top of it if possible. I'm not a committer so please advise me here. cc [~rkanter] [~gezapeti] Thanks! > Prototyping: create React workflow list page > > > Key: OOZIE-3283 > URL: https://issues.apache.org/jira/browse/OOZIE-3283 > Project: Oozie > Issue Type: Sub-task >Reporter: Andras Piros >Assignee: Thai Bui >Priority: Major > Attachments: Screen Shot 2018-06-14 at 9.24.46 AM.png, Screen Shot > 2018-06-14 at 9.25.42 AM.png > > > Create a [*React*|https://redux.js.org/basics/usage-with-react] / > [*Redux*|https://redux.js.org/basics/usage-with-react] prototype of the > workflow list page. Don't have to handle authentication / authorization for > now. -- This message was sent by Atlassian JIRA (v7.6.3#76005)
[jira] [Commented] (OOZIE-3283) Prototyping: create React workflow list page
[ https://issues.apache.org/jira/browse/OOZIE-3283?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=16546897#comment-16546897 ] Thai Bui commented on OOZIE-3283: - [~andras.piros] Should I create a patch for a formal review or we should wait until you guys have time a chance to take a look at the prototype? Also, have we decided on a framework & what to do next with the UI, yet? > Prototyping: create React workflow list page > > > Key: OOZIE-3283 > URL: https://issues.apache.org/jira/browse/OOZIE-3283 > Project: Oozie > Issue Type: Sub-task >Reporter: Andras Piros >Assignee: Thai Bui >Priority: Major > Attachments: Screen Shot 2018-06-14 at 9.24.46 AM.png, Screen Shot > 2018-06-14 at 9.25.42 AM.png > > > Create a [*React*|https://redux.js.org/basics/usage-with-react] / > [*Redux*|https://redux.js.org/basics/usage-with-react] prototype of the > workflow list page. Don't have to handle authentication / authorization for > now. -- This message was sent by Atlassian JIRA (v7.6.3#76005)
[jira] [Commented] (OOZIE-3283) Prototyping: create React workflow list page
[ https://issues.apache.org/jira/browse/OOZIE-3283?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=16545838#comment-16545838 ] Thai Bui commented on OOZIE-3283: - Holla folks, I just got sometime again and back to the ticket today and the workflow listing prototype is complete! What's changed since the last update? * Added Redux store and its dependency * Added Redux-thunk dependency for async state changes from Oozie REST API backend to the store * Added Axios library for AJAX calls using Promise * Handled table pagination, auto-refreshing the data from the Redux store * Added reducers, actions and various mappings to connect/dispatch actions to the store, the backend and the user's interactions At this point, I think I'm pretty happy with everything. The only thing that bothers me is the lack of CORS support in Oozie REST API. It is not easy to start a local oozie process to test the frontend as well (I don't want to setup HDFS, YARN, OOZIE just to test the frontend app). Currently, I'm using NGIX to reverse-proxy to a qa/production cluster at my company to test the UI. It works and is simpler that way. > Prototyping: create React workflow list page > > > Key: OOZIE-3283 > URL: https://issues.apache.org/jira/browse/OOZIE-3283 > Project: Oozie > Issue Type: Sub-task >Reporter: Andras Piros >Assignee: Thai Bui >Priority: Major > Attachments: Screen Shot 2018-06-14 at 9.24.46 AM.png, Screen Shot > 2018-06-14 at 9.25.42 AM.png > > > Create a [*React*|https://redux.js.org/basics/usage-with-react] / > [*Redux*|https://redux.js.org/basics/usage-with-react] prototype of the > workflow list page. Don't have to handle authentication / authorization for > now. -- This message was sent by Atlassian JIRA (v7.6.3#76005)
[jira] [Commented] (OOZIE-3283) Prototyping: create React workflow list page
[ https://issues.apache.org/jira/browse/OOZIE-3283?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=16515312#comment-16515312 ] Thai Bui commented on OOZIE-3283: - [~gezapeti] Luckily, NodeJs has a great project called [https://www.npmjs.com/package/license-compatibility-checker,] all I needed to do was to provide a "license": "Apache-2.0" in the package.json file, install the tool and we can check for any license incompatibility issue from the transitive dependencies list. Some of the dependencies were not clearly defined by their owner and I had to manually go to their package, find the NPM page/Github repo which has the license defined. Fortunately, all of them are compatible with Apache-2.0 license so far, see [https://github.com/thaibui/oozie/blob/OOZIE-3283/ui/oozie-ui/.known-license] I've added a `prestart` script that would fail to start the development environment if any more potential incompatible dependencies are detected unless they are manually whitelisted. This would prevent us from inadvertently adding incompatible dependencies. > Prototyping: create React workflow list page > > > Key: OOZIE-3283 > URL: https://issues.apache.org/jira/browse/OOZIE-3283 > Project: Oozie > Issue Type: Sub-task >Reporter: Andras Piros >Assignee: Thai Bui >Priority: Major > Attachments: Screen Shot 2018-06-14 at 9.24.46 AM.png, Screen Shot > 2018-06-14 at 9.25.42 AM.png > > > Create a [*React*|https://redux.js.org/basics/usage-with-react] / > [*Redux*|https://redux.js.org/basics/usage-with-react] prototype of the > workflow list page. Don't have to handle authentication / authorization for > now. -- This message was sent by Atlassian JIRA (v7.6.3#76005)
[jira] [Commented] (OOZIE-3283) Prototyping: create React workflow list page
[ https://issues.apache.org/jira/browse/OOZIE-3283?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=16513863#comment-16513863 ] Thai Bui commented on OOZIE-3283: - Good point. I can look around to see if there’s a solution to that. > Prototyping: create React workflow list page > > > Key: OOZIE-3283 > URL: https://issues.apache.org/jira/browse/OOZIE-3283 > Project: Oozie > Issue Type: Sub-task >Reporter: Andras Piros >Assignee: Thai Bui >Priority: Major > Attachments: Screen Shot 2018-06-14 at 9.24.46 AM.png, Screen Shot > 2018-06-14 at 9.25.42 AM.png > > > Create a [*React*|https://redux.js.org/basics/usage-with-react] / > [*Redux*|https://redux.js.org/basics/usage-with-react] prototype of the > workflow list page. Don't have to handle authentication / authorization for > now. -- This message was sent by Atlassian JIRA (v7.6.3#76005)
[jira] [Commented] (OOZIE-3283) Prototyping: create React workflow list page
[ https://issues.apache.org/jira/browse/OOZIE-3283?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=16513527#comment-16513527 ] Peter Cseh commented on OOZIE-3283: --- This UI looks great [~thai.bui]! We should definitely replace the current UI to something similar to this. The only thing that scares me is the length of the dependencies. It's 12k lines of different packages. How we can make sure that all of them have compatible licenses? > Prototyping: create React workflow list page > > > Key: OOZIE-3283 > URL: https://issues.apache.org/jira/browse/OOZIE-3283 > Project: Oozie > Issue Type: Sub-task >Reporter: Andras Piros >Assignee: Thai Bui >Priority: Major > Attachments: Screen Shot 2018-06-14 at 9.24.46 AM.png, Screen Shot > 2018-06-14 at 9.25.42 AM.png > > > Create a [*React*|https://redux.js.org/basics/usage-with-react] / > [*Redux*|https://redux.js.org/basics/usage-with-react] prototype of the > workflow list page. Don't have to handle authentication / authorization for > now. -- This message was sent by Atlassian JIRA (v7.6.3#76005)
[jira] [Commented] (OOZIE-3283) Prototyping: create React workflow list page
[ https://issues.apache.org/jira/browse/OOZIE-3283?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=16512792#comment-16512792 ] Robert Kanter commented on OOZIE-3283: -- Wow! I don't have time to try it out myself at the moment, but just from the screenshots, that's so much nicer than the extjs UI. > Prototyping: create React workflow list page > > > Key: OOZIE-3283 > URL: https://issues.apache.org/jira/browse/OOZIE-3283 > Project: Oozie > Issue Type: Sub-task >Reporter: Andras Piros >Assignee: Thai Bui >Priority: Major > Attachments: Screen Shot 2018-06-14 at 9.24.46 AM.png, Screen Shot > 2018-06-14 at 9.25.42 AM.png > > > Create a [*React*|https://redux.js.org/basics/usage-with-react] / > [*Redux*|https://redux.js.org/basics/usage-with-react] prototype of the > workflow list page. Don't have to handle authentication / authorization for > now. -- This message was sent by Atlassian JIRA (v7.6.3#76005)
[jira] [Commented] (OOZIE-3283) Prototyping: create React workflow list page
[ https://issues.apache.org/jira/browse/OOZIE-3283?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=16512556#comment-16512556 ] Thai Bui commented on OOZIE-3283: - The current README has instruction to test the new UI locally [https://github.com/thaibui/oozie/tree/OOZIE-3283/ui], all the data is randomized for now for UI testing > Prototyping: create React workflow list page > > > Key: OOZIE-3283 > URL: https://issues.apache.org/jira/browse/OOZIE-3283 > Project: Oozie > Issue Type: Sub-task >Reporter: Andras Piros >Assignee: Thai Bui >Priority: Major > Attachments: Screen Shot 2018-06-14 at 9.24.46 AM.png, Screen Shot > 2018-06-14 at 9.25.42 AM.png > > > Create a [*React*|https://redux.js.org/basics/usage-with-react] / > [*Redux*|https://redux.js.org/basics/usage-with-react] prototype of the > workflow list page. Don't have to handle authentication / authorization for > now. -- This message was sent by Atlassian JIRA (v7.6.3#76005)
[jira] [Commented] (OOZIE-3283) Prototyping: create React workflow list page
[ https://issues.apache.org/jira/browse/OOZIE-3283?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=16512553#comment-16512553 ] Thai Bui commented on OOZIE-3283: - [~andras.piros] I had some free time yesterday and the day before to I started the prototype early, please check it out! The React UI components are ready, the Redux store is not implemented yet and that's what I will be working on next. See attached screenshots: !Screen Shot 2018-06-14 at 9.24.46 AM.png|width=300! !Screen Shot 2018-06-14 at 9.25.42 AM.png|width=300! Notable features are: * Integrations with [Ant Design|https://ant.design/docs/react/introduce] (open-source, MIT licensed, backed by Alibaba Group, one of the most widely used project in the React community) for UI components. This allows me to prototype this slick UI in 2 days from scratch. * Simply layout with collapsible left Sider + Oozie logos * Workflow list view inspired by Cloudera Hue Workflow list view with a couple of improvements ** Multiple select + clear control group for resume/pause/kill/restart operations ** Color-coded individual control group at the row level ** Breadcrumb Working branch is at [https://github.com/thaibui/oozie/tree/OOZIE-3283/ui/oozie-ui] and the current diff at [https://github.com/apache/oozie/pull/38] > Prototyping: create React workflow list page > > > Key: OOZIE-3283 > URL: https://issues.apache.org/jira/browse/OOZIE-3283 > Project: Oozie > Issue Type: Sub-task >Reporter: Andras Piros >Assignee: Thai Bui >Priority: Major > Attachments: Screen Shot 2018-06-14 at 9.24.46 AM.png, Screen Shot > 2018-06-14 at 9.25.42 AM.png > > > Create a [*React*|https://redux.js.org/basics/usage-with-react] / > [*Redux*|https://redux.js.org/basics/usage-with-react] prototype of the > workflow list page. Don't have to handle authentication / authorization for > now. -- This message was sent by Atlassian JIRA (v7.6.3#76005)
[jira] [Commented] (OOZIE-3283) Prototyping: create React workflow list page
[ https://issues.apache.org/jira/browse/OOZIE-3283?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=16512551#comment-16512551 ] ASF GitHub Bot commented on OOZIE-3283: --- GitHub user thaibui opened a pull request: https://github.com/apache/oozie/pull/38 OOZIE-3283 for preview only You can merge this pull request into a Git repository by running: $ git pull https://github.com/thaibui/oozie OOZIE-3283 Alternatively you can review and apply these changes as the patch at: https://github.com/apache/oozie/pull/38.patch To close this pull request, make a commit to your master/trunk branch with (at least) the following in the commit message: This closes #38 commit 63d6ee7543f41de2c3f70569e3e49d5872e47921 Author: Thai Bui Date: 2018-06-13T06:31:58Z wip: prototyping new oozie ui in react + ant design commit c78bdbe61a065ae270185a9d9979824c850f3a50 Author: Thai Bui Date: 2018-06-14T00:09:31Z complete UI for workflow listing and workflow control commit 5559ca2993c86716dc7221df9a60ba96387a2a49 Author: Thai Bui Date: 2018-06-14T00:16:19Z renamed main application from App to OozieUI commit 5ac9157e377583fd1c45b7c0d9d3ad1185c53d6a Author: Thai Bui Date: 2018-06-14T05:30:46Z add Oozie logos commit 5809488f38d851a870762feb92dca2b1c3c1e610 Author: Thai Bui Date: 2018-06-14T05:39:32Z add dashboard to the menu commit ba535970597b4f1f7b575ee5bb19580bc3df1fc5 Author: Thai Bui Date: 2018-06-14T14:16:12Z update README.md > Prototyping: create React workflow list page > > > Key: OOZIE-3283 > URL: https://issues.apache.org/jira/browse/OOZIE-3283 > Project: Oozie > Issue Type: Sub-task >Reporter: Andras Piros >Assignee: Thai Bui >Priority: Major > Attachments: Screen Shot 2018-06-14 at 9.24.46 AM.png, Screen Shot > 2018-06-14 at 9.25.42 AM.png > > > Create a [*React*|https://redux.js.org/basics/usage-with-react] / > [*Redux*|https://redux.js.org/basics/usage-with-react] prototype of the > workflow list page. Don't have to handle authentication / authorization for > now. -- This message was sent by Atlassian JIRA (v7.6.3#76005)
