fix #53: hide demo once opened

app/scripts/models/app-settings-model.js

@@ -23,7 +23,8 @@ var AppSettingsModel = Backbone.Model.extend({
         helpTipCopyShown: false,
         skipOpenLocalWarn: false,
         hideEmptyFields: false,
-        skipHttpsWarning: false
+        skipHttpsWarning: false,
+        demoOpened: false
     },
 
     initialize: function() {

app/scripts/views/open-view.js

@@ -65,7 +65,10 @@ var OpenView = Backbone.View.extend({
         if (this.dragTimeout) {
             clearTimeout(this.dragTimeout);
         }
-        this.renderTemplate({ lastOpenFiles: this.getLastOpenFiles() });
+        this.renderTemplate({
+            lastOpenFiles: this.getLastOpenFiles(),
+            demoOpened: this.model.settings.get('demoOpened')
+        });
         this.inputEl = this.$el.find('.open__pass-input');
         this.passwordInput.setElement(this.inputEl);
         return this;
@@ -479,6 +482,9 @@ var OpenView = Backbone.View.extend({
             if (!this.model.createDemoFile()) {
                 this.trigger('close');
             }
+            if (!this.model.settings.get('demoOpened')) {
+                this.model.settings.set('demoOpened', true);
+            }
         }
     },
 

app/templates/open.hbs

@@ -13,6 +13,12 @@
             <i class="fa fa-dropbox open__icon-i"></i>
             <div class="open__icon-text">Dropbox</div>
         </div>
+        {{#ifeq demoOpened false}}
+        <div class="open__icon open__icon-demo">
+            <i class="fa fa-magic open__icon-i"></i>
+            <div class="open__icon-text">{{res 'openDemo'}}</div>
+        </div>
+        {{/ifeq}}
         <div class="open__icon open__icon-more">
             <i class="fa fa-ellipsis-h open__icon-i"></i>
             <div class="open__icon-text">{{res 'openMore'}}</div>
@@ -35,10 +41,12 @@
             <i class="fa fa-code open__icon-i"></i>
             <div class="open__icon-text">Import XML</div>
         </div>
+        {{#if demoOpened}}
         <div class="open__icon open__icon-demo">
             <i class="fa fa-magic open__icon-i"></i>
             <div class="open__icon-text">{{res 'openDemo'}}</div>
         </div>
+        {{/if}}
     </div>
     <div class="open__pass-area">
         <div class="open__pass-warn-wrap">

release-notes.md

@@ -20,6 +20,7 @@ Storage providers, usability improvements
 `+` warning for kdb files  
 `+` hide empty fields  
 `+` overall spacing increased  
+`+` hide demo button once opened  
 `-` fix capslock indicator  
 `-` fix file settings input behavior  
 `-` fix favicon download