Repository: incubator-zeppelin Updated Branches: refs/heads/master 08f70bd1f -> 8350e7802
[ZEPPELIN-845] Fix Image URL issue on documentation ### What is this PR for? Fix Image URL issue on documentation Currently, on the doc pages of 0.6.0-SNAPSHOT, some images are not displayed properly because of the HTML tag `<img src = '/assets/...' />`  The fix is easy, replace `/assets/...` by `../assets/...`` Impacted pages: * QuickStart/UI Layout * QuickStart/Dynamic Form/Checkbox Form * Display System/Angular (frontend API) ### What type of PR is it? [Documentation] ### Todos * [ ] - Task ### What is the Jira issue? **[ZEPPELIN-845]** ### How should this be tested? ### Screenshots (if appropriate) ### Questions: * Does the licenses files need update? --> **No** * Is there breaking changes for older versions? --> **No** * Does this needs documentation? --> **No** [ZEPPELIN-845]: https://issues.apache.org/jira/browse/ZEPPELIN-845 Author: DuyHai DOAN <[email protected]> Closes #882 from doanduyhai/ZEPPELIN-845 and squashes the following commits: cc732aa [DuyHai DOAN] temp Project: http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/commit/8350e780 Tree: http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/tree/8350e780 Diff: http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/diff/8350e780 Branch: refs/heads/master Commit: 8350e7802bf7320c800340837eb0af7c46eefdb2 Parents: 08f70bd Author: DuyHai DOAN <[email protected]> Authored: Mon May 9 14:43:25 2016 +0200 Committer: Lee moon soo <[email protected]> Committed: Mon May 16 07:18:34 2016 -0700 ---------------------------------------------------------------------- docs/displaysystem/front-end-angular.md | 8 ++++---- docs/manual/dynamicform.md | 20 ++++++++++---------- docs/ui_layout/zeppelin_layout.md | 18 +++++++++--------- 3 files changed, 23 insertions(+), 23 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/blob/8350e780/docs/displaysystem/front-end-angular.md ---------------------------------------------------------------------- diff --git a/docs/displaysystem/front-end-angular.md b/docs/displaysystem/front-end-angular.md index b79d187..c78b1b4 100644 --- a/docs/displaysystem/front-end-angular.md +++ b/docs/displaysystem/front-end-angular.md @@ -47,7 +47,7 @@ Bind a value to an angular object and a **mandatory** target paragraph: ``` -<img src="/assets/themes/zeppelin/img/screenshots/z_angularBind.gif" /> +<img src="../assets/themes/zeppelin/img/screenshots/z_angularBind.gif" /> <hr/> @@ -63,7 +63,7 @@ Unbind/remove a value from angular object and a **mandatory** target paragraph: ``` -<img src="/assets/themes/zeppelin/img/screenshots/z_angularUnbind.gif" /> +<img src="../assets/themes/zeppelin/img/screenshots/z_angularUnbind.gif" /> The signature for the **`z.angularBind() / z.angularUnbind()`** functions are: @@ -97,7 +97,7 @@ You can also trigger paragraph execution by calling **`z.runParagraph()`** funct ``` -<img src="/assets/themes/zeppelin/img/screenshots/z_runParagraph.gif" /> +<img src="../assets/themes/zeppelin/img/screenshots/z_runParagraph.gif" /> <br /> ### Overriding dynamic form with Angular Object @@ -109,7 +109,7 @@ The idea is to create a custom form using plain HTML/AngularJS code and bind act Consequently if you use the **Dynamic Form** syntax in a paragraph and there is a bound Angular object having the same name as the _${formName}_, the Angular object will have higher priority and the **Dynamic Form** will not be displayed. Example: -<img src="/assets/themes/zeppelin/img/screenshots/z_angularJs_overriding_dynamic_form.gif" /> +<img src="../assets/themes/zeppelin/img/screenshots/z_angularJs_overriding_dynamic_form.gif" /> <br /> http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/blob/8350e780/docs/manual/dynamicform.md ---------------------------------------------------------------------- diff --git a/docs/manual/dynamicform.md b/docs/manual/dynamicform.md index 0622287..d879b8b 100644 --- a/docs/manual/dynamicform.md +++ b/docs/manual/dynamicform.md @@ -34,12 +34,12 @@ To create text input form, use _${formName}_ templates. for example -<img src="/assets/themes/zeppelin/img/screenshots/form_input.png" /> +<img src="../assets/themes/zeppelin/img/screenshots/form_input.png" /> Also you can provide default value, using _${formName=defaultValue}_. -<img src="/assets/themes/zeppelin/img/screenshots/form_input_default.png" /> +<img src="../assets/themes/zeppelin/img/screenshots/form_input_default.png" /> #### Select form @@ -48,21 +48,21 @@ To create select form, use _${formName=defaultValue,option1|option2...}_ for example -<img src="/assets/themes/zeppelin/img/screenshots/form_select.png" /> +<img src="../assets/themes/zeppelin/img/screenshots/form_select.png" /> Also you can separate option's display name and value, using _${formName=defaultValue,option1(DisplayName)|option2(DisplayName)...}_ -<img src="/assets/themes/zeppelin/img/screenshots/form_select_displayname.png" /> +<img src="../assets/themes/zeppelin/img/screenshots/form_select_displayname.png" /> #### Checkbox form For multi-selection, you can create a checkbox form using _${checkbox:formName=defaultValue1|defaultValue2...,option1|option2...}_. The variable will be substituted by a comma-separated string based on the selected items. For example: -<img src="/assets/themes/zeppelin/img/screenshots/form_checkbox.png"> +<img src="../assets/themes/zeppelin/img/screenshots/form_checkbox.png"> Besides, you can specify the delimiter using _${checkbox(delimiter):formName=...}_: -<img src="/assets/themes/zeppelin/img/screenshots/form_checkbox_delimiter.png"> +<img src="../assets/themes/zeppelin/img/screenshots/form_checkbox_delimiter.png"> ### Creates Programmatically @@ -89,7 +89,7 @@ print("Hello "+z.input("name")) </div> </div> -<img src="/assets/themes/zeppelin/img/screenshots/form_input_prog.png" /> +<img src="../assets/themes/zeppelin/img/screenshots/form_input_prog.png" /> ####Text input form with default value <div class="codetabs"> @@ -110,7 +110,7 @@ print("Hello "+z.input("name", "sun")) </div> </div> -<img src="/assets/themes/zeppelin/img/screenshots/form_input_default_prog.png" /> +<img src="../assets/themes/zeppelin/img/screenshots/form_input_default_prog.png" /> ####Select form <div class="codetabs"> @@ -143,7 +143,7 @@ print("Hello "+z.select("day", [("1","mon"), </div> </div> -<img src="/assets/themes/zeppelin/img/screenshots/form_select_prog.png" /> +<img src="../assets/themes/zeppelin/img/screenshots/form_select_prog.png" /> #### Checkbox form <div class="codetabs"> @@ -166,4 +166,4 @@ print("Hello "+ " and ".join(z.checkbox("fruit", options, ["apple"]))) </div> </div> -<img src="/assets/themes/zeppelin/img/screenshots/form_checkbox_prog.png" /> +<img src="../assets/themes/zeppelin/img/screenshots/form_checkbox_prog.png" /> http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/blob/8350e780/docs/ui_layout/zeppelin_layout.md ---------------------------------------------------------------------- diff --git a/docs/ui_layout/zeppelin_layout.md b/docs/ui_layout/zeppelin_layout.md index d848722..46059b6 100644 --- a/docs/ui_layout/zeppelin_layout.md +++ b/docs/ui_layout/zeppelin_layout.md @@ -48,7 +48,7 @@ The `Notebook` menu proposes almost the same features as the note management sec 2. Filter node by name 3. Create a new note -<img src="/assets/themes/zeppelin/img/ui-img/notebook_menu.png" /> +<img src="../assets/themes/zeppelin/img/ui-img/notebook_menu.png" /> ### 2. Interpreter @@ -57,13 +57,13 @@ In this menu you can: 1. Configure existing **interpreter instance** 2. Add/remove **interpreter instances** -<img src="/assets/themes/zeppelin/img/ui-img/interpreter_menu.png" /> +<img src="../assets/themes/zeppelin/img/ui-img/interpreter_menu.png" /> ### 3. Configuration This menu displays all the Zeppelin configuration that are set in the config file `$ZEPPELIN_HOME/conf/zeppelin-site.xml` -<img src="/assets/themes/zeppelin/img/ui-img/configuration_menu.png" /> +<img src="../assets/themes/zeppelin/img/ui-img/configuration_menu.png" /> <br /> @@ -71,13 +71,13 @@ This menu displays all the Zeppelin configuration that are set in the config fil Each Zeppelin note is composed of 1 .. N paragraphs. The note can be viewed as a paragraph container. -<img src="/assets/themes/zeppelin/img/ui-img/note_paragraph_layout.png" /> +<img src="../assets/themes/zeppelin/img/ui-img/note_paragraph_layout.png" /> ### Paragraph Each paragraph consists of 2 sections: `code section` where you put your source code and `result section` where you can see the result of the code execution. -<img src="/assets/themes/zeppelin/img/ui-img/paragraph_layout.png" /> +<img src="../assets/themes/zeppelin/img/ui-img/paragraph_layout.png" /> On the top-right corner of each paragraph there are some commands to: @@ -88,7 +88,7 @@ On the top-right corner of each paragraph there are some commands to: To configure the paragraph, just click on the gear icon: -<img src="/assets/themes/zeppelin/img/ui-img/paragraph_configuration_dialog.png" /> +<img src="../assets/themes/zeppelin/img/ui-img/paragraph_configuration_dialog.png" /> From this dialog, you can (in descending order): @@ -108,7 +108,7 @@ From this dialog, you can (in descending order): At the top of the note, you can find a toolbar which exposes command buttons as well as configuration, security and display options -<img src="/assets/themes/zeppelin/img/ui-img/note_toolbar.png" /> +<img src="../assets/themes/zeppelin/img/ui-img/note_toolbar.png" /> On the far right is displayed the note name, just click on it to reveal the input form and update it @@ -124,7 +124,7 @@ In the middle of the toolbar you can find the command buttons: * delete the note * schedule the execution of **all paragraph** using a CRON syntax -<img src="/assets/themes/zeppelin/img/ui-img/note_commands.png" /> +<img src="../assets/themes/zeppelin/img/ui-img/note_commands.png" /> On the right of the note tool bar you can find configuration icons: @@ -133,7 +133,7 @@ On the right of the note tool bar you can find configuration icons: * configure the note permissions * switch the node display mode between `default`, `simple` and `report` -<img src="/assets/themes/zeppelin/img/ui-img/note_configuration.png" /> +<img src="../assets/themes/zeppelin/img/ui-img/note_configuration.png" />
