<div id="C_VISUALIZATION_TOP" class="p5 border-bottom noprint">
    <div class="input-group input-size-medium">
        [{isys type="f_popup" p_strPopupType="browser_object_ng" name="C_VISUALIZATION_OBJ_SELECTION" disableInputGroup=true}]
        [{isys type="f_popup" p_strPopupType="visualization_itservice_selection" name="C_VISUALIZATION_IT_SERVICE_SELECTION" disableInputGroup=true}]
    </div>

    [{isys type="f_popup" p_strPopupType="visualization_profile" name="C_VISUALIZATION_PROFILE"}]

    <button type="button" class="btn btn-secondary hide" id="C_VISUALIZATION_TOP_OPTIONS_LABEL">
        <img src="[{$dir_images}]axialis/basic/gear.svg">
    </button>

	<div id="C_VISUALIZATION_TOP_OPTIONS">
		<button data-tooltip="1" type="button" id="C_VISUALIZATION_FULLSCREEN" class="fr btn" title="[{isys type="lang" ident="LC__MODULE__CMDB__VISUALIZATION__FULLSCREEN"}]">
			<img src="[{$dir_images}]axialis/user-interface/fullscreen.svg" /><span>[{isys type="lang" ident="LC__MODULE__CMDB__VISUALIZATION__FULLSCREEN"}]</span>
		</button>

		<button data-tooltip="1" type="button" id="C_VISUALIZATION_REFRESH_BUTTON" class="fr btn mr5" title="[{isys type="lang" ident="LC__MODULE__CMDB__VISUALIZATION__REFRESH_VIEW"}]">
			<img src="[{$dir_images}]axialis/basic/symbol-update.svg" /><span>[{isys type="lang" ident="LC__MODULE__CMDB__VISUALIZATION__REFRESH_VIEW"}]</span>
		</button>

		[{isys type="f_popup" p_strPopupType="visualization_export" name="C_VISUALIZATION_EXPORT_BUTTON" disableInputGroup=true}]

		<button data-tooltip="1" type="button" id="C_VISUALIZATION_ZOOM_BUTTON" class="fr btn mr5" title="[{isys type="lang" ident="LC__MODULE__CMDB__VISUALIZATION__ZOOM"}]">
			<img src="[{$dir_images}]axialis/basic/light-on.svg" /><span>[{isys type="lang" ident="LC__MODULE__CMDB__VISUALIZATION__ZOOM"}]</span>
		</button>

		<!-- Spacing through margin -->

		<button data-tooltip="1" type="button" id="C_VISUALIZATION_SWITCH_VIS_TYPE_BUTTON" class="fr btn mr20" title="[{isys type="lang" ident="LC__MODULE__CMDB__VISUALIZATION__SWITCH_VIS_TYPE_BUTTON"}]">
			<img src="[{$dir_images}]axialis/development/source-control.svg" /><span>[{isys type="lang" ident="LC__MODULE__CMDB__VISUALIZATION__SWITCH_VIS_TYPE_BUTTON"}]</span>
		</button>

		<button data-tooltip="1" type="button" id="C_VISUALIZATION_ORIENTATION_BUTTON" class="fr btn mr5" title="[{isys type="lang" ident="LC__MODULE__CMDB__VISUALIZATION__CHANGE_ORIENTATION"}]" data-orientation="[{$orientation}]">
			<img src="[{$dir_images}]axialis/cad/modify-rotate.svg" /><span>[{isys type="lang" ident="LC__MODULE__CMDB__VISUALIZATION__CHANGE_ORIENTATION"}]</span>
		</button>

		<div class="fr input-group input-size-small mr20">
			[{isys type="f_dialog" name="C_VISUALIZATION_SERVICE_FILTER" disableInputGroup=true}]
			<a href="[{$service_filter_url}]" class="btn not-responsive" title="[{isys type="lang" ident="LC__MODULE__CMDB__VISUALIZATION__SERVICES_FILTER_CONFIGURATION"}]">
				<img src="[{$dir_images}]axialis/basic/link.svg" />
			</a>
		</div>
	</div>
</div>
