You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@zeppelin.apache.org by mo...@apache.org on 2016/05/04 13:28:59 UTC
svn commit: r1742279 [1/2] - in
/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT: ./
assets/themes/zeppelin/img/screenshots/ assets/themes/zeppelin/img/ui-img/
development/ displaysystem/ install/ interpreter/ manual/ rest-api/
security/ storage...
Author: moon
Date: Wed May 4 13:28:58 2016
New Revision: 1742279
URL: http://svn.apache.org/viewvc?rev=1742279&view=rev
Log:
ZEPPELIN-742
Added:
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_angularBind.gif (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_angularJs_overriding_dynamic_form.gif (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_angularUnbind.gif (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_runParagraph.gif (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/configuration_menu.png (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/homepage.png (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/interpreter_menu.png (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_commands.png (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_configuration.png (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_import_dialog.png (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_paragraph_layout.png (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_toolbar.png (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/notebook_menu.png (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/notes_management.png (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/paragraph_configuration_dialog.png (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/paragraph_layout.png (with props)
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/ui_layout/
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/ui_layout/zeppelin_layout.html
Removed:
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/angular.html
Modified:
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/atom.xml
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/development/howtocontribute.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/development/howtocontributewebsite.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/development/writingzeppelininterpreter.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/index.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/install.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/upgrade.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/virtual_machine.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/yarn_install.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/alluxio.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/cassandra.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/elasticsearch.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/flink.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/geode.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/hbase.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/hdfs.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/hive.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/ignite.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/jdbc.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/lens.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/markdown.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/postgresql.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/r.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/scalding.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/spark.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/manual/dependencymanagement.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicform.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicinterpreterload.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/manual/interpreters.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/manual/notebookashomepage.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/manual/publish.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/manual/shiroauthentication.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/pleasecontribute.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/rest-api/rest-configuration.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/rest-api/rest-interpreter.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/rest-api/rest-notebook.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/rss.xml
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/screenshots.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/security/authentication.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/security/interpreter_authorization.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/security/notebook_authorization.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/security/overview.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/sitemap.txt
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/storage/storage.html
incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/tutorial/tutorial.html
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_angularBind.gif
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_angularBind.gif?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_angularBind.gif
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_angularJs_overriding_dynamic_form.gif
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_angularJs_overriding_dynamic_form.gif?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_angularJs_overriding_dynamic_form.gif
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_angularUnbind.gif
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_angularUnbind.gif?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_angularUnbind.gif
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_runParagraph.gif
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_runParagraph.gif?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/screenshots/z_runParagraph.gif
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/configuration_menu.png
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/configuration_menu.png?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/configuration_menu.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/homepage.png
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/homepage.png?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/homepage.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/interpreter_menu.png
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/interpreter_menu.png?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/interpreter_menu.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_commands.png
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_commands.png?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_commands.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_configuration.png
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_configuration.png?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_configuration.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_import_dialog.png
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_import_dialog.png?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_import_dialog.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_paragraph_layout.png
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_paragraph_layout.png?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_paragraph_layout.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_toolbar.png
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_toolbar.png?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/note_toolbar.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/notebook_menu.png
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/notebook_menu.png?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/notebook_menu.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/notes_management.png
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/notes_management.png?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/notes_management.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/paragraph_configuration_dialog.png
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/paragraph_configuration_dialog.png?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/paragraph_configuration_dialog.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/paragraph_layout.png
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/paragraph_layout.png?rev=1742279&view=auto
==============================================================================
Binary file - no diff available.
Propchange: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/img/ui-img/paragraph_layout.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Modified: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/atom.xml
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/atom.xml?rev=1742279&r1=1742278&r2=1742279&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/atom.xml (original)
+++ incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/atom.xml Wed May 4 13:28:58 2016
@@ -4,7 +4,7 @@
<title>Apache Zeppelin (incubating)</title>
<link href="http://zeppelin.incubator.apache.org/" rel="self"/>
<link href="http://zeppelin.incubator.apache.org"/>
- <updated>2016-04-28T07:30:51-07:00</updated>
+ <updated>2016-05-04T06:26:59-07:00</updated>
<id>http://zeppelin.incubator.apache.org</id>
<author>
<name>The Apache Software Foundation</name>
Modified: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/development/howtocontribute.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/development/howtocontribute.html?rev=1742279&r1=1742278&r2=1742279&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/development/howtocontribute.html (original)
+++ incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/development/howtocontribute.html Wed May 4 13:28:58 2016
@@ -74,6 +74,8 @@
<!-- li><span><b>Tutorial</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/tutorial/tutorial.html">Tutorial</a></li>
<li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/ui_layout/zeppelin_layout.html">UI Layout</a></li>
+ <li role="separator" class="divider"></li>
<!-- li><span><b>Guide</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicform.html">Dynamic Form</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/publish.html">Publish your Paragraph</a></li>
@@ -113,7 +115,8 @@
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html">Text</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html#html">Html</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html">Table</a></li>
- <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/angular.html">Angular</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html">Angular (backend API)</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html">Angular (frontend API)</a></li>
</ul>
</li>
<li>
Modified: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/development/howtocontributewebsite.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/development/howtocontributewebsite.html?rev=1742279&r1=1742278&r2=1742279&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/development/howtocontributewebsite.html (original)
+++ incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/development/howtocontributewebsite.html Wed May 4 13:28:58 2016
@@ -74,6 +74,8 @@
<!-- li><span><b>Tutorial</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/tutorial/tutorial.html">Tutorial</a></li>
<li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/ui_layout/zeppelin_layout.html">UI Layout</a></li>
+ <li role="separator" class="divider"></li>
<!-- li><span><b>Guide</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicform.html">Dynamic Form</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/publish.html">Publish your Paragraph</a></li>
@@ -113,7 +115,8 @@
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html">Text</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html#html">Html</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html">Table</a></li>
- <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/angular.html">Angular</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html">Angular (backend API)</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html">Angular (frontend API)</a></li>
</ul>
</li>
<li>
Modified: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/development/writingzeppelininterpreter.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/development/writingzeppelininterpreter.html?rev=1742279&r1=1742278&r2=1742279&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/development/writingzeppelininterpreter.html (original)
+++ incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/development/writingzeppelininterpreter.html Wed May 4 13:28:58 2016
@@ -74,6 +74,8 @@
<!-- li><span><b>Tutorial</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/tutorial/tutorial.html">Tutorial</a></li>
<li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/ui_layout/zeppelin_layout.html">UI Layout</a></li>
+ <li role="separator" class="divider"></li>
<!-- li><span><b>Guide</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicform.html">Dynamic Form</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/publish.html">Publish your Paragraph</a></li>
@@ -113,7 +115,8 @@
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html">Text</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html#html">Html</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html">Table</a></li>
- <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/angular.html">Angular</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html">Angular (backend API)</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html">Angular (frontend API)</a></li>
</ul>
</li>
<li>
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html?rev=1742279&view=auto
==============================================================================
--- incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html (added)
+++ incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html Wed May 4 13:28:58 2016
@@ -0,0 +1,376 @@
+
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <title>Angular (backend API)</title>
+ <meta name="description" content="Angular (backend API)">
+ <meta name="author" content="The Apache Software Foundation">
+
+ <!-- Enable responsive viewport -->
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+ <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
+
+ <!-- Le styles -->
+ <link href="/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
+ <link href="/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
+ <link href="/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/css/syntax.css" rel="stylesheet" type="text/css" media="screen" />
+ <!-- Le fav and touch icons -->
+ <!-- Update these with your own images
+ <link rel="shortcut icon" href="images/favicon.ico">
+ <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
+ -->
+
+ <!-- Js -->
+ <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
+ <script src="/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
+ <script src="/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
+
+ <!-- atom & rss feed -->
+ <link href="/docs/0.6.0-incubating-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
+ <link href="/docs/0.6.0-incubating-SNAPSHOT/rss.xml" type="application/rss+xml" rel="alternate" title="Sitewide RSS Feed">
+ </head>
+
+ <body>
+
+ <div id="menu" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+ <div class="container">
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class="navbar-brand" href="/docs/0.6.0-incubating-SNAPSHOT">
+ <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+ <span style="vertical-align:middle">Zeppelin</span>
+ <span style="vertical-align:baseline"><small>(0.6.0-incubating-SNAPSHOT)</small></span>
+ </a>
+ </div>
+ <nav class="navbar-collapse collapse" role="navigation">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="#" data-toggle="dropdown" class="dropdown-toggle">Quick Start <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <!-- li><span><b>Overview</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/index.html">Overview</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>Install</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/install/install.html">Install</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/install/yarn_install.html">YARN Install</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/install/virtual_machine.html">Virtual Machine Install</a></li>
+ <li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/install/upgrade.html">Upgrade Version</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>Tutorial</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/tutorial/tutorial.html">Tutorial</a></li>
+ <li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/ui_layout/zeppelin_layout.html">UI Layout</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>Guide</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicform.html">Dynamic Form</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/publish.html">Publish your Paragraph</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#" data-toggle="dropdown" class="dropdown-toggle">Interpreter <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/interpreters.html">Overview</a></li>
+ <li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/alluxio.html">Alluxio</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/cassandra.html">Cassandra</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/elasticsearch.html">Elasticsearch</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/flink.html">Flink</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/geode.html">Geode</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/hbase.html">HBase</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/hdfs.html">HDFS</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/hive.html">Hive</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/ignite.html">Ignite</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/jdbc.html">JDBC</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/lens.html">Lens</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/markdown.html">Markdown</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/postgresql.html">Postgresql, hawq</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/R.html">R</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/scalding.html">Scalding</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/pleasecontribute.html">Shell</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/spark.html">Spark</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/pleasecontribute.html">Tajo</a></li>
+ <li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicinterpreterload.html">Dynamic Interpreter Loading</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dependencymanagement.html">Interpreter Dependency Management</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#" data-toggle="dropdown" class="dropdown-toggle">Display System <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html">Text</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html#html">Html</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html">Table</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html">Angular (backend API)</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html">Angular (frontend API)</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#" data-toggle="dropdown" class="dropdown-toggle">More <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <!-- li><span><b>Manual</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/notebookashomepage.html">Notebook as Homepage</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>Notebook Storage</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/storage/storage.html#Git">Git Storage</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/storage/storage.html#S3">S3 Storage</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>REST API</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/rest-api/rest-interpreter.html">Interpreter API</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/rest-api/rest-notebook.html">Notebook API</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/rest-api/rest-configuration.html">Configuration API</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>Security</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/security/overview.html">Security Overview</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/security/authentication.html">Authentication</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/security/notebook_authorization.html">Notebook Authorization</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/security/interpreter_authorization.html">Interpreter Authorization</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>Development</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/development/howtocontributewebsite.html">How to contribute (website)</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>Shiro Security</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/shiroauthentication.html">Shiro Authentication</a></li>
+ </ul>
+ </li>
+ </ul>
+ </nav><!--/.navbar-collapse -->
+ </div>
+ </div>
+
+ <div class="container">
+
+<!--<div class="hero-unit Angular (backend API)">
+ <h1></h1>
+</div>
+-->
+
+<div class="row">
+ <div class="col-md-12">
+ <!--
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+
+<h2>Back-end Angular API in Zeppelin</h2>
+
+<p>Angular display system treats output as a view template for <a href="https://angularjs.org/">AngularJS</a>.
+It compiles templates and displays them inside of Zeppelin.</p>
+
+<p>Zeppelin provides a gateway between your interpreter and your compiled <strong>AngularJS view</strong> templates.
+Therefore, you can not only update scope variables from your interpreter but also watch them in the interpreter, which is JVM process.</p>
+
+<h3>Print AngularJS view</h3>
+
+<p>To use angular display system, you should start with <code>%angular</code>.
+<img src="/assets/themes/zeppelin/img/screenshots/display_angular.png" width="60%" /></p>
+
+<p>Since <code>name</code> is not defined, <code>Hello</code> will display <code>Hello</code>.</p>
+
+<blockquote>
+<p><strong>Please Note:</strong> Display system is backend independent.</p>
+</blockquote>
+
+<p><br /></p>
+
+<h3>Bind / Unbind Variables</h3>
+
+<p>Through <strong>ZeppelinContext</strong>, you can bind / unbind variables to <strong>AngularJS view</strong>. Currently, it only works in <strong>Spark Interpreter ( scala )</strong>.</p>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="c1">// bind my 'object' as angular scope variable 'name' in current notebook.</span>
+<span class="n">z</span><span class="o">.</span><span class="n">angularBind</span><span class="o">(</span><span class="nc">String</span> <span class="n">name</span><span class="o">,</span> <span class="nc">Object</span> <span class="n">object</span><span class="o">)</span>
+
+<span class="c1">// bind my 'object' as angular scope variable 'name' in all notebooks related to current interpreter.</span>
+<span class="n">z</span><span class="o">.</span><span class="n">angularBindGlobal</span><span class="o">(</span><span class="nc">String</span> <span class="n">name</span><span class="o">,</span> <span class="nc">Object</span> <span class="n">object</span><span class="o">)</span>
+
+<span class="c1">// unbind angular scope variable 'name' in current notebook.</span>
+<span class="n">z</span><span class="o">.</span><span class="n">angularUnbind</span><span class="o">(</span><span class="nc">String</span> <span class="n">name</span><span class="o">)</span>
+
+<span class="c1">// unbind angular scope variable 'name' in all notebooks related to current interpreter.</span>
+<span class="n">z</span><span class="o">.</span><span class="n">angularUnbindGlobal</span><span class="o">(</span><span class="nc">String</span> <span class="n">name</span><span class="o">)</span>
+</code></pre></div>
+<p>Using the above example, let's bind <code>world</code> variable to <code>name</code>. Then you can see <strong>AngularJs view</strong> is immediately updated.</p>
+
+<p><img src="/assets/themes/zeppelin/img/screenshots/display_angular1.png" width="60%" /></p>
+
+<p><br /></p>
+
+<h3>Watch / Unwatch Variables</h3>
+
+<p>Through <strong>ZeppelinContext</strong>, you can watch / unwatch variables in <strong>AngularJs view</strong>. Currently, it only works in <strong>Spark Interpreter ( scala )</strong>.</p>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="c1">// register for angular scope variable 'name' (notebook)</span>
+<span class="n">z</span><span class="o">.</span><span class="n">angularWatch</span><span class="o">(</span><span class="nc">String</span> <span class="n">name</span><span class="o">,</span> <span class="o">(</span><span class="n">before</span><span class="o">,</span> <span class="n">after</span><span class="o">)</span> <span class="k">=></span> <span class="o">{</span> <span class="o">...</span> <span class="o">})</span>
+
+<span class="c1">// unregister watcher for angular variable 'name' (notebook)</span>
+<span class="n">z</span><span class="o">.</span><span class="n">angularUnwatch</span><span class="o">(</span><span class="nc">String</span> <span class="n">name</span><span class="o">)</span>
+
+<span class="c1">// register for angular scope variable 'name' (global)</span>
+<span class="n">z</span><span class="o">.</span><span class="n">angularWatchGlobal</span><span class="o">(</span><span class="nc">String</span> <span class="n">name</span><span class="o">,</span> <span class="o">(</span><span class="n">before</span><span class="o">,</span> <span class="n">after</span><span class="o">)</span> <span class="k">=></span> <span class="o">{</span> <span class="o">...</span> <span class="o">})</span>
+
+<span class="c1">// unregister watcher for angular variable 'name' (global)</span>
+<span class="n">z</span><span class="o">.</span><span class="n">angularUnwatchGlobal</span><span class="o">(</span><span class="nc">String</span> <span class="n">name</span><span class="o">)</span>
+</code></pre></div>
+<p>Let's make a button. When it is clicked, the value of <code>run</code> will be increased 1 by 1.</p>
+
+<p><img src="/assets/themes/zeppelin/img/screenshots/display_angular2.png" width="60%" /></p>
+
+<p><code>z.angularBind("run", 0)</code> will initialize <code>run</code> to zero. And then, it will be also applied to <code>run</code> in <code>z.angularWatch()</code>.
+When the button is clicked, you'll see both <code>run</code> and <code>numWatched</code> are incremented by 1.</p>
+
+<p><img src="/assets/themes/zeppelin/img/screenshots/display_angular3.png" width="60%" /></p>
+
+<h2>Let's make it Simpler and more Intuitive</h2>
+
+<p>In this section, we will introduce a simpler and more intuitive way of using <strong>Angular Display System</strong> in Zeppelin.</p>
+
+<h3>How can we use it?</h3>
+
+<p>Here are some usages.</p>
+
+<h4>Import</h4>
+
+<h5>- In notebook scope</h5>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="k">import</span> <span class="nn">org.apache.zeppelin.display.angular.notebookscope._</span>
+<span class="k">import</span> <span class="nn">AngularElem._</span>
+</code></pre></div>
+<h5>- In paragraph scope</h5>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="k">import</span> <span class="nn">org.apache.zeppelin.display.angular.paragraphscope._</span>
+<span class="k">import</span> <span class="nn">AngularElem._</span>
+</code></pre></div>
+<h4>Display Element</h4>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="c1">// automatically convert to string and print with %angular display system directive in front.</span>
+<span class="o"><</span><span class="n">div</span><span class="o">><</span><span class="n">div</span><span class="o">>.</span><span class="n">display</span>
+</code></pre></div>
+<h4>Event Handler</h4>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="c1">// on click</span>
+<span class="o"><</span><span class="n">div</span><span class="o">></</span><span class="n">div</span><span class="o">>.</span><span class="n">onClick</span><span class="o">(()</span> <span class="k">=></span> <span class="o">{</span>
+ <span class="n">my</span> <span class="n">callback</span> <span class="n">routine</span>
+<span class="o">}).</span><span class="n">display</span>
+
+<span class="c1">// on change</span>
+<span class="o"><</span><span class="n">div</span><span class="o">></</span><span class="n">div</span><span class="o">>.</span><span class="n">onChange</span><span class="o">(()</span> <span class="k">=></span> <span class="o">{</span>
+ <span class="n">my</span> <span class="n">callback</span> <span class="n">routine</span>
+<span class="o">}).</span><span class="n">display</span>
+
+<span class="c1">// arbitrary event</span>
+<span class="o"><</span><span class="n">div</span><span class="o">></</span><span class="n">div</span><span class="o">>.</span><span class="n">onEvent</span><span class="o">(</span><span class="s">"ng-click"</span><span class="o">,</span> <span class="o">()</span> <span class="k">=></span> <span class="o">{</span>
+ <span class="n">my</span> <span class="n">callback</span> <span class="n">routine</span>
+<span class="o">}).</span><span class="n">display</span>
+</code></pre></div>
+<h4>Bind Model</h4>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="c1">// bind model</span>
+<span class="o"><</span><span class="n">div</span><span class="o">></</span><span class="n">div</span><span class="o">>.</span><span class="n">model</span><span class="o">(</span><span class="s">"myModel"</span><span class="o">).</span><span class="n">display</span>
+
+<span class="c1">// bind model with initial value</span>
+<span class="o"><</span><span class="n">div</span><span class="o">></</span><span class="n">div</span><span class="o">>.</span><span class="n">model</span><span class="o">(</span><span class="s">"myModel"</span><span class="o">,</span> <span class="n">initialValue</span><span class="o">).</span><span class="n">display</span>
+</code></pre></div>
+<h4>Interact with Model</h4>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="c1">// read model</span>
+<span class="nc">AngularModel</span><span class="o">(</span><span class="s">"myModel"</span><span class="o">)()</span>
+
+<span class="c1">// update model</span>
+<span class="nc">AngularModel</span><span class="o">(</span><span class="s">"myModel"</span><span class="o">,</span> <span class="s">"newValue"</span><span class="o">)</span>
+</code></pre></div>
+<p><br/></p>
+
+<h3>Example: Basic Usage</h3>
+
+<p>Using the above basic usages, you can apply them like below examples.</p>
+
+<h4>Display Elements</h4>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="o"><</span><span class="n">div</span> <span class="n">style</span><span class="o">=</span><span class="s">"color:blue"</span><span class="o">></span>
+ <span class="o"><</span><span class="n">h4</span><span class="o">></span><span class="nc">Hello</span> <span class="nc">Angular</span> <span class="nc">Display</span> <span class="nc">System</span><span class="o"></</span><span class="n">h4</span><span class="o">></span>
+<span class="o"></</span><span class="n">div</span><span class="o">>.</span><span class="n">display</span>
+</code></pre></div>
+<h4>OnClick Event</h4>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="o"><</span><span class="n">div</span> <span class="n">class</span><span class="o">=</span><span class="s">"btn btn-success"</span><span class="o">></span>
+ <span class="nc">Click</span> <span class="n">me</span>
+<span class="o"></</span><span class="n">div</span><span class="o">>.</span><span class="n">onClick</span><span class="o">{()</span> <span class="k">=></span>
+ <span class="c1">// callback for button click</span>
+<span class="o">}.</span><span class="n">display</span>
+</code></pre></div>
+<h4>Bind Model</h4>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"> <span class="o"><</span><span class="n">div</span><span class="o">>{{{{</span><span class="n">myModel</span><span class="o">}}}}</</span><span class="n">div</span><span class="o">>.</span><span class="n">model</span><span class="o">(</span><span class="s">"myModel"</span><span class="o">,</span> <span class="s">"Initial Value"</span><span class="o">).</span><span class="n">display</span>
+</code></pre></div>
+<h4>Interact With Model</h4>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="c1">// read the value</span>
+<span class="nc">AngularModel</span><span class="o">(</span><span class="s">"myModel"</span><span class="o">)()</span>
+
+<span class="c1">// update the value</span>
+<span class="nc">AngularModel</span><span class="o">(</span><span class="s">"myModel"</span><span class="o">,</span> <span class="s">"New value"</span><span class="o">)</span>
+</code></pre></div>
+<p><img src="../assets/themes/zeppelin/img/docs-img/basic-usage-angular.png" width="70%"></p>
+
+<h3>Example: String Converter</h3>
+
+<p>Using below example, you can convert the lowercase string to uppercase.</p>
+<div class="highlight"><pre><code class="scala language-scala" data-lang="scala"><span class="c1">// clear previously created angular object.</span>
+<span class="nc">AngularElem</span><span class="o">.</span><span class="n">disassociate</span>
+
+<span class="k">val</span> <span class="n">button</span> <span class="k">=</span> <span class="o"><</span><span class="n">div</span> <span class="n">class</span><span class="o">=</span><span class="s">"btn btn-success btn-sm"</span><span class="o">></span><span class="nc">Convert</span><span class="o"></</span><span class="n">div</span><span class="o">>.</span><span class="n">onClick</span><span class="o">{()</span> <span class="k">=></span>
+ <span class="k">val</span> <span class="n">inputString</span> <span class="k">=</span> <span class="nc">AngularModel</span><span class="o">(</span><span class="s">"input"</span><span class="o">)().</span><span class="n">toString</span>
+ <span class="nc">AngularModel</span><span class="o">(</span><span class="s">"title"</span><span class="o">,</span> <span class="n">inputString</span><span class="o">.</span><span class="n">toUpperCase</span><span class="o">)</span>
+<span class="o">}</span>
+
+<span class="o"><</span><span class="n">div</span><span class="o">></span>
+ <span class="o">{</span> <span class="o"><</span><span class="n">h4</span><span class="o">></span> <span class="o">{{{{</span><span class="n">title</span><span class="o">}}}}</</span><span class="n">h4</span><span class="o">>.</span><span class="n">model</span><span class="o">(</span><span class="s">"title"</span><span class="o">,</span> <span class="s">"Please type text to convert uppercase"</span><span class="o">)</span> <span class="o">}</span>
+ <span class="nc">Your</span> <span class="n">text</span> <span class="o">{</span> <span class="o"><</span><span class="n">input</span> <span class="n">type</span><span class="o">=</span><span class="s">"text"</span><span class="o">></</span><span class="n">input</span><span class="o">>.</span><span class="n">model</span><span class="o">(</span><span class="s">"input"</span><span class="o">,</span> <span class="s">""</span><span class="o">)</span> <span class="o">}</span>
+ <span class="o">{</span><span class="n">button</span><span class="o">}</span>
+<span class="o"></</span><span class="n">div</span><span class="o">>.</span><span class="n">display</span>
+</code></pre></div>
+<p><img src="../assets/themes/zeppelin/img/docs-img/string-converter-angular.gif" width="70%"></p>
+
+ </div>
+</div>
+
+
+ <hr>
+ <footer>
+ <!-- <p>© 2016 The Apache Software Foundation</p>-->
+ </footer>
+ </div>
+
+
+
+
+ <script type="text/javascript">
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+ })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+ ga('create', 'UA-45176241-5', 'zeppelin.incubator.apache.org');
+ ga('require', 'linkid', 'linkid.js');
+ ga('send', 'pageview');
+
+</script>
+
+
+
+ </body>
+</html>
+
Modified: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html?rev=1742279&r1=1742278&r2=1742279&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html (original)
+++ incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html Wed May 4 13:28:58 2016
@@ -74,6 +74,8 @@
<!-- li><span><b>Tutorial</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/tutorial/tutorial.html">Tutorial</a></li>
<li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/ui_layout/zeppelin_layout.html">UI Layout</a></li>
+ <li role="separator" class="divider"></li>
<!-- li><span><b>Guide</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicform.html">Dynamic Form</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/publish.html">Publish your Paragraph</a></li>
@@ -113,7 +115,8 @@
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html">Text</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html#html">Html</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html">Table</a></li>
- <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/angular.html">Angular</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html">Angular (backend API)</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html">Angular (frontend API)</a></li>
</ul>
</li>
<li>
Added: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html?rev=1742279&view=auto
==============================================================================
--- incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html (added)
+++ incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html Wed May 4 13:28:58 2016
@@ -0,0 +1,328 @@
+
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <title>Angular (frontend API)</title>
+ <meta name="description" content="Angular (frontend API)">
+ <meta name="author" content="The Apache Software Foundation">
+
+ <!-- Enable responsive viewport -->
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+ <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
+
+ <!-- Le styles -->
+ <link href="/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/bootstrap/css/bootstrap.css" rel="stylesheet">
+ <link href="/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/css/style.css?body=1" rel="stylesheet" type="text/css">
+ <link href="/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/css/syntax.css" rel="stylesheet" type="text/css" media="screen" />
+ <!-- Le fav and touch icons -->
+ <!-- Update these with your own images
+ <link rel="shortcut icon" href="images/favicon.ico">
+ <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+ <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
+ <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
+ -->
+
+ <!-- Js -->
+ <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
+ <script src="/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/bootstrap/js/bootstrap.min.js"></script>
+ <script src="/docs/0.6.0-incubating-SNAPSHOT/assets/themes/zeppelin/js/docs.js"></script>
+
+ <!-- atom & rss feed -->
+ <link href="/docs/0.6.0-incubating-SNAPSHOT/atom.xml" type="application/atom+xml" rel="alternate" title="Sitewide ATOM Feed">
+ <link href="/docs/0.6.0-incubating-SNAPSHOT/rss.xml" type="application/rss+xml" rel="alternate" title="Sitewide RSS Feed">
+ </head>
+
+ <body>
+
+ <div id="menu" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+ <div class="container">
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class="navbar-brand" href="/docs/0.6.0-incubating-SNAPSHOT">
+ <img src="/assets/themes/zeppelin/img/zeppelin_logo.png" width="50" alt="I'm zeppelin">
+ <span style="vertical-align:middle">Zeppelin</span>
+ <span style="vertical-align:baseline"><small>(0.6.0-incubating-SNAPSHOT)</small></span>
+ </a>
+ </div>
+ <nav class="navbar-collapse collapse" role="navigation">
+ <ul class="nav navbar-nav">
+ <li>
+ <a href="#" data-toggle="dropdown" class="dropdown-toggle">Quick Start <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <!-- li><span><b>Overview</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/index.html">Overview</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>Install</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/install/install.html">Install</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/install/yarn_install.html">YARN Install</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/install/virtual_machine.html">Virtual Machine Install</a></li>
+ <li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/install/upgrade.html">Upgrade Version</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>Tutorial</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/tutorial/tutorial.html">Tutorial</a></li>
+ <li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/ui_layout/zeppelin_layout.html">UI Layout</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>Guide</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicform.html">Dynamic Form</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/publish.html">Publish your Paragraph</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#" data-toggle="dropdown" class="dropdown-toggle">Interpreter <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/interpreters.html">Overview</a></li>
+ <li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/alluxio.html">Alluxio</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/cassandra.html">Cassandra</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/elasticsearch.html">Elasticsearch</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/flink.html">Flink</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/geode.html">Geode</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/hbase.html">HBase</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/hdfs.html">HDFS</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/hive.html">Hive</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/ignite.html">Ignite</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/jdbc.html">JDBC</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/lens.html">Lens</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/markdown.html">Markdown</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/postgresql.html">Postgresql, hawq</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/R.html">R</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/scalding.html">Scalding</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/pleasecontribute.html">Shell</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/interpreter/spark.html">Spark</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/pleasecontribute.html">Tajo</a></li>
+ <li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicinterpreterload.html">Dynamic Interpreter Loading</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dependencymanagement.html">Interpreter Dependency Management</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#" data-toggle="dropdown" class="dropdown-toggle">Display System <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html">Text</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html#html">Html</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html">Table</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html">Angular (backend API)</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html">Angular (frontend API)</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#" data-toggle="dropdown" class="dropdown-toggle">More <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <!-- li><span><b>Manual</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/notebookashomepage.html">Notebook as Homepage</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>Notebook Storage</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/storage/storage.html#Git">Git Storage</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/storage/storage.html#S3">S3 Storage</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>REST API</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/rest-api/rest-interpreter.html">Interpreter API</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/rest-api/rest-notebook.html">Notebook API</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/rest-api/rest-configuration.html">Configuration API</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>Security</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/security/overview.html">Security Overview</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/security/authentication.html">Authentication</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/security/notebook_authorization.html">Notebook Authorization</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/security/interpreter_authorization.html">Interpreter Authorization</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>Development</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/development/writingzeppelininterpreter.html">Writing Zeppelin Interpreter</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/development/howtocontribute.html">How to contribute (code)</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/development/howtocontributewebsite.html">How to contribute (website)</a></li>
+ <li role="separator" class="divider"></li>
+ <!-- li><span><b>Shiro Security</b><span></li -->
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/shiroauthentication.html">Shiro Authentication</a></li>
+ </ul>
+ </li>
+ </ul>
+ </nav><!--/.navbar-collapse -->
+ </div>
+ </div>
+
+ <div class="container">
+
+<!--<div class="hero-unit Angular (frontend API)">
+ <h1></h1>
+</div>
+-->
+
+<div class="row">
+ <div class="col-md-12">
+ <!--
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+
+<h2>Front-end Angular API in Zeppelin</h2>
+
+<p>In addition to the back-end API to handle Angular objects binding, Zeppelin also exposes a simple AngularJS <strong><code>z</code></strong> object on the front-end side to expose the same capabilities.</p>
+
+<p>This <strong><code>z</code></strong> object is accessible in the Angular isolated scope for each paragraph.</p>
+
+<p><br /></p>
+
+<h3>Bind / Unbind Variables</h3>
+
+<p>Through the <strong><code>z</code></strong>, you can bind / unbind variables to <strong>AngularJS view</strong></p>
+
+<p>Bind a value to an angular object and a <strong>mandatory</strong> target paragraph:</p>
+<div class="highlight"><pre><code class="html language-html" data-lang="html">%angular
+
+<span class="nt"><form</span> <span class="na">class=</span><span class="s">"form-inline"</span><span class="nt">></span>
+ <span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
+ <span class="nt"><label</span> <span class="na">for=</span><span class="s">"superheroId"</span><span class="nt">></span>Super Hero: <span class="nt"></label></span>
+ <span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">id=</span><span class="s">"superheroId"</span> <span class="na">placeholder=</span><span class="s">"Superhero name ..."</span> <span class="na">ng-model=</span><span class="s">"superhero"</span><span class="nt">></input></span>
+ <span class="nt"></div></span>
+ <span class="nt"><button</span> <span class="na">type=</span><span class="s">"submit"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span> <span class="na">ng-click=</span><span class="s">"z.angularBind('superhero',superhero,'20160222-232336_1472609686')"</span><span class="nt">></span> Bind<span class="nt"></button></span>
+<span class="nt"></form></span>
+</code></pre></div>
+<p><img src="/assets/themes/zeppelin/img/screenshots/z_angularBind.gif" /></p>
+
+<hr/>
+
+<p>Unbind/remove a value from angular object and a <strong>mandatory</strong> target paragraph:</p>
+<div class="highlight"><pre><code class="html language-html" data-lang="html">%angular
+
+<span class="nt"><form</span> <span class="na">class=</span><span class="s">"form-inline"</span><span class="nt">></span>
+ <span class="nt"><button</span> <span class="na">type=</span><span class="s">"submit"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span> <span class="na">ng-click=</span><span class="s">"z.angularUnbind('superhero','20160222-232336_1472609686')"</span><span class="nt">></span> UnBind<span class="nt"></button></span>
+<span class="nt"></form></span>
+</code></pre></div>
+<p><img src="/assets/themes/zeppelin/img/screenshots/z_angularUnbind.gif" /></p>
+
+<p>The signature for the <strong><code>z.angularBind() / z.angularUnbind()</code></strong> functions are:</p>
+<div class="highlight"><pre><code class="javascript language-javascript" data-lang="javascript"><span class="nx">z</span><span class="p">.</span><span class="nx">angularBind</span><span class="p">(</span><span class="nx">angularObjectName</span><span class="p">,</span> <span class="nx">angularObjectValue</span><span class="p">,</span> <span class="nx">paragraphId</span><span class="p">);</span>
+
+<span class="nx">z</span><span class="p">.</span><span class="nx">angularUnbind</span><span class="p">(</span><span class="nx">angularObjectName</span><span class="p">,</span> <span class="nx">angularObjectValue</span><span class="p">,</span> <span class="nx">paragraphId</span><span class="p">);</span>
+</code></pre></div>
+<p>All the parameters are mandatory.</p>
+
+<p><br /></p>
+
+<h3>Run Paragraph</h3>
+
+<p>You can also trigger paragraph execution by calling <strong><code>z.runParagraph()</code></strong> function passing the appropriate paragraphId: </p>
+<div class="highlight"><pre><code class="html language-html" data-lang="html">%angular
+
+<span class="nt"><form</span> <span class="na">class=</span><span class="s">"form-inline"</span><span class="nt">></span>
+ <span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
+ <span class="nt"><label</span> <span class="na">for=</span><span class="s">"paragraphId"</span><span class="nt">></span>Paragraph Id: <span class="nt"></label></span>
+ <span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">id=</span><span class="s">"paragraphId"</span> <span class="na">placeholder=</span><span class="s">"Paragraph Id ..."</span> <span class="na">ng-model=</span><span class="s">"paragraph"</span><span class="nt">></input></span>
+ <span class="nt"></div></span>
+ <span class="nt"><button</span> <span class="na">type=</span><span class="s">"submit"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span> <span class="na">ng-click=</span><span class="s">"z.runParagraph(paragraph)"</span><span class="nt">></span> Run Paragraph<span class="nt"></button></span>
+<span class="nt"></form></span>
+</code></pre></div>
+<p><img src="/assets/themes/zeppelin/img/screenshots/z_runParagraph.gif" /></p>
+
+<p><br /></p>
+
+<h3>Overriding dynamic form with Angular Object</h3>
+
+<p>The front-end Angular Interaction API has been designed to offer richer form capabilities and variable binding. With the existing <strong>Dynamic Form</strong> system you can already create input text, select and checkbox forms but the choice is rather limited and the look & feel cannot be changed.</p>
+
+<p>The idea is to create a custom form using plain HTML/AngularJS code and bind actions on this form to push/remove Angular variables to targeted paragraphs using this new API. </p>
+
+<p>Consequently if you use the <strong>Dynamic Form</strong> syntax in a paragraph and there is a bound Angular object having the same name as the <em>${formName}</em>, the Angular object will have higher priority and the <strong>Dynamic Form</strong> will not be displayed. Example: </p>
+
+<p><img src="/assets/themes/zeppelin/img/screenshots/z_angularJs_overriding_dynamic_form.gif" /></p>
+
+<p><br /></p>
+
+<h3>Feature matrix comparison</h3>
+
+<p>How does the front-end AngularJS API compares to the back-end API ? Below is a comparison matrix for both APIs:</p>
+
+<table>
+ <thead>
+ <tr>
+ <th>Actions</th>
+ <th>Front-end API</th>
+ <th>Back-end API</th>
+ </tr>
+ </thead>
+ <tr>
+ <td>Initiate binding</td>
+ <td>z.angularbind(var, initialValue, paragraphId)</td>
+ <td>z.angularBind(var, initialValue)</td>
+ </tr>
+ <tr>
+ <td>Update value</td>
+ <td>same to ordinary angularjs scope variable, or z.angularbind(var, newValue, paragraphId)</td>
+ <td>z.angularBind(var, newValue)</td>
+ </tr>
+ <tr>
+ <td>Watching value</td>
+ <td>same to ordinary angularjs scope variable</td>
+ <td>z.angularWatch(var, (oldVal, newVal) => ...)</td>
+ </tr>
+ <tr>
+ <td>Destroy binding</td>
+ <td>z.angularUnbind(var, paragraphId)</td>
+ <td>z.angularUnbind(var)</td>
+ </tr>
+ <tr>
+ <td>Executing Paragraph</td>
+ <td>z.runParagraph(paragraphId)</td>
+ <td>z.run(paragraphId)</td>
+ </tr>
+ <tbody>
+ <tbody>
+</table>
+
+<p>Both APIs are pretty similar, except for value watching where it is done naturally by AngularJS internals on the front-end and by user custom watcher functions in the back-end.</p>
+
+<p>There is also a slight difference in term of scope. Front-end API limits the Angular object binding to a paragraph scope whereas back-end API allows you to bind an Angular object at the global or note scope. This restriction has been designed purposely to avoid Angular object leaks and scope pollution.</p>
+
+ </div>
+</div>
+
+
+ <hr>
+ <footer>
+ <!-- <p>© 2016 The Apache Software Foundation</p>-->
+ </footer>
+ </div>
+
+
+
+
+ <script type="text/javascript">
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+ })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+ ga('create', 'UA-45176241-5', 'zeppelin.incubator.apache.org');
+ ga('require', 'linkid', 'linkid.js');
+ ga('send', 'pageview');
+
+</script>
+
+
+
+ </body>
+</html>
+
Modified: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html?rev=1742279&r1=1742278&r2=1742279&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html (original)
+++ incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html Wed May 4 13:28:58 2016
@@ -74,6 +74,8 @@
<!-- li><span><b>Tutorial</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/tutorial/tutorial.html">Tutorial</a></li>
<li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/ui_layout/zeppelin_layout.html">UI Layout</a></li>
+ <li role="separator" class="divider"></li>
<!-- li><span><b>Guide</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicform.html">Dynamic Form</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/publish.html">Publish your Paragraph</a></li>
@@ -113,7 +115,8 @@
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html">Text</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html#html">Html</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html">Table</a></li>
- <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/angular.html">Angular</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html">Angular (backend API)</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html">Angular (frontend API)</a></li>
</ul>
</li>
<li>
Modified: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/index.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/index.html?rev=1742279&r1=1742278&r2=1742279&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/index.html (original)
+++ incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/index.html Wed May 4 13:28:58 2016
@@ -74,6 +74,8 @@
<!-- li><span><b>Tutorial</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/tutorial/tutorial.html">Tutorial</a></li>
<li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/ui_layout/zeppelin_layout.html">UI Layout</a></li>
+ <li role="separator" class="divider"></li>
<!-- li><span><b>Guide</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicform.html">Dynamic Form</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/publish.html">Publish your Paragraph</a></li>
@@ -113,7 +115,8 @@
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html">Text</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html#html">Html</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html">Table</a></li>
- <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/angular.html">Angular</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html">Angular (backend API)</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html">Angular (frontend API)</a></li>
</ul>
</li>
<li>
Modified: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/install.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/install.html?rev=1742279&r1=1742278&r2=1742279&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/install.html (original)
+++ incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/install.html Wed May 4 13:28:58 2016
@@ -74,6 +74,8 @@
<!-- li><span><b>Tutorial</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/tutorial/tutorial.html">Tutorial</a></li>
<li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/ui_layout/zeppelin_layout.html">UI Layout</a></li>
+ <li role="separator" class="divider"></li>
<!-- li><span><b>Guide</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicform.html">Dynamic Form</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/publish.html">Publish your Paragraph</a></li>
@@ -113,7 +115,8 @@
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html">Text</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html#html">Html</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html">Table</a></li>
- <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/angular.html">Angular</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html">Angular (backend API)</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html">Angular (frontend API)</a></li>
</ul>
</li>
<li>
Modified: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/upgrade.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/upgrade.html?rev=1742279&r1=1742278&r2=1742279&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/upgrade.html (original)
+++ incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/upgrade.html Wed May 4 13:28:58 2016
@@ -74,6 +74,8 @@
<!-- li><span><b>Tutorial</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/tutorial/tutorial.html">Tutorial</a></li>
<li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/ui_layout/zeppelin_layout.html">UI Layout</a></li>
+ <li role="separator" class="divider"></li>
<!-- li><span><b>Guide</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicform.html">Dynamic Form</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/publish.html">Publish your Paragraph</a></li>
@@ -113,7 +115,8 @@
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html">Text</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html#html">Html</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html">Table</a></li>
- <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/angular.html">Angular</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html">Angular (backend API)</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html">Angular (frontend API)</a></li>
</ul>
</li>
<li>
Modified: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/virtual_machine.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/virtual_machine.html?rev=1742279&r1=1742278&r2=1742279&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/virtual_machine.html (original)
+++ incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/virtual_machine.html Wed May 4 13:28:58 2016
@@ -74,6 +74,8 @@
<!-- li><span><b>Tutorial</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/tutorial/tutorial.html">Tutorial</a></li>
<li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/ui_layout/zeppelin_layout.html">UI Layout</a></li>
+ <li role="separator" class="divider"></li>
<!-- li><span><b>Guide</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicform.html">Dynamic Form</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/publish.html">Publish your Paragraph</a></li>
@@ -113,7 +115,8 @@
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html">Text</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html#html">Html</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html">Table</a></li>
- <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/angular.html">Angular</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html">Angular (backend API)</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html">Angular (frontend API)</a></li>
</ul>
</li>
<li>
Modified: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/yarn_install.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/yarn_install.html?rev=1742279&r1=1742278&r2=1742279&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/yarn_install.html (original)
+++ incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/install/yarn_install.html Wed May 4 13:28:58 2016
@@ -74,6 +74,8 @@
<!-- li><span><b>Tutorial</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/tutorial/tutorial.html">Tutorial</a></li>
<li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/ui_layout/zeppelin_layout.html">UI Layout</a></li>
+ <li role="separator" class="divider"></li>
<!-- li><span><b>Guide</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicform.html">Dynamic Form</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/publish.html">Publish your Paragraph</a></li>
@@ -113,7 +115,8 @@
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html">Text</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html#html">Html</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html">Table</a></li>
- <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/angular.html">Angular</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html">Angular (backend API)</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html">Angular (frontend API)</a></li>
</ul>
</li>
<li>
Modified: incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/alluxio.html
URL: http://svn.apache.org/viewvc/incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/alluxio.html?rev=1742279&r1=1742278&r2=1742279&view=diff
==============================================================================
--- incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/alluxio.html (original)
+++ incubator/zeppelin/site/docs/0.6.0-incubating-SNAPSHOT/interpreter/alluxio.html Wed May 4 13:28:58 2016
@@ -74,6 +74,8 @@
<!-- li><span><b>Tutorial</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/tutorial/tutorial.html">Tutorial</a></li>
<li role="separator" class="divider"></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/ui_layout/zeppelin_layout.html">UI Layout</a></li>
+ <li role="separator" class="divider"></li>
<!-- li><span><b>Guide</b><span></li -->
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/dynamicform.html">Dynamic Form</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/manual/publish.html">Publish your Paragraph</a></li>
@@ -113,7 +115,8 @@
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html">Text</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/display.html#html">Html</a></li>
<li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/table.html">Table</a></li>
- <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/angular.html">Angular</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/back-end-angular.html">Angular (backend API)</a></li>
+ <li><a href="/docs/0.6.0-incubating-SNAPSHOT/displaysystem/front-end-angular.html">Angular (frontend API)</a></li>
</ul>
</li>
<li>