<tr data-bind="css: { 'selectable': selectable, 'system': isSystemFolder }">
	<td data-bind="click: edit, css: 'deep-' + deep">
		<span class="folder-name" data-bind="text: name, tooltipErrorTip: errorMsg"></span>
		<span class="folder-system-name" data-bind="text: nameInfo, visible: isSystemFolder"></span>
		<span class="folder-size" data-bind="text: friendlySize, visible: size"></span>
	</td>
	<td data-i18n="[title]SETTINGS_FOLDERS/HELP_DELETE_FOLDER">
		<a class="btn btn-small btn-danger button-confirm-delete" data-bind="css: {'delete-access': askDelete()}, click: $root.deleteFolder"
			data-i18n="GLOBAL/ARE_YOU_SURE"></a>
		<span class="e-action fontastic" data-bind="visible: canBeDeleted() && !askDelete(), click: $root.folderForDeletion">🗑</span>
	</td>
	<td data-i18n="[title]SETTINGS_FOLDERS/HELP_SHOW_HIDE_FOLDER" data-bind="if: canBeSubscribed">
		<span class="e-action fontastic" data-bind="css: {'unsubscribed-folder':!isSubscribed()}, click: $root.toggleFolderSubscription">👁</span>
	</td>
	<!-- ko if: $root.displaySpecSetting -->
	<td data-i18n="[title]SETTINGS_FOLDERS/HELP_CHECK_FOR_NEW_MESSAGES" data-bind="if: canBeSelected() && isSubscribed()">
		<span class="e-action icon-check-mark-circle-two" data-bind="css: {'check-folder':checkable(), 'unchecked-folder':!checkable()}, click: $root.toggleFolderCheckable"></span>
	</td>
	<!-- /ko -->
	<!-- ko if: $root.showKolab -->
	<td class="kolab" title="Kolab">
		<select data-bind="options: $root.kolabTypeOptions, value: kolabType,
			optionsText: 'name', optionsValue: 'id', optionsAfterRender: $root.defaultOptionsAfterRender,
			event:{ input: $root.toggleFolderKolabType}"></select>
	</td>
	<!-- /ko -->
</tr>
<!-- ko template: { name: 'SettingsFolderItem', foreach: subFolders } --><!-- /ko -->
