<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-test-id="files-storage-item" data-bind="css: {'selected': type === $parent.storageType()}, attr: {'data-storage-type': type}">
					<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>
