mirror of
https://github.com/apache/zeppelin
synced 2026-05-24 09:38:26 +00:00
rename files
This commit is contained in:
soralee
parent
473bce4fc6
commit
a9036a8b3c
5 changed files with 175 additions and 3 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 48 KiB |
|
|
@ -74,7 +74,7 @@ Add the following code to a paragraph in your Apache Zeppelin note and run it.
|
|||
```javascript
|
||||
println(
|
||||
"""%angular
|
||||
<div ng-include="'app/home/customer/customHome.html'"></div>
|
||||
<div ng-include="'app/home/notebook.html'"></div>
|
||||
""")
|
||||
```
|
||||
|
||||
|
|
|
|||
|
|
@ -46,11 +46,11 @@ limitations under the License.
|
|||
</li>
|
||||
<div ng-if="!query.q || query.q === ''">
|
||||
<li ng-repeat="node in home.notes.root.children | orderBy:home.arrayOrderingSrv.noteListOrdering track by $index"
|
||||
ng-include src="'app/home/home-template.html'" ng-class="note_folder_renderer"></li>
|
||||
ng-include src="'app/home/notebook-template.html'" ng-class="note_folder_renderer"></li>
|
||||
</div>
|
||||
<div ng-if="query.q">
|
||||
<li ng-repeat="node in home.notes.flatList| filter:query.q | orderBy:home.arrayOrderingSrv.noteListOrdering track by $index"
|
||||
ng-include src="'app/home/home-template.html'" ng-class="note_folder_renderer"></li>
|
||||
ng-include src="'app/home/notebook-template.html'" ng-class="note_folder_renderer"></li>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
115
zeppelin-web/src/app/home/notebook-template.html
Normal file
115
zeppelin-web/src/app/home/notebook-template.html
Normal file
|
|
@ -0,0 +1,115 @@
|
|||
<!--
|
||||
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.
|
||||
-->
|
||||
|
||||
<div ng-class="note_folder_renderer">
|
||||
<!-- note -->
|
||||
<div ng-if="node.children == null && isFilterNote(node)" ng-mouseenter="showNoteButton=true"
|
||||
ng-mouseleave="showNoteButton=false">
|
||||
<a style="text-decoration: none;" href="#/notebook/{{node.id}}">
|
||||
<i style="font-size: 10px;"
|
||||
ng-class="query.q && node.isTrash ? 'fa fa-trash-o' : 'icon-doc'"></i> {{getNoteName(node)}}
|
||||
</a>
|
||||
<!-- if note is not in trash -->
|
||||
<a ng-if="!node.isTrash" style="text-decoration: none;">
|
||||
<i style="margin-left: 10px;"
|
||||
class="fa fa-pencil notebook-list-btn" ng-show="showNoteButton"
|
||||
ng-click="node.path ? renameNote(node.id, node.path) : renameNote(node.id, node.name)"
|
||||
tooltip-placement="bottom" tooltip="Rename note">
|
||||
</i>
|
||||
</a>
|
||||
<a ng-if="!node.isTrash" style="text-decoration: none;">
|
||||
<i class="fa fa-eraser notebook-list-btn" ng-show="showNoteButton" ng-click="clearAllParagraphOutput(node.id)"
|
||||
tooltip-placement="bottom" tooltip="Clear output">
|
||||
</i>
|
||||
</a>
|
||||
<a ng-if="!node.isTrash" style="text-decoration: none;">
|
||||
<i class="fa fa-trash-o notebook-list-btn" ng-show="showNoteButton" ng-click="moveNoteToTrash(node.id)"
|
||||
tooltip-placement="bottom" tooltip="Move note to Trash">
|
||||
</i>
|
||||
</a>
|
||||
<!-- if note is in trash -->
|
||||
<a ng-if="node.isTrash">
|
||||
<i class="fa fa-undo notebook-list-btn" ng-show="showNoteButton" ng-click="restoreNote(node.id)"
|
||||
tooltip-placement="bottom" tooltip="Restore note">
|
||||
</i>
|
||||
</a>
|
||||
<a ng-if="node.isTrash" style="font-size: 16px;">
|
||||
<i class="fa fa-times notebook-list-btn" ng-show="showNoteButton" ng-click="removeNote(node.id)"
|
||||
tooltip-placement="bottom" tooltip="Remove note permanently">
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- folder -->
|
||||
<div ng-if="node.children != null && node.id !== TRASH_FOLDER_ID">
|
||||
<div ng-mouseenter="showFolderButton=true"
|
||||
ng-mouseleave="showFolderButton=false">
|
||||
<a style="text-decoration: none; cursor: pointer;" ng-click="toggleFolderNode(node)">
|
||||
<i style="font-size: 10px;" ng-class="node.hidden ? 'icon-folder' : 'icon-folder-alt'"></i> {{getNoteName(node)}}
|
||||
</a>
|
||||
<a ng-if="!node.isTrash" style="text-decoration: none;">
|
||||
<i style="margin-left: 10px;"
|
||||
class="fa fa-pencil notebook-list-btn" ng-show="showFolderButton" ng-click="renameFolder(node)"
|
||||
tooltip-placement="bottom" tooltip="Rename folder">
|
||||
</i>
|
||||
</a>
|
||||
<!-- if folder is not in trash -->
|
||||
<a ng-if="!node.isTrash">
|
||||
<i class="fa fa-trash-o notebook-list-btn" ng-show="showFolderButton" ng-click="moveFolderToTrash(node.id)"
|
||||
tooltip-placement="bottom" tooltip="Move folder to Trash">
|
||||
</i>
|
||||
</a>
|
||||
<!-- if folder is in trash -->
|
||||
<a ng-if="node.isTrash">
|
||||
<i class="fa fa-undo notebook-list-btn" ng-show="showFolderButton" ng-click="restoreFolder(node.id)"
|
||||
tooltip-placement="bottom" tooltip="Restore folder">
|
||||
</i>
|
||||
</a>
|
||||
<a ng-if="node.isTrash" style="font-size: 16px">
|
||||
<i class="fa fa-times notebook-list-btn" ng-show="showFolderButton" ng-click="removeFolder(node.id)"
|
||||
tooltip-placement="bottom" tooltip="Remove folder permanently">
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div ng-if="!node.hidden">
|
||||
<ul style="list-style-type: none; padding-left:15px;">
|
||||
<li ng-repeat="node in node.children" ng-include="'app/home/notebook-template.html'" ng-class="'note_folder_renderer'"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- trash folder -->
|
||||
<div ng-if="node.id === TRASH_FOLDER_ID">
|
||||
<div ng-mouseenter="showFolderButton=true"
|
||||
ng-mouseleave="showFolderButton=false">
|
||||
<a style="text-decoration: none; cursor: pointer;" ng-click="toggleFolderNode(node)">
|
||||
<i style="font-size: 14px;" class="fa fa-trash-o"></i> Trash
|
||||
</a>
|
||||
<a style="text-decoration: none;">
|
||||
<i style="margin-left: 10px"
|
||||
class="fa fa-undo notebook-list-btn" ng-show="showFolderButton" ng-click="restoreAll()"
|
||||
tooltip-placement="bottom" tooltip="Restore all">
|
||||
</i>
|
||||
<i style="font-size: 16px;"
|
||||
class="fa fa-times notebook-list-btn" ng-show="showFolderButton" ng-click="emptyTrash()"
|
||||
tooltip-placement="bottom" tooltip="Empty trash">
|
||||
</i>
|
||||
</a>
|
||||
</div>
|
||||
<div ng-if="!node.hidden">
|
||||
<ul style="list-style-type: none; padding-left:15px;">
|
||||
<li ng-repeat="node in node.children" ng-include="'app/home/notebook-template.html'" ng-class="'note_folder_renderer'"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
57
zeppelin-web/src/app/home/notebook.html
Normal file
57
zeppelin-web/src/app/home/notebook.html
Normal file
|
|
@ -0,0 +1,57 @@
|
|||
<!--
|
||||
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.
|
||||
-->
|
||||
<div ng-controller="HomeCtrl as home">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h4>Notebook
|
||||
<i ng-class="isReloadingNotes ? 'fa fa-refresh fa-spin' : 'fa fa-refresh'"
|
||||
ng-style="!isReloadingNotes && {'cursor': 'pointer'}" style="font-size: 13px;"
|
||||
ng-click="reloadNoteList();"
|
||||
tooltip-placement="bottom" tooltip="Reload notes from storage">
|
||||
</i>
|
||||
</h4>
|
||||
<h5><a href="" data-toggle="modal" data-target="#noteImportModal" style="text-decoration: none;">
|
||||
<i style="font-size: 15px;" class="fa fa-upload"></i> Import note</a></h5>
|
||||
<h5><a href="" data-toggle="modal" data-target="#noteNameModal" style="text-decoration: none;">
|
||||
<i style="font-size: 15px;" class="icon-notebook"></i> Create new note</a></h5>
|
||||
<ul id="notebook-names">
|
||||
<li class="filter-names" ng-include="'components/filterNoteNames/filter-note-names.html'"></li>
|
||||
<div ng-if="!query.q || query.q === ''">
|
||||
<li ng-repeat="node in home.notes.root.children | orderBy:home.arrayOrderingSrv.noteListOrdering track by $index"
|
||||
ng-include src="'app/home/notebook-template.html'" ng-class="note_folder_renderer"></li>
|
||||
</div>
|
||||
<div ng-if="query.q">
|
||||
<li ng-repeat="node in home.notes.flatList | filter:query.q | orderBy:home.arrayOrderingSrv.noteListOrdering track by $index"
|
||||
ng-include src="'app/home/notebook-template.html'" ng-class="note_folder_renderer"></li>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<br/><br/><br/>
|
||||
</div>
|
||||
|
||||
<!-- Load notebook -->
|
||||
<div ng-show="home.notebookHome" id="{{currentParagraph.id}}_paragraphColumn_main"
|
||||
ng-repeat="currentParagraph in home.note.paragraphs"
|
||||
ng-controller="ParagraphCtrl"
|
||||
ng-init="init(currentParagraph, home.note)"
|
||||
ng-class="columnWidthClass(currentParagraph.config.colWidth)"
|
||||
class="paragraph-col">
|
||||
<div id="{{currentParagraph.id}}_paragraphColumn"
|
||||
ng-if="currentParagraph.result"
|
||||
ng-include src="'app/notebook/paragraph/paragraph.html'"
|
||||
ng-class="{'paragraph-space box paragraph-margin': !asIframe, 'focused': paragraphFocused}"
|
||||
ng-hide="currentParagraph.config.tableHide && home.viewOnly">
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Reference in a new issue