|
@@ -25,26 +25,26 @@
|
|
|
from django.utils.translation import ugettext as _
|
|
from django.utils.translation import ugettext as _
|
|
|
%>
|
|
%>
|
|
|
|
|
|
|
|
-<%def name="import_templates(itemClick=None, iconClick=None, itemDblClick=None, itemSelected=None, iconModifier=None, styleModifier=None, styleModifierPullRight=None, showMore=None, anchorProperty=None, strikedProperty=None, itemChecked=None)">
|
|
|
|
|
|
|
+<%def name="import_templates(itemClick=None, iconClick=None, itemDblClick=None, itemSelected=None, iconModifier=None, styleModifier=None, styleModifierPullRight=None, showMore=None, anchorProperty=None, strikedProperty=None, itemChecked=None, component='')">
|
|
|
|
|
|
|
|
<script src="${ static('desktop/js/ko.tree.js') }" type="text/javascript" charset="utf-8"></script>
|
|
<script src="${ static('desktop/js/ko.tree.js') }" type="text/javascript" charset="utf-8"></script>
|
|
|
|
|
|
|
|
- <script type="text/html" id="tree-template">
|
|
|
|
|
|
|
+ <script type="text/html" id="tree-template${ component }">
|
|
|
<!-- ko if: nodes != null -->
|
|
<!-- ko if: nodes != null -->
|
|
|
<ul class="tree" data-bind="foreach: nodes">
|
|
<ul class="tree" data-bind="foreach: nodes">
|
|
|
<li>
|
|
<li>
|
|
|
- <span data-bind="template: { name: 'node-name-template', data: $data }"></span>
|
|
|
|
|
- <div data-bind="template: { name: 'folder-template', data: $data }, visible: isExpanded"></div>
|
|
|
|
|
|
|
+ <span data-bind="template: { name: 'node-name-template${ component }', data: $data }"></span>
|
|
|
|
|
+ <div data-bind="template: { name: 'folder-template${ component }', data: $data }, visible: isExpanded"></div>
|
|
|
</li>
|
|
</li>
|
|
|
</ul>
|
|
</ul>
|
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
- <script type="text/html" id="folder-template">
|
|
|
|
|
|
|
+ <script type="text/html" id="folder-template${ component }">
|
|
|
<ul>
|
|
<ul>
|
|
|
<!-- ko foreach: nodes -->
|
|
<!-- ko foreach: nodes -->
|
|
|
<li>
|
|
<li>
|
|
|
- <div data-bind="template: { name: 'node-template', data: $data }"></div>
|
|
|
|
|
|
|
+ <div data-bind="template: { name: 'node-template${ component }', data: $data }"></div>
|
|
|
</li>
|
|
</li>
|
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
|
%if showMore:
|
|
%if showMore:
|
|
@@ -59,19 +59,19 @@
|
|
|
</ul>
|
|
</ul>
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
- <script type="text/html" id="node-template">
|
|
|
|
|
|
|
+ <script type="text/html" id="node-template${ component }">
|
|
|
<!-- ko if: nodes != null -->
|
|
<!-- ko if: nodes != null -->
|
|
|
<span data-bind="
|
|
<span data-bind="
|
|
|
- template: { name: 'node-name-template', data: $data },
|
|
|
|
|
|
|
+ template: { name: 'node-name-template${ component }', data: $data },
|
|
|
css: { 'pointer-icon': nodes().length > 0 }"></span>
|
|
css: { 'pointer-icon': nodes().length > 0 }"></span>
|
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
|
|
|
|
|
|
<!-- ko if: nodes().length !== 0 -->
|
|
<!-- ko if: nodes().length !== 0 -->
|
|
|
- <div data-bind="template: { name: 'folder-template', data: $data }, visible: isExpanded"></div>
|
|
|
|
|
|
|
+ <div data-bind="template: { name: 'folder-template${ component }', data: $data }, visible: isExpanded"></div>
|
|
|
<!-- /ko -->
|
|
<!-- /ko -->
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
- <script type="text/html" id="node-name-template">
|
|
|
|
|
|
|
+ <script type="text/html" id="node-name-template${ component }">
|
|
|
<div class="node-row" data-bind="
|
|
<div class="node-row" data-bind="
|
|
|
%if itemSelected:
|
|
%if itemSelected:
|
|
|
css: { selected: ${itemSelected}}
|
|
css: { selected: ${itemSelected}}
|
|
@@ -132,7 +132,7 @@
|
|
|
|
|
|
|
|
</%def>
|
|
</%def>
|
|
|
|
|
|
|
|
-<%def name="render(id=None, data=None, afterRender='void(0)')">
|
|
|
|
|
- <div id="${id}" class="hue-tree" data-bind="template: { name: 'tree-template', data: ${data}, afterRender: ${afterRender} }"></div>
|
|
|
|
|
|
|
+<%def name="render(id=None, data=None, afterRender='void(0)', component='')">
|
|
|
|
|
+ <div id="${id}" class="hue-tree" data-bind="template: { name: 'tree-template${ component }', data: ${data}, afterRender: ${afterRender} }"></div>
|
|
|
</%def>
|
|
</%def>
|
|
|
|
|
|