<div class="panel_center" data-bind="customScrollbar: {x: false}">
<div class="scroll-inner">
<div class="items_list collapsible">
<!-- ko foreach: storages -->
<!-- ko if: !hideInList -->
<div class="item canSelect" data-bind="css: {'selected': type === $parent.storageType()}">
<a href="javascript: void(0);" class="title" data-bind="
droppable: {
valueFunc: function (oEvent, oUi) {
$parent.filesDrop($data, oEvent, oUi);
},
switchObserv: droppableDisabled
},
click: function () { $parent.routeFiles(type); }">
<span class="name">
<span class="icon" data-bind="css: 'type' + type"></span>
<span class="text" data-bind="text: displayName"></span>
</span>
</a>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko foreach: storageControllers -->
<!-- ko if: $data.ViewTemplate -->
<!-- ko template: { name: $data.ViewTemplate, data: $data} --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
</div>
</div>