Fix issue #158

platforms/web/resources.xml

@@ -8,10 +8,11 @@
     <property name="pages.index.html" location="${build.dir}/index.html" />
     <property name="pages.index.tmpl" location="${listit.templates.paged}" />
 
-    <property name="asses" value="index" />
-    <property name="pages" value="index" />
 
-    <resources id="assets.index.css" refid="css.all"/>
+    <resources id="assets.index.css">
+        <resources refid="css.all" />
+        <file name="${listit.css.platform.dir}/warn-persistence.css" />
+    </resources>
 
     <resources id="assets.index.js">
         <resources refid="js.libs" />

src/css/platforms/web/warn-persistence.css

@@ -0,0 +1,12 @@
+.warn-persistence {
+  display: none;
+  background: #FBE3E4;
+  color: #BA1F11;
+  text-align: center;
+  color:#9F6000;
+  padding:5px;
+}
+
+.not-logged-in .warn-persistence {
+  display: block;
+}

src/js/platforms/chrome/help-setup.js

@@ -1,4 +1,4 @@
 ListIt.lvent.once('setup:views', function(L, barr) {
   'use strict';
-  L.addPage('help', new L.views.HelpPage({platform: "chrome"}));
+  L.addPage('help', new L.views.HelpPage());
 });

src/js/platforms/firefox/help-setup.js

@@ -1,4 +1,5 @@
 ListIt.lvent.once('setup:views', function(L, barr) {
   'use strict';
-  L.addPage('options', new L.views.HelpPage({platform: "firefox"}));
+
+  L.addPage('options', new L.views.HelpPage());
 });

src/js/platforms/web/templates.js

@@ -0,0 +1,9 @@
+/* Generated Template */
+
+ListIt.templates['warn-persistence'] = function(obj){
+var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'')};
+with(obj||{}){
+__p+='<div class="warn-persistence">\n  Please <a href="#/options">log in</a> to sync your notes. If not, notes will be cleared if cookies are cleared.\n</div>\n\n';
+}
+return __p;
+};

src/js/platforms/web/web-setup.js

@@ -1,5 +1,29 @@
 ListIt.lvent.once('setup:views', function(L, barr) {
   'use strict';
+
+  var OldMainPage = L.views.MainPage;
+  L.views.MainPage = L.views.MainPage.extend({
+    initialize: function() {
+      OldMainPage.prototype.initialize.call(this);
+      this.listenTo(L.server, 'change:registered', function(){
+        this.togglePopUpAlert();
+      });
+    },
+
+    render: function() {
+      OldMainPage.prototype.render.call(this); 
+      this.$el.prepend(L.templates['warn-persistence']()); 
+      if(!L.server.get('registered')){
+        this.$el.addClass('not-logged-in');
+      }  
+      return this;
+    },
+
+    togglePopUpAlert: function() {
+      this.$el.toggleClass('not-logged-in', !L.server.get('registered'))
+    }
+  });
+
   L.addPage('main', new L.views.MainPage());
   L.addPage('options', new L.views.OptionsPage());
   L.addPage('help', new L.views.HelpPage());

src/js/views/help.js

@@ -4,20 +4,12 @@
   L.views.HelpPage = Backbone.View.extend({
     id: 'page-help',
     className: 'page',
-    initialize: function(options) {
-      if (options) {
-        this.platform = options.platform;
-      }
-    },
     render: function() {
       this.$el.html(L.templates["pages/help"]());
-
-      if(this.platform) {
-        var main = this.$('#help-main');
+      if (L.templates["help"] !== undefined){ // has platform-specific help messages
         var platformHelp = L.templates["help"]();
-        main.append(platformHelp);
+        this.$("#help-main").append(platformHelp);
       }
-
       return this;
     }
   });

src/templates/platforms/web/warn-persistence.html

@@ -0,0 +1,4 @@
+<div class="warn-persistence">
+  Please <a href="#/options">log in</a> to sync your notes. If not, notes will be cleared if cookies are cleared.
+</div>
+