From cd9cea8fa48ac993f9ea4c9a4775b87925429494 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Tue, 14 Feb 2017 19:04:57 +0100
Subject: [PATCH] Create a settings app to manage user objects

---
 customize.dist/about.html                |  6 +++--
 customize.dist/contact.html              |  6 +++--
 customize.dist/fsStore.js                |  8 +++++++
 customize.dist/index.html                | 16 +++++--------
 customize.dist/privacy.html              |  6 +++--
 customize.dist/src/build.js              | 30 ++++++++++++++++++++++--
 customize.dist/src/fragments/topbar.html |  2 +-
 customize.dist/src/template.html         |  2 +-
 customize.dist/terms.html                |  6 +++--
 package.json                             |  2 +-
 www/common/fileObject.js                 | 10 ++++++++
 11 files changed, 71 insertions(+), 23 deletions(-)

diff --git a/customize.dist/about.html b/customize.dist/about.html
index 5fa15ab7e..11b40cead 100644
--- a/customize.dist/about.html
+++ b/customize.dist/about.html
@@ -10,7 +10,9 @@
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
     <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
-    <script data-main="/customize/main" src="/bower_components/requirejs/require.js"></script>
+        <script data-main="/customize/main" src="/bower_components/requirejs/require.js"></script>
+
+
     <script src="/bower_components/requirejs/require.js"></script>
     <script>
         require.config({
@@ -22,7 +24,7 @@
     <div id="cryptpadTopBar">
     <span>
         <a class="gotoMain" href="/">
-            <img src="customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
+            <img src="/customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
         </a>
     </span>
 
diff --git a/customize.dist/contact.html b/customize.dist/contact.html
index 0d404a18a..63c92ec18 100644
--- a/customize.dist/contact.html
+++ b/customize.dist/contact.html
@@ -10,7 +10,9 @@
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
     <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
-    <script data-main="/customize/main" src="/bower_components/requirejs/require.js"></script>
+        <script data-main="/customize/main" src="/bower_components/requirejs/require.js"></script>
+
+
     <script src="/bower_components/requirejs/require.js"></script>
     <script>
         require.config({
@@ -22,7 +24,7 @@
     <div id="cryptpadTopBar">
     <span>
         <a class="gotoMain" href="/">
-            <img src="customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
+            <img src="/customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
         </a>
     </span>
 
diff --git a/customize.dist/fsStore.js b/customize.dist/fsStore.js
index 021a57fe0..026d62622 100644
--- a/customize.dist/fsStore.js
+++ b/customize.dist/fsStore.js
@@ -113,6 +113,14 @@ define([
             return storeObj.login_name;
         };
 
+        ret.repairDrive = function () {
+            filesOp.fixFiles();
+        };
+
+        ret.getEmptyObject = function () {
+            return filesOp.getStructure();
+        };
+
         var changeHandlers = ret.changeHandlers = [];
 
         ret.change = function (f) {};
diff --git a/customize.dist/index.html b/customize.dist/index.html
index 23726d3c4..883f2bdc8 100644
--- a/customize.dist/index.html
+++ b/customize.dist/index.html
@@ -10,7 +10,9 @@
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
     <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
-    <script data-main="/customize/main" src="/bower_components/requirejs/require.js"></script>
+        <script data-main="/customize/main" src="/bower_components/requirejs/require.js"></script>
+
+
     <script src="/bower_components/requirejs/require.js"></script>
     <script>
         require.config({
@@ -22,7 +24,7 @@
     <div id="cryptpadTopBar">
     <span>
         <a class="gotoMain" href="/">
-            <img src="customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
+            <img src="/customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
         </a>
     </span>
 
@@ -76,14 +78,8 @@
         </div>
 
         <div id="userForm" class="form-group hidden">
-
-
-            <input type="text" id="name" name="name" class="form-control"
-                autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
-                data-localization-placeholder="login_username" autofocus>
-            <input type="password" id="password" name="password" class="form-control"
-                autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
-                data-localization-placeholder="login_password">
+            <input type="text" id="name" name="name" class="form-control" data-localization-placeholder="login_username" autofocus>
+            <input type="password" id="password" name="password" class="form-control" data-localization-placeholder="login_password">
             <div style="display: none;"><span class="remember form-check"><label for="rememberme" class="form-check-label" data-localization-append="login_remember"><input type="checkbox" id="rememberme" class="form-check-input" checked="checked"></label></span><br></div>
             <button class="btn btn-secondary login half first" data-localization="login_login"></button> <button class="btn btn-success register half" data-localization="login_register"></button>
             <p class="separator" data-localization="login_orNoLogin"></p>
diff --git a/customize.dist/privacy.html b/customize.dist/privacy.html
index 222793a90..1ea2f5263 100644
--- a/customize.dist/privacy.html
+++ b/customize.dist/privacy.html
@@ -10,7 +10,9 @@
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
     <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
-    <script data-main="/customize/main" src="/bower_components/requirejs/require.js"></script>
+        <script data-main="/customize/main" src="/bower_components/requirejs/require.js"></script>
+
+
     <script src="/bower_components/requirejs/require.js"></script>
     <script>
         require.config({
@@ -22,7 +24,7 @@
     <div id="cryptpadTopBar">
     <span>
         <a class="gotoMain" href="/">
-            <img src="customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
+            <img src="/customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
         </a>
     </span>
 
diff --git a/customize.dist/src/build.js b/customize.dist/src/build.js
index 014cd39fd..c5c5c8d77 100644
--- a/customize.dist/src/build.js
+++ b/customize.dist/src/build.js
@@ -31,7 +31,10 @@ var fragments = {};
     'contact',
     'logo',
     'noscript',
-    'footer'
+    'footer',
+    'empty',
+    'script',
+    'appscript'
 ].forEach(function (name) {
     fragments[name] = read('./fragments/' + name + '.html');
 });
@@ -41,7 +44,7 @@ var fragments = {};
     var source = swap(template, {
        topbar: fragments.topbar,
        fork: fragments.fork,
-       main: swap(fragments[page], {
+       main: swap(fragments[page] || fragments.empty, {
            topbar: fragments.topbar,
            fork: fragments.fork,
            logo: fragments.logo,
@@ -51,6 +54,29 @@ var fragments = {};
        logo: fragments.logo,
        noscript: fragments.noscript,
        footer: fragments.footer,
+       script: fragments.script
     });
     write('../' + page + '.html', source);
 });
+
+// build static pages
+['../www/settings/index'].forEach(function (page) {
+    var source = swap(template, {
+       topbar: fragments.topbar,
+       fork: fragments.fork,
+       main: swap(fragments[page] || fragments.empty, {
+           topbar: fragments.topbar,
+           fork: fragments.fork,
+           logo: fragments.logo,
+           noscript: fragments.noscript,
+           footer: fragments.footer,
+       }),
+       logo: fragments.logo,
+       noscript: fragments.noscript,
+       footer: fragments.footer,
+       script: fragments.appscript
+    });
+    write('../' + page + '.html', source);
+});
+
+
diff --git a/customize.dist/src/fragments/topbar.html b/customize.dist/src/fragments/topbar.html
index efe184864..955f1e1a5 100644
--- a/customize.dist/src/fragments/topbar.html
+++ b/customize.dist/src/fragments/topbar.html
@@ -1,7 +1,7 @@
 <div id="cryptpadTopBar">
     <span>
         <a class="gotoMain" href="/">
-            <img src="customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
+            <img src="/customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
         </a>
     </span>
 
diff --git a/customize.dist/src/template.html b/customize.dist/src/template.html
index 5c2b539d5..d1d0b29ec 100644
--- a/customize.dist/src/template.html
+++ b/customize.dist/src/template.html
@@ -10,7 +10,7 @@
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
     <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
-    <script data-main="/customize/main" src="/bower_components/requirejs/require.js"></script>
+    {{script}}
     <script src="/bower_components/requirejs/require.js"></script>
     <script>
         require.config({
diff --git a/customize.dist/terms.html b/customize.dist/terms.html
index 15497e4cc..296faf5bc 100644
--- a/customize.dist/terms.html
+++ b/customize.dist/terms.html
@@ -10,7 +10,9 @@
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
     <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
-    <script data-main="/customize/main" src="/bower_components/requirejs/require.js"></script>
+        <script data-main="/customize/main" src="/bower_components/requirejs/require.js"></script>
+
+
     <script src="/bower_components/requirejs/require.js"></script>
     <script>
         require.config({
@@ -22,7 +24,7 @@
     <div id="cryptpadTopBar">
     <span>
         <a class="gotoMain" href="/">
-            <img src="customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
+            <img src="/customize/cryptofist_mini.png" class="cryptpad-logo" alt="" /> CryptPad
         </a>
     </span>
 
diff --git a/package.json b/package.json
index e1b2c06f5..366a6c6bf 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
   "scripts": {
       "lint": "jshint --config .jshintrc --exclude-path .jshintignore .",
       "test": "node TestSelenium.js",
-      "style": "lessc ./customize.dist/src/less/cryptpad.less > ./customize.dist/main.css && lessc ./customize.dist/src/less/toolbar.less > ./customize.dist/toolbar.css && lessc ./www/drive/file.less > ./www/drive/file.css",
+      "style": "lessc ./customize.dist/src/less/cryptpad.less > ./customize.dist/main.css && lessc ./customize.dist/src/less/toolbar.less > ./customize.dist/toolbar.css && lessc ./www/drive/file.less > ./www/drive/file.css && lessc ./www/settings/main.less > ./www/settings/main.css",
       "template": "cd customize.dist/src && node build.js"
   }
 }
diff --git a/www/common/fileObject.js b/www/common/fileObject.js
index 99cf742a3..c99c54a7e 100644
--- a/www/common/fileObject.js
+++ b/www/common/fileObject.js
@@ -30,6 +30,16 @@ define([
             console.error.apply(console, arguments);
         };
 
+        var getStructure = exp.getStructure = function () {
+            var a = {};
+            a[ROOT] = {};
+            a[UNSORTED] = [];
+            a[TRASH] = {};
+            a[FILES_DATA] = [];
+            a[TEMPLATE] = [];
+            return a;
+        };
+
         var comparePath  = exp.comparePath = function (a, b) {
             if (!a || !b || !$.isArray(a) || !$.isArray(b)) { return false; }
             if (a.length !== b.length) { return false; }