hsuanxyz opened a new pull request #3490: ZEPPELIN-4321 Rework Zeppelin with 
Latest Angular
URL: https://github.com/apache/zeppelin/pull/3490
 
 
   ### What is this PR for?
   
   The old version of zeppelin was written with AngularJS, there exist many 
issues related to the zeppelin-web and could not resolve due to the low version 
of AngularJS.
   
   So we rework the zeppelin-web with the latest Angular (8.0).
   
   ### What type of PR is it?
   
   Feature
   
   ### Todos
   
   #### Pages
   
   | Name | Route | Module     | UI |
   | ---  | ----- | ---------- | -- |
   | Home | `/`   | HomeModule |  Y |
   | Login | `/login`       | LoginModule |  Y |
   | Job Manager  | `/jobmanager`  | JobManagerModule |  Y |
   | Interpreter Setting   | `/interpreter` | InterpreterModule |  Y |
   | Notebook | `/notebook/{id}` | NotebookModule |  Y |
   | Notebook Repos | `/notebookRepos` |  |   |
   | Credential     | `/credential` |  |   |
   | Helium | `/helium` |  |  WIP  |
   | Configuration | `/configuration` |  |   |
   
   #### Notebook Features
   
   | Feature | Note | Status |
   | ------  | ---- | ---- |
   | Files System  | Create/ Rename/ Import etc.  | Y |
   | Toolbar Actions  | The top toolbar actions   | Y |
   
   #### Paragraph Features
   
   | Feature | Note | Status |
   | ------  | ---- | ---- |
   | Grid layout and resizable | | Y |
   | Code Editor | | Y |
   | Actions  | The Corresponding actions of the drop-down menu in the setting 
button | Y |
   | Actions(hot-keys)  | Support hot-keys for the actions  | WIP |
   | Publishable  | [publish 
paragraphs](http://zeppelin.apache.org/docs/0.8.0/usage/other_features/publishing_paragraphs.html)
  |  |
   | Stream  |  |  |
   
   #### Result Display
   
   | Type | Status |
   | ------  | ---- |
   | Dynamic Form  | Y |
   | Text  | Y |
   | Html  |  Y |
   | Table  |  Y |
   | Network  |  |
   
   #### Table Visualization
   
   | Type | State |
   | ------ | ---- |
   | Line Chart  | Y |
   | Bard Chart  |  Y |
   | Pie Chart  |  Y |
   | Area Chart  |  Y |
   | Scatter Chart  | Y |
   
   #### Helium Visualization
   
   | Type | Note | Status |
   | ------  | ---- | ---- |
   | Prototype | To verify the implementable prototype | Y |
   | Publish Dependencies | Just like 
[zeppelin-vis](https://github.com/apache/zeppelin/tree/master/zeppelin-web/src/app/visualization)
  | WIP |
   | Example Projects |   | Y |
   | Development Documents |   | WIP |
   
   ### What is the Jira issue?
   
   https://issues.apache.org/jira/browse/ZEPPELIN-4321
   https://issues.apache.org/jira/browse/ZEPPELIN-4215
   
   ### How should this be tested?
   
   #### Prerequisites
   
   - [Node.js](https://nodejs.org) version 10.9.0 or later or use 
[creationix/nvm](https://github.com/creationix/nvm).
   - NPM package manager (which is installed with Node.js by default).
   - [Angular CLI](https://angular.io/cli) version 8.3.0 or later.
   
   #### Install
   
   Run the `npm install` command to install dependencies in the project 
directory.
   
   ### Start Zeppelin server
   
   [Run Zeppelin 
server](https://zeppelin.apache.org/contribution/contributions.html#run-zeppelin-server-in-development-mode)
 on `http://localhost:8080`.
   
   If you are using a custom port instead of the default(http://localhost:8080) 
or other network address, you can create `.env` file in the project directory 
and set `SERVER_PROXY`.
   
   *.env*
   
   ```
   SERVER_PROXY=http://localhost:8080
   ```
   
   ### Development server
   
   ```bash
   $ cd zeppelin-frontend
   $ npm start
   ```
   Navigate to `http://localhost:4200/`. The app will automatically reload if 
you change any of the source files.
   
   ### Build
   
   Run `npm build` to build the project. The build artifacts will be stored in 
the `dist/` directory.
   
   
   ### Screenshots (if appropriate)
   
   **Login**
   
   
![login](https://user-images.githubusercontent.com/22736418/67387927-62206580-f5ca-11e9-8268-e7036f32ea1c.png)
   
   **Home**
   
   
![image](https://user-images.githubusercontent.com/22736418/67388288-f4286e00-f5ca-11e9-9265-c9290830a5cd.png)
   
![image](https://user-images.githubusercontent.com/22736418/67388304-f8ed2200-f5ca-11e9-9368-09b00edd1d67.png)
   
   **Interpreter**
   
   
![zp-interpreter](https://user-images.githubusercontent.com/22736418/67388335-086c6b00-f5cb-11e9-9d03-add1054c3aeb.gif)
   
   **Job Manager**
   
   
![zp-jm](https://user-images.githubusercontent.com/22736418/67388392-21751c00-f5cb-11e9-8170-f311fd0dced4.gif)
   
   **Dynamic Form**
   
   
![zp-df](https://user-images.githubusercontent.com/22736418/67388447-3ce02700-f5cb-11e9-90dd-cee932fa685c.gif)
   
   **Frontend API(latest Angular)**
   
   
![zp-ng](https://user-images.githubusercontent.com/22736418/67388538-70bb4c80-f5cb-11e9-921d-6c34a4a99711.gif)
   
   ** Visualization**
   
   
![zp-vis](https://user-images.githubusercontent.com/22736418/67388602-8c265780-f5cb-11e9-9de9-e198878bee09.gif)
   
   
   ### Questions:
   * Does the licenses files need update? No
   * Is there breaking changes for older versions? Maybe
   * Does this needs documentation? YES
   

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
[email protected]


With regards,
Apache Git Services

Reply via email to