<?xml version="1.0" encoding="UTF-8"?>
<guidriver name="ajxp_mobile" label="CONF_MESSAGE[Mobile]" description="CONF_MESSAGE[Template extending gui.ajax for small screen terminals.]" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="file:../core.ajaxplorer/ajxp_registry.xsd">
    <class_definition filename="plugins/gui.mobile/class.MobileGuiPlugin.php" classname="MobileGuiPlugin"/>
    <client_settings>
        <resources>
            <i18n namespace="mobile_gui" path="plugins/gui.mobile/i18n"/>
        </resources>
    </client_settings>
	<registry_contributions>
        <actions>
            <action name="ls_inline" dirDefault="true">
                <gui text="32" title="32" src="fileopen.png" iconClass="icon-chevron-right"
                     accessKey="folder_access_key">
                    <context selection="true" dir="" recycle="false"
                             actionBar="true" actionBarGroup="inline" contextMenu="true" infoPanel="true">
                    </context>
                    <selectionContext dir="true" file="true" recycle="false"
                                      unique="true" allowedMimes="ajxp_folder,AJXP_MIMES_ZIP" behaviour="hidden">
                    </selectionContext>
                </gui>
                <processing>
                    <clientCallback prepareModal="true"><![CDATA[
					var path;
					if(window.actionArguments && window.actionArguments.length>0){
						path = window.actionArguments[0];
						if(Object.isString(path)){path = new AjxpNode(path,false,getBaseName(path));}
					}else{
						var userSelection = ajaxplorer.getUserSelection();
						if(userSelection && userSelection.isUnique() && (userSelection.hasDir() || userSelection.hasMime("AJXP_MIMES_ZIP".split(",")))){
							path = userSelection.getUniqueNode();
						}
					}
					if(path){
						ajaxplorer.updateContextData(path);
					}
					]]></clientCallback>
                </processing>
            </action>
        </actions>
		<client_configs uuidAttr="name">
			<template name="mobile_extensions" element="head" position="bottom"><![CDATA[
				<link type="text/css" rel="stylesheet" href="plugins/gui.mobile/ajxp-mobile.css" media="screen">
				<script type="text/javascript">
					window.ajxpMobile = true;
				</script>
			]]></template>
			<template name="main_oxygen" element="ajxp_desktop" position="top" theme="oxygen"><![CDATA[
				<div id="toolbars">
					<div id="action_bar">
						<div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar"></div>
						<div id="locationbar_cont">
							<div style="height: 100%;" class="separator"></div>
							<div style="padding-top : 5px;">
								<div id="repo_chooser" ajxpClass="RepositorySelect"></div>
								<div id="locationBar" ajxpClass="LocationBar" ajxpOptions='{"flexTo":"locationbar_cont"}'></div>
								<div id="logging_string" ajxpClass="UserWidget"></div>
							</div>
						</div>
					</div>
				</div>
				<div id="browser" ajxpClass="AjxpPane" ajxpOptions='{"fit":"height","fitParent":"ajxp_desktop"}'>
						<div id="content_pane" ajxpClass="FilesList" ajxpOptions='"list"' style="border: 1px solid #676965;"></div>
				</div>
				<div id="info_container" class="css_boxshadow" ajxpClass="AjxpPane" style="position:absolute;top:4%;left:2%;width:95%;height:91%;display:none;z-index:20001; border-radius: 5px 5px 5px 5px; background-color: #F1F1EF; border: 3px solid #2b70c4;">
					<div id="info_panel_header" class="panelHeader" style="font-weight:bold;color:#2b70c4;font-size:14px;"><a class="m-2" style="float:right;" href="javascript:$('info_container').hide();">Close</a><span class="info_panel_title_span">Title</span></div>
					<div id="info_panel" ajxpClass="InfoPanel" ajxpOptions='{"fit":"height"}' class="ajxp_simple_container"></div>
				</div>
				<div id="mobile_actions" style="display:none"><a class="m-2" href="#">Info</a> <a class="m-2" href="#">Explore</a></div>
			]]></template>
            <template name="main_umbra" element="ajxp_desktop" position="top" theme="umbra"><![CDATA[
				<div id="toolbars">
					<div>
						<div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"skipBubbling":true,"defaultIconSize":16,"defaultStyle":"icon_text","styles":{"icons_only":"Icons Only","icon_text":"Icons and Text","text_only":"Text only"},"stylesImgSizes":{"icons_only":22,"icon_text":16,"text_only":16},"stylesBarSizes":{"icons_only":40,"icon_text":51,"text_only":30}}' class="soft_css_gradient"></div>
						<div id="locationbar_cont" class="css_gradient">
							<div style="height: 100%;" class="separator"></div>
							<div style="padding-top : 5px;">
								<div id="repo_chooser" ajxpClass="RepositorySelect"></div>
								<div id="locationBar" ajxpClass="LocationBar" ajxpOptions='{"flexTo":"locationbar_cont","searchButton":"searchbar_splitter","searchIcon":"xmag.png", "searchFocus":"search_txt"}'></div>
								<div id="logging_string" ajxpClass="UserWidget"></div>
							</div>
						</div>
					</div>
				</div>
                <div id="searchbar_splitter" class="browser_splitter umbra" style="overflow:hidden;" ajxpClass="Splitter" ajxpOptions='{"fit":"height","fitParent":"ajxp_desktop","direction":"horizontal","initA":0, "minSize":0, "startFolded": true}'>
                    <div id="search_container" ajxpClass="SearchEngine" ajxpPaneHeader="87" ajxpPaneIcon="xmag.png" data-globalOptions='{"headerClose":{"icon":"panel_vertical_hide.png","splitter":"searchbar_splitter","title":86}}' style="height: 0px; overflow:hidden;"></div>
                    <div id="content_pane" ajxpClass="FilesList" ajxpOptions='"list"' style="border: 1px solid #bbb;margin:3px;margin-top:1px;"></div>
                </div>
				<div id="info_container" class="css_boxshadow umbra" ajxpClass="AjxpPane" style="position:absolute;top:4%;left:2%;width:95%;height:91%;display:none;z-index:20001; border-radius: 5px 5px 5px 5px; background-color: #F1F1EF; border: 3px solid #2b70c4;">
					<div id="info_panel_header" class="panelHeader" style="font-weight:bold;color:#2b70c4;font-size:14px;"><a class="m-2" style="float:right;" href="javascript:$('info_container').hide();">Close</a><span class="info_panel_title_span">Title</span></div>
					<div id="info_panel" ajxpClass="InfoPanel" ajxpOptions='{"fit":"height"}' class="ajxp_simple_container"></div>
				</div>
				<div id="mobile_actions" style="display:none"><a class="m-2" href="#">Info</a> <a class="m-2" href="#">Explore</a></div>
			]]></template>
            <template name="main_vision" element="ajxp_desktop" position="top" theme="vision"><![CDATA[
				<div id="toolbars">
					<div id="global_toolbar" ajxpClass="LogoWidget">
					    <div id="logging_string" ajxpClass="UserWidget" ajxpOptions='{"menuEvent" : "over"}'></div>
						<div id="top_toolbar" ajxpClass="ActionsToolbar" ajxpOptions='{"submenuClassName":"panelHeaderMenu","submenuPosition":"bottom right","submenuOffsetTop":12,"toolbarsList":["user"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
						<div id="repo_chooser" ajxpClass="RepositorySelect" ajxpOptions='{"menuPosition": "bottom middle", "menuOffsetTop":11, "menuOffsetLeft":0, "menuMaxHeight":350, "menuEvent":"over", "simpleLabel":"<span class=\"icon-sitemap\"></span><span class=\"ws-label\" ajxp_message_id=\"455\">AJXP_MESSAGE[455]</span><span class=\"icon-caret-down\"></span>"}'></div>
					</div>
					<div id="workspace_toolbar" ajxpClass="AjxpPane">
                        <div id="simple_repository_label" ajxpClass="RepositorySimpleLabel" ajxpOptions='{"bindSizeTo":{"width":{"id":"topPane", "events":["resize-FilesList-content_pane","actions_refreshed"], "min":150,"offset":-5}}}'></div>
					    <div style="float:left;" ajxpClass="AjxpPane"  id="buttons_bar_cont">
						    <div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"toolbarsList":["put", "get"],"groupOtherToolbars":["more", "change", "remote"], "groupOtherLabel":"More","skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
						</div>
						<div style="float:right;" ajxpClass="AjxpPane" ajxpOptions='{"bindSizeTo":{"width":{"id":"content_pane", "events":["resize-InfoPanel-info_panel", "resize-FoldersTree-topPane","actions_refreshed"], "min":120, "offset":-20, "checkSiblings":true}}}' id="search_engine_cont">
						    <div id="search_engine" ajxpClass="SearchEngine" ajxpOptions='{"toggleResultsVisibility":"search_results_cont", "fitMarginBottom":20}'></div>
						</div>
						<div style="clear:both;" class="skipSibling"/>
					</div>
				</div>
                <div id="browser" ajxpClass="AjxpPane" ajxpOptions='{"fit":"height","fitParent":"ajxp_desktop"}'>
                    <div id="vertical_splitter2" ajxpClass="Splitter" ajxpOptions='{"direction": "vertical", "initA": 26, "minA":26, "maxA":320, "fit":"height","fitParent":"browser", "minSize":0, "foldingButton":"A", "startFolded":true, "invisibleBar":true}'>
                        <div id="topPane" ajxpClass="AjxpTabulator" ajxpOptions='{"defaultTabId": "folders","tabInfos" : [{"id":"folders","label":"130","iconClass":"icon-folder-open","element":"folder_pane"},{"id":"shared","label":"363","iconClass":"icon-share","element":"shared_elements"},{"id":"flagged","label":"147","iconClass":"icon-bookmark-empty","element":"flagged_elements"}],"headerToolbarOptions":{"submenuClassName":"panelHeaderMenu","submenuPosition":"bottom right","submenuOffsetTop":12,"toolbarsList":["filter","vertical_splitter2-actions"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}}'>
                            <div id="folder_pane" ajxpClass="FoldersTree" ajxpOptions='{"display":"dz","replaceScroller":true}' ></div>
                            <div id="shared_elements" ajxpClass="FetchedResultPane" ajxpOptions='{"nodeProviderProperties":{"get_action":"search", "query":"keyword:ajxp_shared"},"reloadOnServerMessage":"tree/reload_shared_elements"}'></div>
                            <div id="flagged_elements" ajxpClass="FetchedResultPane" ajxpOptions='{"nodeProviderProperties":{"get_action":"search", "query":"keyword:ajxp_bookmarked"},"reloadOnServerMessage":"tree/reload_bookmarks"}'></div>
                        </div>
                        <div id="cpane_container" ajxpClass="AjxpPane" ajxpOptions='{"fit":"height","fitParent":"browser"}'>
                            <div id="cpane_header" class="panelHeader">
                                <div id="display_toolbar" ajxpClass="ActionsToolbar" ajxpOptions='{"submenuClassName":"panelHeaderMenu","submenuPosition":"bottom right","submenuOffsetTop":12,"toolbarsList":["default"],"skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
                                <div id="breadcrumb" ajxpClass="Breadcrumb" style="width:50%;" ajxpOptions='{"flexTo":"cpane_header"}'></div>
                            </div>
                            <div id="content_pane" ajxpClass="FilesList" ajxpOptions='{"inlineToolbarOptions":{"toolbarsList":["inline"],"skipBubbling":true, "skipCarousel":true, "unique":true},"displayMode":"detail","replaceScroller":true, "fit":"height", "fitParent":"cpane_container", "cellPaddingCorrection":6, "iconBgPosition" : "5px 4px"}' style="border: 1px solid #bbb; border-width:0 1px;"></div>
                        </div>
                    </div>
                </div>
				<div id="info_container" ajxpClass="AjxpPane" style="position:absolute;top:4%;left:2%;width:95%;height:91%;display:none;z-index:20001; border-radius: 5px 5px 5px 5px;border: 1px solid #59F;box-shadow: rgba(0, 0, 0, 0.7) 1px 1px 31px;">
                    <div id="info_panel" ajxpClass="InfoPanel" ajxpPaneHeader="131" ajxpPaneIcon="file_info.png" ajxpOptions='{"replaceScroller":"true", "skipActions":true}'></div>
                    <div class="infoPanelActions" style="color: white; position:absolute; top: -5px; right: 5px; font-size: 1.3em;"><a class="icon-remove-sign"></a></div>
                </div>
				<div id="mobile_actions" style="display:none"><a class="m-2" href="#">Info</a> <a class="m-2" href="#">Explore</a></div>
			]]></template>
            <template_part ajxpClass="AjxpPane" ajxpId="orbit_content" ajxpOptions='{"fit":"height","fitParent":"ajxp_desktop"}' theme="orbit"><![CDATA[
            <div id="browser" ajxpClass="AjxpPane" ajxpOptions='{"fit":"height","fitParent":"ajxp_desktop"}'>
                <div id="topPane" ajxpClass="AjxpPane" ajxpOptions=''>
                    <div id="navigation_pane" style="position:relative;" ajxpClass="AjxpPane" ajxpOptions='{"fit":"height"}' >
                        <div id="navigation_scroller" ajxpClass="AjxpPane" ajxpOptions='{"fit":"height", "fitParent":"ajxp_desktop", "replaceScroller":true}'>
                            <div id="navigation_folders">
                                <h3 class="colorcode-folder" ajxp_message_id="130">AJXP_MESSAGE[130]
                                    <small id="folders_pane_toggler" ajxpClass="VisibilityToggler" ajxpOptions='{"widget_id":"folder_pane", "detection_id":"tree_container"}'>AJXP_MESSAGE[514]</small>
                                    <small onclick="$('folder_pane').toggleClassName('show_first_level');$(this).toggleClassName('expand_button_hide')"><span class='expand_label_show' ajxp_message_id="516">AJXP_MESSAGE[516]</span><span class='expand_label_hide'ajxp_message_id="517">AJXP_MESSAGE[517]</span></small>&nbsp;
                                </h3>
                                <div id="folder_pane" class="show_first_level" ajxpClass="FoldersTree" ajxpOptions='{"display":"dz","replaceScroller":false,"fit":"content"}' ></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="cpane_container" ajxpClass="AjxpPane" ajxpOptions='{"fit":"height","fitParent":"browser", "flexTo":"browser"}'>
                    <div id="files_list_pane" ajxpClass="AjxpPane"  ajxpOptions='{"fit":"height","fitParent":"cpane_container"}'>
                        <div id="files_list_header" ajxpClass="AjxpPane">
                            <div style="float:left;" ajxpClass="AjxpPane"  id="buttons_bar_cont" ajxpOptions='{"flexTo":"files_list_header", "flexToMargin":30}'>
                                <div id="buttons_bar" class="action_bar" ajxpClass="ActionsToolbar" ajxpOptions='{"toolbarsList":["navigation", "info_panel_share","put"],"groupOtherToolbars":["more", "change_main", "change", "remote"], "groupOtherLabel":"More","skipBubbling":true, "skipCarousel":true,"submenuOffsetTop":2}'></div>
                            </div>
                        </div>
                        <div id="content_pane" ajxpClass="FilesList" ajxpOptions='{"inlineToolbarOptions":{"toolbarsList":["inline"],"unique":true},"displayMode":"detail","replaceScroller":true, "messageBoxReference":true, "fit":"height", "fitParent":"files_lit_pane", "cellPaddingCorrection":6, "iconBgPosition" : "5px 4px"}'></div>
                    </div>
                </div>
            </div>
            <div id="info_container" ajxpClass="AjxpPane" style="position:absolute;top:4%;left:2%;width:95%;height:91%;display:none;z-index:20001; border-radius: 5px 5px 5px 5px;border: 1px solid #59F;box-shadow: rgba(0, 0, 0, 0.7) 1px 1px 31px;">
                <div id="info_panel" ajxpClass="InfoPanel" ajxpPaneHeader="131" ajxpPaneIcon="file_info.png" ajxpOptions='{"replaceScroller":"true", "skipActions":true}'></div>
                <div class="infoPanelActions" style="color: white; position:absolute; top: -5px; right: 5px; font-size: 1.3em;"><a class="icon-remove-sign"></a></div>
            </div>
        ]]></template_part>

            <template_part ajxpClass="FilesList" ajxpId="content_pane" ajxpOptions='{"inlineToolbarOptions":{"toolbarsList":["inline"],"unique":true}, "displayMode":"detail", "detailThumbSize": 50 ,"replaceScroller":true, "messageBoxReference":true, "fit":"height", "fitParent":"cpane_container", "cellPaddingCorrection":6, "iconBgPosition" : "5px 4px", "invisibleSelection":false}' theme="orbit"><![CDATA[
                <div id="content_pane" ajxpClass="FilesList" ajxpOptions='{"inlineToolbarOptions":{"toolbarsList":["inline"],"unique":true}, "displayMode":"detail", "detailThumbSize": 50 ,"replaceScroller":true, "messageBoxReference":true, "fit":"height", "fitParent":"cpane_container", "cellPaddingCorrection":6, "iconBgPosition" : "5px 4px", "invisibleSelection":false}' style="border: 1px solid #bbb; border-width:0 1px;"></div>
            ]]></template_part>
            <template element="ajxp_shared_folder" name="minisite_complete" position="bottom"><![CDATA[
                <div id="info_container" ajxpClass="AjxpPane" style="position:absolute;top:4%;left:2%;width:95%;height:91%;display:none;z-index:20001; border-radius: 5px 5px 5px 5px;border: 1px solid #59F;box-shadow: rgba(0, 0, 0, 0.7) 1px 1px 31px;">
                    <div id="info_panel" ajxpClass="InfoPanel" ajxpPaneHeader="131" ajxpPaneIcon="file_info.png" ajxpOptions='{"replaceScroller":"true", "skipActions":true}'></div>
                    <div class="infoPanelActions" style="color: white; position:absolute; top: -5px; right: 5px; font-size: 1.3em;"><a class="icon-remove-sign"></a></div>
                </div>
            ]]></template>
            <template element="ajxp_embed_template" name="minisite_complete_bare" position="bottom"><![CDATA[
                <div id="info_container" ajxpClass="AjxpPane" style="position:absolute;top:4%;left:2%;width:95%;height:91%;display:none;z-index:20001; border-radius: 5px 5px 5px 5px;border: 1px solid #59F;box-shadow: rgba(0, 0, 0, 0.7) 1px 1px 31px;">
                    <div id="info_panel" ajxpClass="InfoPanel" ajxpPaneHeader="131" ajxpPaneIcon="file_info.png" ajxpOptions='{"replaceScroller":"true", "skipActions":true}'></div>
                    <div class="infoPanelActions" style="color: white; position:absolute; top: -5px; right: 5px; font-size: 1.3em;"><a class="icon-remove-sign"></a></div>
                </div>
            ]]></template>

			<component_config className="FilesList">
				<property name="fixedThumbSize" value="40"/>
				<columns switchGridMode="filelist">
					<column messageId="1" attributeName="ajxp_label" fixedWidth="60%"/>
					<column messageId="2" attributeName="filesize" fixedWidth="40%"/>
				</columns>
			</component_config>
		</client_configs>
	</registry_contributions>
    <dependencies>
        <activePlugin pluginName="gui.ajax"/>
    </dependencies>
</guidriver>
