<?php
/**
    * @file site_tree.php
    * @brief Контейнеры и элементы дерева сайта: основное дерево, панель настроек узлов, свойства узлов с кнопками действий
*/
?>

<?php /** @brief Основной контейнер дерева сайта */ $treeDiv; ?>
<div id="treeDiv" style="visibility: hidden; top: 20%; left: 50%; transform: translate(-50%, -20%);">
    <div id="treeTop">
        <span id="treeTopTitle">{{tree_site_title}}</span>
        <span id="treeCloseFun" class="editib"></span>
    </div>
    <div id="treeTableDiv"></div>
    <span id="treeSettingsSave">{{save}}</span>
</div>

<?php /** @brief Панель настроек элементов дерева */ $treeSettings; ?>
<div id="treeSettings" style="visibility: hidden; top: 0px; left: 0px;">
    <div id="treeSettingsDiv">
        <span id="treeSettingsAdd" class="treeSettingsButtons">{{add}}</span>
        <span id="treeSettingsPaste" class="treeSettingsButtons">{{paste}}</span>
        <span id="treeSettingsCopy" class="treeSettingsButtons">{{copy}}</span>
        <span id="treeSettingsRename" class="treeSettingsButtons">{{rename}}</span>
        <span id="treeSettingsProperties" class="treeSettingsButtons">{{properties}}</span>
        <span id="treeSettingsDelete" class="treeSettingsButtons">{{delete}}</span>
        <span id="treeSettingsChoose" class="treeSettingsButtons">{{choose}}</span>
    </div>
</div>

<?php /** @brief Панель свойств выбранного узла дерева с кнопками подтверждения */ $treeProperties; ?>
<div id="treeProperties" style="visibility: hidden; top: 20%; left: 50%; transform: translate(-50%, -20%);">
    <div id="treePropertiesTop">
        <span id="treePropertiesTopName" class="treePropertiesTop"></span>
        <span id="treePropertiesTopClose" class="editib"></span>
    </div>
    <div id="treePropertiesMiddle">
        <div id="treePropertiesWindow">
            <span id="treePropertiesWindowProperties" class="treePropertiesWindowDiv">{{properties}}</span>
            <span id="treePropertiesWindowRights" class="treePropertiesWindowDiv">{{rights}}</span>
        </div>
        <div id="treePropertiesDiv">
        </div>
        <div id="treePropertiesDivButtons">
            <div id="treePropertiesDivButtonOk" class="treePropertiesDivButton">{{ok}}</div>
            <div id="treePropertiesDivButtonCancel" class="treePropertiesDivButton">{{cancel}}</div>
        </div>
    </div>
</div>
