new init

build/htdocs/dist/packages/default/Settings/api.js

@@ -0,0 +1,51 @@
+/*!
+ * OS.js - JavaScript Cloud/Web Desktop Platform
+ *
+ * Copyright (c) 2011-2016, Anders Evenrud <andersevenrud@gmail.com>
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ * 1. Redistributions of source code must retain the above copyright notice, this
+ *    list of conditions and the following disclaimer.
+ * 2. Redistributions in binary form must reproduce the above copyright notice,
+ *    this list of conditions and the following disclaimer in the documentation
+ *    and/or other materials provided with the distribution.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+ * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+ * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+ * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ *
+ * @author  Anders Evenrud <andersevenrud@gmail.com>
+ * @licence Simplified BSD License
+ */
+(function() {
+  'use strict';
+
+  /*
+   * See http://os.js.org/doc/tutorials/application-with-server-api.html
+   */
+
+  //
+  // Run `app._api('test', {}, fn)` in client to reach this
+  //
+  module.exports.test = function(args, callback, request, response) {
+    callback(false, 'test');
+  };
+
+  //
+  // This is called whenever the HTTP server starts up
+  //
+  module.exports._onServerStart = function(server, instance, metadata) {
+  };
+
+})();
+

build/htdocs/dist/packages/default/Settings/combined.css

@@ -0,0 +1,108 @@
+/*!
+ * OS.js - JavaScript Cloud/Web Desktop Platform
+ *
+ * Copyright (c) 2011-2015, Anders Evenrud <andersevenrud@gmail.com>
+ * All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met: 
+ * 
+ * 1. Redistributions of source code must retain the above copyright notice, this
+ *    list of conditions and the following disclaimer. 
+ * 2. Redistributions in binary form must reproduce the above copyright notice,
+ *    this list of conditions and the following disclaimer in the documentation
+ *    and/or other materials provided with the distribution. 
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+ * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+ * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+ * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ *
+ * @author  Anders Evenrud <andersevenrud@gmail.com>
+ * @licence Simplified BSD License
+ */
+
+.ApplicationSettingsWindow application-window-content {
+  overflow : hidden;
+}
+
+.ApplicationSettingsWindow application-window-content gui-expander {
+  margin-bottom : 5px;
+}
+
+.ApplicationSettingsWindow application-window-content [data-id="ContainerButtons"],
+.ApplicationSettingsWindow application-window-content [data-id="ContainerContent"] {
+  overflow : hidden;
+  display : none;
+}
+
+.ApplicationSettingsWindow application-window-content [data-id="SoundsList"] {
+  height : 150px;
+}
+
+.ApplicationSettingsWindow application-window-content [data-id="HotkeysList"] {
+  height : 200px;
+}
+
+.ApplicationSettingsWindow application-window-content [data-id="UsersList"],
+.ApplicationSettingsWindow application-window-content [data-id="InstalledPackages"],
+.ApplicationSettingsWindow application-window-content [data-id="PackagePaths"],
+.ApplicationSettingsWindow application-window-content [data-id="PanelItems"],
+.ApplicationSettingsWindow application-window-content [data-id="MountList"],
+.ApplicationSettingsWindow application-window-content [data-id="SearchPaths"] {
+  height : 140px;
+}
+
+.ApplicationSettingsWindow application-window-content [data-id="ContainerContent"] > div {
+  overflow : auto;
+  height : 100%;
+  width : 100%;
+}
+
+.ApplicationSettingsWindow application-window-content [data-id="ContainerSelection"] {
+}
+
+.ApplicationSettingsWindow application-window-content .ListView {
+  overflow : hidden;
+  height : 100%;
+  width : 100%;
+}
+  .ApplicationSettingsWindow application-window-content .ListView > div {
+    min-height : 32px;
+  }
+    .ApplicationSettingsWindow application-window-content .ListView > div > ul {
+      list-style : none;
+      margin : 0;
+      padding : 0;
+      pointer-events: none;
+    }
+      .ApplicationSettingsWindow application-window-content .ListView > div > ul > li {
+        box-sizing : border-box;
+        display : inline-block;
+        margin : 0;
+        padding : 10px;
+        text-align : center;
+        cursor : pointer;
+        width : 90px;
+        height : 70px;
+        pointer-events: all;
+      }
+        .ApplicationSettingsWindow application-window-content .ListView > div > ul > li * {
+          pointer-events : none;
+        }
+        .ApplicationSettingsWindow application-window-content .ListView > div > ul > li > span {
+          display : block;
+        }
+
+    .ApplicationSettingsWindow application-window-content .ListView > div > span {
+      display : block;
+      font-weight : bold;
+      margin-bottom : 5px;
+      pointer-events: none;
+    }

