upgrade remotestorage

lduboeuf · Nov 7, 2017 · 7e7ca20 · 7e7ca20
1 parent 8835b60
commit 7e7ca20
Show file tree

Hide file tree

Showing 13 changed files with 173 additions and 118 deletions.
diff --git a/dist/manifest.appcache b/dist/manifest.appcache
@@ -1,7 +1,7 @@
 CACHE MANIFEST
 # team-tool-box v0.0.1
 # This manifest was generated by grunt-manifest HTML5 Cache Manifest Generator
-# Time: Wed Jun 07 2017 11:17:33 GMT+0200 (CEST)
+# Time: Tue Nov 07 2017 15:02:43 GMT+0100 (CET)
 
 CACHE:
 index.html
@@ -15,4 +15,4 @@ NETWORK:
 SETTINGS:
 prefer-online
 
-# hash: 388c73c8aa179484e3b8d4d7efd6bc1432ab6282b8a9537f0b677bac51354187
+# hash: 7c871449d1bfdff29aa8ff607d8122746fe4c6667aa6e87cc6d770a026fad634
diff --git a/dist/scripts/scripts.js b/dist/scripts/scripts.js
diff --git a/dist/scripts/vendors.js b/dist/scripts/vendors.js
diff --git a/dist/styles/main.css b/dist/styles/main.css
diff --git a/src/app.js b/src/app.js
@@ -42,6 +42,13 @@ app.init = function(event) {
 
 
   //remotestorage
+
+  remoteStorage = new RemoteStorage({
+    changeEvents: { local: true, window: true, remote: true, conflicts: true },
+    modules: [TTBArchives, TTBConfig, TTBTeams]
+  })
+
+
   remoteStorage.access.claim('teams', 'rw');
   remoteStorage.access.claim('archives', 'rw');
   remoteStorage.access.claim('config', 'rw');
@@ -56,10 +63,11 @@ app.init = function(event) {
         }
       }
     );
-  });
 
+  });
 
-  remoteStorage.displayWidget();
+  var widget = new Widget(remoteStorage);
+  widget.attach();
 
 
   //navigation handling

diff --git a/src/commons/app.css b/src/commons/app.css
@@ -155,6 +155,19 @@ ul.topnav li.icon {
   display: none;
 }
 
+#remotestorage-widget{
+  position:absolute;
+  right: 8px !important;
+  top: 0px !important;
+  opacity: 0.8;
+}
+
+.rs-widget {
+  padding:2px !important;
+  margin:2px !important;
+}
+
+
 
 @media screen and (max-width:680px) {
   ul.topnav {
@@ -181,24 +194,11 @@ ul.topnav li.icon {
     margin:auto;
   }
 
-
-  #remotestorage-widget{
-    right: 8px !important;
-    top: 0px !important;
-    opacity: 0.8;
-  }
-  #remotestorage-widget .rs-bubble-text{
-    color:grey;
+  .rs-state-initial .rs-box {
     display:none;
   }
-  #remotestorage-widget .rs-bubble{
-    width:250px;
-    top:25px !important;
-  }
 
-  #remotestorage-widget .rs-hidden{
-    background-color: inherit !important;
-  }
+
 
   ul.topnav.responsive {
     position: absolute;
@@ -219,6 +219,9 @@ ul.topnav li.icon {
     text-align: left;
   }
 
+  #remotestorage-widget .rs-state-initial {
+    background-color: inherit !important;
+  }
 
 
 }
@@ -517,7 +520,7 @@ textarea{
 /*forms for mobiles*/
 @media screen and (max-width:680px) {
 
-  input[type=text], input[type=submit], input[type=button], select, textarea, button {
+  form input[type=text], form input[type=submit], form input[type=button], form select, form textarea, form button {
     width: 100%;
   }
   input[type="radio"] {

diff --git a/src/index.html b/src/index.html
@@ -67,6 +67,7 @@ <h1>title</h1>
     <span onclick="this.parentElement.style.display='none'" class="alert-closebtn">&times;</span>
     <p class="alert-msg"></p>
   </div>
+
   <div id="components">
     <div id="check-list">
       {{ for(var prop in it) { }}
@@ -111,8 +112,10 @@ <h3>Team Orphan(s)<button class="btn-default">dispatch</button></h3>
     </div>
 
   </div>
+
   <!-- build:js scripts/vendors.js -->
-  <script src="vendors/remotestorage.min.js"></script>
+  <script src="vendors/rs-widget.js"></script>
+  <script src="vendors/remotestorage.js"></script>
   <script src="vendors/doT.min.js"></script>
   <script src="vendors/spapp.js"></script>
   <!-- endbuild -->