This commit is contained in:
soralee 2017-01-10 19:15:20 +09:00
parent d18e513afc
commit 229ed372c3

View file

@ -13,47 +13,110 @@ limitations under the License.
-->
<div ng-class="notebook_folder_renderer">
<!-- note -->
<div ng-if="node.children == null"
ng-mouseenter="showNoteButton=true"
ng-mouseleave="showNoteButton=false">
<a style="text-decoration: none;" href="#/notebook/{{node.id}}">
<i style="font-size: 10px;" class="icon-doc"/> {{node.name}}
<i id="debug" style="font-size: 10px;" class="icon-doc"></i> {{node.name}}
</a>
<a style="text-decoration: none;">
<i style="font-size: 13px; margin-left: 10px; cursor: pointer; text-decoration: none;"
class="fa fa-pencil" ng-show="showNoteButton" ng-click="renameNote(node)"
<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="renameNote(node)"
tooltip-placement="bottom" tooltip="Rename note">
</i>
</a>
<a style="text-decoration: none;">
<i style="font-size: 13px; margin-left: 2px; cursor: pointer; text-decoration: none;"
class="fa fa-eraser" ng-show="showNoteButton" ng-click="clearAllParagraphOutput(node.id)"
<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 style="text-decoration: none;">
<i style="font-size: 13px; margin-left: 2px; cursor: pointer; text-decoration: none;"
class="fa fa-trash-o" ng-show="showNoteButton" ng-click="removeNote(node.id)"
tooltip-placement="bottom" tooltip="Remove note">
<!-- if note is not in trash -->
<i ng-if="!node.isTrash"
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>
<a>
<!-- if note is in trash -->
<i ng-if="node.isTrash"
class="fa fa-undo notebook-list-btn" ng-show="showNoteButton" ng-click="restoreNote(node.id)"
tooltip-placement="bottom" tooltip="Restore note">
</i>
</a>
<a>
<i ng-if="node.isTrash" style="font-size: 16px;"
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>
<div ng-if="node.children != null">
<!-- 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'" /> {{node.name}}
<i style="font-size: 10px;" ng-class="node.hidden ? 'icon-folder' : 'icon-folder-alt'"></i> {{node.name}}
</a>
<a style="text-decoration: none;">
<i style="font-size: 13px; margin-left: 10px; cursor: pointer; text-decoration: none;"
class="fa fa-pencil" ng-show="showFolderButton" ng-click="renameFolder(node)"
<i ng-if="!node.isTrash" 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>
<i ng-if="!node.isTrash"
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>
<a>
<!-- if folder is in trash -->
<i ng-if="node.isTrash"
class="fa fa-undo notebook-list-btn" ng-show="showFolderButton" ng-click="restoreFolder(node.id)"
tooltip-placement="bottom" tooltip="Restore folder">
</i>
</a>
<a>
<i ng-if="node.isTrash" style="font-size: 16px"
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/home-template.html'" ng-class="'notebook_folder_renderer'" />
<li ng-repeat="node in node.children" ng-include="'app/home/home-template.html'" ng-class="'notebook_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>
</a>
<a>
<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/home-template.html'" ng-class="'notebook_folder_renderer'" ></li>
</ul>
</div>
</div>