build/htdocs/dist/packages/default/Settings/metadata.json

@@ -0,0 +1,57 @@
+{
+    "className": "ApplicationSettings",
+    "preloadParallel": true,
+    "name": "Settings",
+    "mime": null,
+    "icon": "categories/applications-system.png",
+    "category": "system",
+    "singular": true,
+    "names": {
+        "bg_BG": "Настройки",
+        "de_DE": "Einstellungen",
+        "es_ES": "Settings",
+        "fr_FR": "Paramètres",
+        "it_IT": "Settaggi",
+        "ko_KR": "환경설정",
+        "nl_NL": "Instellingen",
+        "no_NO": "Instillinger",
+        "pl_PL": "Ustawienia",
+        "ru_RU": "Настройки",
+        "sk_SK": "Nastavenia",
+        "tr_TR": "Ayarlar",
+        "vi_VN": "Cài đặt"
+    },
+    "descriptions": {
+        "bg_BG": "Настройки",
+        "de_DE": "Einstellungen",
+        "es_ES": "Settings",
+        "fr_FR": "Paramètres",
+        "it_IT": "Settaggi",
+        "ko_KR": "환경설정",
+        "nl_NL": "Instellingen",
+        "no_NO": "Instillinger",
+        "pl_PL": "Ustawienia",
+        "ru_RU": "Настройки",
+        "sk_SK": "Nastavenia",
+        "tr_TR": "Program Ayarlarını düzenle",
+        "vi_VN": "Cài đặt"
+    },
+    "preload": [
+        {
+            "type": "javascript",
+            "src": "combined.js"
+        },
+        {
+            "type": "stylesheet",
+            "src": "combined.css"
+        },
+        {
+            "src": "scheme.html",
+            "type": "scheme"
+        }
+    ],
+    "type": "application",
+    "path": "default/Settings",
+    "build": {},
+    "repo": "default"
+}

build/htdocs/dist/packages/default/Settings/scheme.html

