zeppelin/zeppelin-web
Malay Majithia 17fb97bf3c ZEPPELIN-2562 Make Add paragraph button more prominent
### What is this PR for?
- Earlier add paragraph button was tiny plus between two paragraphs.
- With this change, we have added `Add Paragraph` text along with `+` and increased the height without any flicker so that user will get to know about adding a paragraph easily

### What type of PR is it?
[Improvement]

### What is the Jira issue?
* https://issues.apache.org/jira/browse/ZEPPELIN-2562

### How should this be tested?
1. Build: mvn clean package -Denforcer.skip -DskipTests -Drat.skip
2. Mouse hover over the empty space between the paragraph to create a paragraph

### Screenshots (if appropriate)

Before:
![add-para-before](https://user-images.githubusercontent.com/1881135/30083847-ab93ef16-92ad-11e7-837d-833a287161ed.gif)

After:
![add-paragraph-after](https://user-images.githubusercontent.com/1881135/30083850-ae1cb600-92ad-11e7-9ad1-bf89b8979a49.gif)

### Questions:
* Does the licenses files need update? - No
* Is there breaking changes for older versions? - No
* Does this needs documentation? - No

Author: Malay Majithia <malay.majithia@gmail.com>

Closes #2569 from malayhm/ZEPPELIN-2562 and squashes the following commits:

1b6f55b [Malay Majithia] Fixed typo
3f15079 [Malay Majithia] Merge branch 'master' into ZEPPELIN-2562
7704b1b [Malay Majithia] ZEPPELIN-2562 Make Add paragraph button more prominent
2017-09-28 22:24:31 -07:00
..
e2e [Zeppelin-2718] Find and replace code in note 2017-08-08 11:20:02 +09:00
src ZEPPELIN-2562 Make Add paragraph button more prominent 2017-09-28 22:24:31 -07:00
.babelrc [ZEPPELIN-2439] Use babel-preset-env to specify browser compatibility explicitly 2017-04-22 19:20:08 -07:00
.bowerrc Rename zeppelin-web2 -> zeppelin-web 2014-09-06 11:36:28 +09:00
.editorconfig Rename zeppelin-web2 -> zeppelin-web 2014-09-06 11:36:28 +09:00
.eslintrc [ZEPPELIN-2222] Add Network Visualization 2017-06-09 15:37:43 +09:00
bower.json [ZEPPELIN-2688]. Upgrade ace to 1.2.7 2017-06-29 14:17:03 +08:00
Gruntfile.js [ZEPPELIN-2427] Hide navbar and noteAction bar when scrolling down 2017-04-28 02:53:53 -07:00
karma.conf.js [ZEPPELIN-2342] Improving Test Environment for zeppelin-web (e2e, coverage) 2017-07-14 10:51:48 +09:00
package.json [ZEPPELIN-2756] Support ansi escape code for colorizing output in browser 2017-09-02 12:21:00 +09:00
pom.xml [ZEPPELIN-2766] Make online resources url configurable at compile time 2017-08-08 11:21:15 +09:00
protractor.conf.js [ZEPPELIN-2342] Improving Test Environment for zeppelin-web (e2e, coverage) 2017-07-14 10:51:48 +09:00
README.md [ZEPPELIN-2342] Improving Test Environment for zeppelin-web (e2e, coverage) 2017-07-14 10:51:48 +09:00
webpack.config.js [ZEPPELIN-2342] Improving Test Environment for zeppelin-web (e2e, coverage) 2017-07-14 10:51:48 +09:00

Zeppelin Web Application

This is Zeppelin's frontend project.

Development Guide

Local Development

It is recommended to install node 6.0.0+ since Zeppelin uses 6.9.1+ (see creationix/nvm)

All build commands are described in package.json

# install required depepdencies and bower packages (only once)
$ npm install -g yarn
$ yarn install

# build zeppelin-web for production
$ yarn run build

# run frontend application only in dev mode (localhost:9000) 
# you need to run zeppelin backend instance also
$ yarn run dev

Supports the following options with using npm environment variable when running the web development mode.

# if you are using a custom port instead of default(8080), 
# you must use the 'SERVER_PORT' variable to run the web application development mode
$ SERVER_PORT=YOUR_ZEPPELIN_PORT yarn run dev

# if you want to use a web dev port instead of default(9000), 
# you can use the 'WEB_PORT' variable
$ WEB_PORT=YOUR_WEB_DEV_PORT yarn run dev

Testing

# running unit tests
$ yarn run test

# running e2e tests: make sure that zeppelin instance started (localhost:8080)
$ yarn run e2e

Packaging

If you want to package the zeppelin-web only, simply run this command in this folder.
This will download all the dependencies including node (the binaries in the folder zeppelin-web/node)

$ mvn package 

Troubleshooting

Git error

In case of the error ECMDERR Failed to execute "git ls-remote --tags --heads git://xxxxx", exit code of #128

change your git config with git config --global url."https://".insteadOf git://

Proxy issues

Try to add to the .bowerrc file the following content:

  "proxy" : "http://<host>:<port>",
  "https-proxy" : "http://<host>:<port>"

also try to add proxy info to yarn install command:

<execution>
	<id>yarn install</id>
	<goals>
    	<goal>yarn</goal>
    </goals>
    <configuration>
    	<arguments>--proxy=http://<host>:<port> --https-proxy=http://<host>:<port></arguments>
    </configuration>
</execution>

and retry to build again.

Contribute on Zeppelin Web

If you wish to help us and contribute to Zeppelin WebApplication, please look at the overall project contribution guidelines and the more focused Zeppelin WebApplication's documentation.