@@ -0,0 +1,655 @@
+<application-window data-id="SettingsWindow">
+
+  <gui-vbox>
+    <gui-vbox-container data-grow="1" data-fill="true" data-id="ContainerSelection">
+    </gui-vbox-container>
+
+    <gui-vbox-container data-grow="1" data-fill="true" data-id="ContainerContent">
+      <div data-module="Desktop">
+  <gui-expander data-label="LBL_WINDOWMANAGER">
+    <gui-fragment data-fragment-id="ModuleDesktopWMFragment"></gui-fragment>
+  </gui-expander>
+  <gui-expander data-label="LBL_DESKTOP">
+    <gui-fragment data-fragment-id="ModuleDesktopFragment"></gui-fragment>
+  </gui-expander>
+  <gui-expander data-label="Icon View">
+    <gui-fragment data-fragment-id="ModuleDesktopIconViewFragment"></gui-fragment>
+  </gui-expander>
+</div>
+
+<application-fragment data-id="ModuleDesktopWMFragment">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label data-id="DesktopMarginLabel">Desktop Margin</gui-label>
+      <gui-slider data-id="DesktopMargin" data-min="0" data-max="50"></gui-slider>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label data-id="CornerSnappingLabel">Desktop Corner Snapping</gui-label>
+      <gui-slider data-id="CornerSnapping" data-min="0" data-max="50"></gui-slider>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label data-id="WindowSnappingLabel">Window Snapping</gui-label>
+      <gui-slider data-id="WindowSnapping" data-min="0" data-max="50"></gui-slider>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>Enable Window Switcher</gui-label>
+      <gui-switch data-id="EnableWindowSwitcher"></gui-switch>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>Enable Animations</gui-label>
+      <gui-switch data-id="EnableAnimations"></gui-switch>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+<application-fragment data-id="ModuleDesktopIconViewFragment">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>Enable Icon View</gui-label>
+      <gui-switch data-id="EnableIconView"></gui-switch>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>Invert Text Color</gui-label>
+      <gui-switch data-id="EnableIconViewInvert"></gui-switch>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+<application-fragment data-id="ModuleDesktopFragment">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>Enable TouchMenu</gui-label>
+      <gui-switch data-id="EnableTouchMenu"></gui-switch>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+      <div data-module="Input">
+  <gui-expander data-label="LBL_HOTKEYS">
+    <gui-fragment data-fragment-id="ModuleInputFragment"></gui-fragment>
+  </gui-expander>
+  <gui-expander data-label="LBL_HOTKEYS">
+    <gui-fragment data-fragment-id="ModuleInputShortcutsFragment"></gui-fragment>
+  </gui-expander>
+</div>
+
+<application-fragment data-id="ModuleInputFragment">
+  <gui-vbox class="block-label">
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>Enable Hotkeys</gui-label>
+      <gui-switch data-id="EnableHotkeys"></gui-switch>
+    </gui-vbox-container>
+
+  </gui-vbox>
+</application-fragment>
+
+<application-fragment data-id="ModuleInputShortcutsFragment">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-grow="1">
+      <gui-list-view data-id="HotkeysList" data-multiple="false">
+        <gui-list-view-head>
+          <gui-list-view-row>
+            <gui-list-view-column>LBL_NAME</gui-list-view-column>
+            <gui-list-view-column data-size="100px" data-resizable="true">LBL_HOTKEY</gui-list-view-column>
+          </gui-list-view-row>
+        </gui-list-view-head>
+      </gui-list-view>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-button-bar>
+        <gui-button data-id="HotkeysEdit" data-icon="stock://16x16/actions/system-run.png"></gui-button>
+      </gui-button-bar>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+      <div data-module="Locale">
+  <gui-expander data-label="LBL_LOCALES">
+    <gui-fragment data-fragment-id="ModuleLocalesFragment"></gui-fragment>
+  </gui-expander>
+</div>
+
+<application-fragment data-id="ModuleLocalesFragment">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>Language (requires restart)</gui-label>
+      <gui-select data-id="UserLocale"></gui-select>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+      <div data-module="Panel">
+  <gui-expander data-label="LBL_OPTIONS">
+    <gui-fragment data-fragment-id="ModulePanelAppearance"></gui-fragment>
+  </gui-expander>
+  <gui-expander data-label="LBL_ITEMS">
+    <gui-fragment data-fragment-id="ModulePanelItems"></gui-fragment>
+  </gui-expander>
+
+</div>
+
+<application-fragment data-id="ModulePanelAppearance">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_POSITION</gui-label>
+      <gui-select data-id="PanelPosition"></gui-select>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_AUTOHIDE</gui-label>
+      <gui-switch data-id="PanelAutoHide"></gui-switch>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_ONTOP</gui-label>
+      <gui-switch data-id="PanelOntop"></gui-switch>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_BACKGROUND_COLOR</gui-label>
+      <gui-input-modal data-id="PanelBackgroundColor"></gui-input-modal>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_TEXT_COLOR</gui-label>
+      <gui-input-modal data-id="PanelForegroundColor"></gui-input-modal>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_OPACITY</gui-label>
+      <gui-slider data-id="PanelOpacity" data-min="0" data-max="100"></gui-slider>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+<application-fragment data-id="ModulePanelItems">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-grow="1">
+      <gui-list-view data-id="PanelItems" data-multiple="false"></gui-list-view>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-button-bar>
+        <gui-button data-id="PanelButtonAdd" data-icon="stock://16x16/actions/add.png"></gui-button>
+        <gui-button data-id="PanelButtonRemove" data-icon="stock://16x16/actions/remove.png"></gui-button>
+        <gui-button data-id="PanelButtonUp" data-icon="stock://16x16/actions/up.png"></gui-button>
+        <gui-button data-id="PanelButtonDown" data-icon="stock://16x16/actions/down.png"></gui-button>
+        <gui-button data-id="PanelButtonOptions" data-icon="stock://16x16/actions/system-run.png"></gui-button>
+        <gui-button data-id="PanelButtonReset" data-icon="stock://16x16/actions/revert.png"></gui-button>
+      </gui-button-bar>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+      <div data-module="Packages">
+  <gui-expander data-label="Package Visibility">
+    <gui-fragment data-fragment-id="ModulePackageVisibilityFragment"></gui-fragment>
+  </gui-expander>
+  <gui-expander data-label="Package Locations">
+    <gui-fragment data-fragment-id="ModulePackagePathsFragment"></gui-fragment>
+  </gui-expander>
+</div>
+
+<application-fragment data-id="ModulePackageVisibilityFragment">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-grow="1">
+      <gui-list-view data-id="InstalledPackages" data-multiple="false">
+        <gui-list-view-head>
+          <gui-list-view-row>
+            <gui-list-view-column data-size="40px">LBL_HIDE</gui-list-view-column>
+            <gui-list-view-column data-size="100px" data-resizable="true">LBL_APPLICATION</gui-list-view-column>
+            <gui-list-view-column data-size="50px" data-resizable="true">LBL_SCOPE</gui-list-view-column>
+            <gui-list-view-column>Name</gui-list-view-column>
+          </gui-list-view-row>
+        </gui-list-view-head>
+      </gui-list-view>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-button-bar>
+        <gui-button data-id="ButtonUninstall" data-disabled="true">LBL_UNINSTALL</gui-button>
+        <gui-button data-id="ButtonSaveHidden">LBL_SAVE</gui-button>
+        <gui-button data-id="ButtonRegen">LBL_REGENERATE</gui-button>
+        <gui-button data-id="ButtonZipInstall">Install from zip</gui-button>
+      </gui-button-bar>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+<application-fragment data-id="ModulePackagePathsFragment">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-grow="1">
+      <gui-list-view data-id="PackagePaths" data-multiple="false"></gui-list-view>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-button-bar>
+        <gui-button data-id="PackagePathsAdd" data-icon="stock://16x16/actions/add.png"></gui-button>
+        <gui-button data-id="PackagePathsRemove" data-icon="stock://16x16/actions/remove.png"></gui-button>
+      </gui-button-bar>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+      <div data-module="Store">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-grow="1" data-fill="true">
+      <gui-list-view data-id="AppStorePackages" data-multiple="false">
+        <gui-list-view-head>
+          <gui-list-view-row>
+            <gui-list-view-column>LBL_NAME</gui-list-view-column>
+            <gui-list-view-column data-size="100px">LBL_REPOSITORY</gui-list-view-column>
+            <gui-list-view-column data-size="50px" data-resizable="true">LBL_VERSION</gui-list-view-column>
+            <gui-list-view-column data-size="100px" data-resizable="true">LBL_AUTHOR</gui-list-view-column>
+          </gui-list-view-row>
+        </gui-list-view-head>
+      </gui-list-view>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-button-bar>
+        <gui-button data-id="ButtonStoreRefresh">LBL_REFRESH</gui-button>
+        <gui-button data-id="ButtonStoreInstall">LBL_INSTALL</gui-button>
+      </gui-button-bar>
+    </gui-vbox-container>
+  </gui-vbox>
+</div>
+
+      <div data-module="Search">
+  <gui-expander data-label="Search Options">
+    <gui-fragment data-fragment-id="ModuleSearchOptionsFragment"></gui-fragment>
+  </gui-expander>
+  <gui-expander data-label="Search Locations">
+    <gui-fragment data-fragment-id="ModuleSearchLocationsFragment"></gui-fragment>
+  </gui-expander>
+</div>
+
+<application-fragment data-id="ModuleSearchOptionsFragment">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>Enable Application Search</gui-label>
+      <gui-switch data-id="SearchEnableApplications"></gui-switch>
+    </gui-vbox-container>
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>Enable File Search</gui-label>
+      <gui-switch data-id="SearchEnableFiles"></gui-switch>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+<application-fragment data-id="ModuleSearchLocationsFragment">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-grow="1">
+      <gui-list-view data-id="SearchPaths" data-multiple="false"></gui-list-view>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-button-bar>
+        <gui-button data-id="SearchAdd" data-icon="stock://16x16/actions/add.png"></gui-button>
+        <gui-button data-id="SearchRemove" data-icon="stock://16x16/actions/remove.png"></gui-button>
+      </gui-button-bar>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+      <div data-module="Sounds">
+  <gui-expander data-label="Sound Theme">
+    <gui-fragment data-fragment-id="ModuleSoundThemeFragment"></gui-fragment>
+  </gui-expander>
+  <gui-expander data-label="LBL_SOUNDS">
+    <gui-fragment data-fragment-id="ModuleSoundMapFragment"></gui-fragment>
+  </gui-expander>
+</div>
+
+<application-fragment data-id="ModuleSoundThemeFragment">
+  <gui-vbox class="block-label">
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-select data-id="SoundThemeName"></gui-select>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>Enable Sounds</gui-label>
+      <gui-switch data-id="EnableSounds"></gui-switch>
+    </gui-vbox-container>
+
+  </gui-vbox>
+</application-fragment>
+
+<application-fragment data-id="ModuleSoundMapFragment">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-grow="1">
+      <gui-list-view data-id="SoundsList" data-multiple="false">
+        <gui-list-view-head>
+          <gui-list-view-row>
+            <gui-list-view-column>LBL_NAME</gui-list-view-column>
+            <gui-list-view-column data-size="100px" data-resizable="true">LBL_FILENAME</gui-list-view-column>
+          </gui-list-view-row>
+        </gui-list-view-head>
+      </gui-list-view>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-button-bar>
+        <gui-button data-id="SoundsEdit" data-icon="stock://16x16/actions/system-run.png"></gui-button>
+      </gui-button-bar>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+      
+<div data-module="Theme">
+  <gui-expander data-label="LBL_THEME">
+    <gui-fragment data-fragment-id="ModuleThemeFragment"></gui-fragment>
+  </gui-expander>
+  <gui-expander data-label="LBL_BACKGROUND">
+    <gui-fragment data-fragment-id="ModuleBackgroundFragment"></gui-fragment>
+  </gui-expander>
+  <gui-expander data-label="LBL_FONTS">
+    <gui-fragment data-fragment-id="ModuleFontFragment"></gui-fragment>
+  </gui-expander>
+</div>
+
+<application-fragment data-id="ModuleThemeFragment">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_THEME</gui-label>
+      <gui-select data-id="StyleThemeName"></gui-select>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_ICONS</gui-label>
+      <gui-select data-id="IconThemeName"></gui-select>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+<application-fragment data-id="ModuleBackgroundFragment">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_BACKGROUND_IMAGE</gui-label>
+      <gui-input-modal data-id="BackgroundImage"></gui-input-modal>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_BACKGROUND_COLOR</gui-label>
+      <gui-input-modal data-id="BackgroundColor"></gui-input-modal>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>Background Type</gui-label>
+      <gui-select data-id="BackgroundStyle"></gui-select>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+<application-fragment data-id="ModuleFontFragment">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_FONT</gui-label>
+      <gui-input-modal data-id="FontName"></gui-input-modal>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+      <div data-module="User">
+  <gui-expander data-label="LBL_INFORMATION">
+    <gui-fragment data-fragment-id="ModuleUserInformationFragment"></gui-fragment>
+  </gui-expander>
+</div>
+
+<application-fragment data-id="ModuleUserInformationFragment">
+  <gui-vbox class="block-label">
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_ID</gui-label>
+      <gui-text data-id="UserID" data-disabled="true"></gui-text>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_NAME</gui-label>
+      <gui-text data-id="UserName" data-disabled="true"></gui-text>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_USERNAME</gui-label>
+      <gui-text data-id="UserUsername" data-disabled="true"></gui-text>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_GROUPS</gui-label>
+      <gui-text data-id="UserGroups" data-disabled="true"></gui-text>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+      <div data-module="VFS">
+  <gui-expander data-label="File View Options">
+    <gui-fragment data-fragment-id="ModuleVFSViewOptionsFragment"></gui-fragment>
+  </gui-expander>
+  <gui-expander data-label="LBL_MOUNTS">
+    <gui-fragment data-fragment-id="ModuleVFSMountsFragment"></gui-fragment>
+  </gui-expander>
+</div>
+
+<application-fragment data-id="ModuleVFSViewOptionsFragment">
+  <gui-vbox class="block-label">
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_SHOW_HIDDENFILES</gui-label>
+      <gui-switch data-id="ShowHiddenFiles"></gui-switch>
+    </gui-vbox-container>
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-label>LBL_SHOW_FILEEXTENSIONS</gui-label>
+      <gui-switch data-id="ShowFileExtensions"></gui-switch>
+    </gui-vbox-container>
+
+  </gui-vbox>
+</application-fragment>
+
+<application-fragment data-id="ModuleVFSMountsFragment">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-grow="1">
+      <gui-list-view data-id="MountList" data-multiple="false"></gui-list-view>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-button-bar>
+        <gui-button data-id="MountAdd" data-icon="stock://16x16/actions/add.png"></gui-button>
+        <gui-button data-id="MountRemove" data-icon="stock://16x16/actions/remove.png"></gui-button>
+        <gui-button data-id="MountEdit" data-icon="stock://16x16/actions/system-run.png"></gui-button>
+      </gui-button-bar>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+      <div data-module="Users">
+  <gui-expander data-label="LBL_USERS">
+    <gui-fragment data-fragment-id="ModuleUsersFragment"></gui-fragment>
+  </gui-expander>
+</div>
+
+<application-fragment data-id="ModuleUsersFragment">
+  <gui-vbox class="block-label">
+    <gui-vbox-container data-shrink="1" data-grow="1">
+      <gui-list-view data-id="UsersList" data-multiple="false">
+        <gui-list-view-head>
+          <gui-list-view-row>
+            <gui-list-view-column data-size="100px">LBL_USERNAME</gui-list-view-column>
+            <gui-list-view-column>LBL_NAME</gui-list-view-column>
+          </gui-list-view-row>
+        </gui-list-view-head>
+      </gui-list-view>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-expand="true">
+      <gui-button-bar>
+        <gui-button data-id="UsersAdd" data-icon="stock://16x16/actions/add.png"></gui-button>
+        <gui-button data-id="UsersRemove" data-icon="stock://16x16/actions/remove.png"></gui-button>
+        <gui-button data-id="UsersEdit" data-icon="stock://16x16/actions/system-run.png"></gui-button>
+        <gui-button data-id="UsersPasswd" data-icon="stock://16x16/status/dialog-password.png"></gui-button>
+      </gui-button-bar>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-fragment>
+
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-align="end" data-id="ContainerButtons">
+      <gui-button-bar>
+        <gui-button data-id="ButtonOK">LBL_SAVE</gui-button>
+        <gui-button data-id="ButtonCancel">LBL_BACK</gui-button>
+      </gui-button-bar>
+    </gui-vbox-container>
+  </gui-vbox>
+
+</application-window>
+
+<application-window data-id="PanelSettingWindow">
+  <gui-vbox>
+    <gui-vbox-container data-grow="1" data-fill="true">
+      <gui-list-view data-id="List" data-multiple="false">
+      </gui-list-view>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-align="end">
+      <gui-button-bar>
+        <gui-button data-id="ButtonPanelOK">LBL_OK</gui-button>
+        <gui-button data-id="ButtonPanelCancel">LBL_CANCEL</gui-button>
+      </gui-button-bar>
+    </gui-vbox-container>
+  </gui-vbox>
+</application-window>
+
+<application-window data-id="SettingsMountWindow">
+  <gui-vbox>
+    <gui-vbox-container data-grow="1" data-shrink="1" data-fill="true">
+
+      <gui-scroll-view>
+        <gui-vbox>
+          <gui-vbox-container data-shrink="1">
+            <gui-label>LBL_TYPE</gui-label>
+          </gui-vbox-container>
+          <gui-vbox-container data-expand="true">
+            <gui-select data-id="MountType">
+              <gui-select-option data-value="WebDAV">WebDAV (OwnCloud)</gui-select-option>
+            </gui-select>
+          </gui-vbox-container>
+
+          <gui-vbox-container data-shrink="1">
+            <gui-label>LBL_NAME</gui-label>
+          </gui-vbox-container>
+          <gui-vbox-container data-expand="true">
+            <gui-text data-id="MountName" data-placeholder="mydav"></gui-text>
+          </gui-vbox-container>
+
+          <gui-vbox-container data-shrink="1">
+            <gui-label>LBL_DESCRIPTION</gui-label>
+          </gui-vbox-container>
+          <gui-vbox-container data-expand="true">
+            <gui-text data-id="MountDescription" data-placeholder="My DAV"></gui-text>
+          </gui-vbox-container>
+
+
+          <gui-vbox-container data-grow="1">
+            <gui-expander data-label="LBL_SETTINGS" data-expanded="false">
+              <gui-vbox>
+                <gui-vbox-container data-shrink="1">
+                  <gui-label>LBL_HOST</gui-label>
+                </gui-vbox-container>
+                <gui-vbox-container data-expand="true">
+                  <gui-text data-id="MountHost" data-placeholder="http://127.0.0.1/remote.php/webdav/"></gui-text>
+                </gui-vbox-container>
+
+                <gui-vbox-container data-shrink="1">
+                  <gui-label>LBL_NAMESPACE</gui-label>
+                </gui-vbox-container>
+                <gui-vbox-container data-expand="true">
+                  <gui-text data-id="MountNamespace" data-placeholder="DAV"></gui-text>
+                </gui-vbox-container>
+
+                <gui-vbox-container data-shrink="1">
+                  <gui-label>LBL_USERNAME</gui-label>
+                </gui-vbox-container>
+                <gui-vbox-container data-expand="true">
+                  <gui-text data-id="MountUsername" data-placeholder="username"></gui-text>
+                </gui-vbox-container>
+
+                <gui-vbox-container data-shrink="1">
+                  <gui-label>LBL_PASSWORD</gui-label>
+                </gui-vbox-container>
+                <gui-vbox-container data-expand="true">
+                  <gui-password data-id="MountPassword" data-placeholder="password"></gui-password>
+                </gui-vbox-container>
+
+                <gui-vbox-container data-shrink="1">
+                  <gui-label>CORS Enabled</gui-label>
+                </gui-vbox-container>
+                <gui-vbox-container data-expand="true">
+                  <gui-switch data-id="MountCORS"></gui-switch>
+                </gui-vbox-container>
+              </gui-vbox>
+            </gui-expander>
+          </gui-vbox-container>
+
+        </gui-vbox>
+      </gui-scroll-view>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-align="end">
+      <gui-button-bar>
+        <gui-button data-id="ButtonOK">LBL_CONNECT</gui-button>
+        <gui-button data-id="ButtonClose">LBL_CLOSE</gui-button>
+      </gui-button-bar>
+    </gui-vbox-container>
+  </gui-vbox>
+
+</application-window>
+
+<application-window data-id="SettingsUserWindow">
+  <gui-vbox>
+    <gui-vbox-container data-grow="1" data-shrink="1" data-fill="true">
+
+      <gui-scroll-view>
+        <gui-vbox>
+          <gui-vbox-container data-shrink="1">
+            <gui-label>LBL_USERNAME</gui-label>
+          </gui-vbox-container>
+          <gui-vbox-container data-expand="true">
+            <gui-text data-id="UserUsername" data-placeholder="johndoe"></gui-text>
+          </gui-vbox-container>
+
+          <gui-vbox-container data-shrink="1">
+            <gui-label>LBL_NAME</gui-label>
+          </gui-vbox-container>
+          <gui-vbox-container data-expand="true">
+            <gui-text data-id="UserName" data-placeholder="John Doe"></gui-text>
+          </gui-vbox-container>
+
+          <gui-vbox-container data-shrink="1">
+            <gui-label>LBL_GROUPS</gui-label>
+          </gui-vbox-container>
+          <gui-vbox-container data-expand="true">
+            <gui-text data-id="UserGroups" data-placeholder="[]"></gui-text>
+          </gui-vbox-container>
+
+        </gui-vbox>
+      </gui-scroll-view>
+    </gui-vbox-container>
+
+    <gui-vbox-container data-shrink="1" data-align="end">
+      <gui-button-bar>
+        <gui-button data-id="ButtonOK">LBL_SAVE</gui-button>
+        <gui-button data-id="ButtonClose">LBL_CLOSE</gui-button>
+      </gui-button-bar>
+    </gui-vbox-container>
+  </gui-vbox>
+
+</application-window>