more open options icons

app/scripts/util/locale.js

@@ -102,6 +102,7 @@ var Locale = {
 
     openOpen: 'Open',
     openNew: 'New',
+    openMore: 'More',
     openDemo: 'Demo',
     openCaps: 'Caps Lock is on',
     openKeyFile: 'key file',

app/scripts/views/open-view.js

@@ -19,8 +19,9 @@ var OpenView = Backbone.View.extend({
         'click .open__icon-open': 'openFile',
         'click .open__icon-new': 'createNew',
         'click .open__icon-dropbox': 'openFromDropbox',
-        'click .open__icon-import': 'importFromXml',
+        'click .open__icon-import-xml': 'importFromXml',
         'click .open__icon-demo': 'createDemo',
+        'click .open__icon-more': 'toggleMore',
         'click .open__pass-input[readonly]': 'openFile',
         'input .open__pass-input': 'inputInput',
         'keydown .open__pass-input': 'inputKeydown',
@@ -511,6 +512,10 @@ var OpenView = Backbone.View.extend({
         this.inputEl.attr('disabled', 'disabled');
         this.busy = true;
         this.afterPaint(this.model.importFileWithXml.bind(this.model, this.params, this.openDbComplete.bind(this)));
+    },
+
+    toggleMore: function() {
+        this.$el.find('.open__icons--lower').toggleClass('hide');
     }
 });
 

app/templates/open.hbs

@@ -13,6 +13,28 @@
             <i class="fa fa-dropbox open__icon-i"></i>
             <div class="open__icon-text">Dropbox</div>
         </div>
+        <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>
+        </div>
+    </div>
+    <div class="open__icons open__icons--lower hide">
+        <div class="open__icon open__icon-webdav">
+            <i class="fa fa-server open__icon-i"></i>
+            <div class="open__icon-text">WebDAV</div>
+        </div>
+        <div class="open__icon open__icon-grdive">
+            <i class="fa fa-google open__icon-i"></i>
+            <div class="open__icon-text">Google Drive</div>
+        </div>
+        <div class="open__icon open__icon-onedrdive">
+            <i class="fa fa-cloud open__icon-i"></i>
+            <div class="open__icon-text">OneDrive</div>
+        </div>
+        <div class="open__icon open__icon-import-xml">
+            <i class="fa fa-code open__icon-i"></i>
+            <div class="open__icon-text">Import XML</div>
+        </div>
         <div class="open__icon open__icon-demo">
             <i class="fa fa-magic open__icon-i"></i>
             <div class="open__icon-text">{{res 'openDemo'}}</div>

bower.json

@@ -27,7 +27,7 @@
     "baron": "~2.0.2",
     "bourbon": "~4.2.5",
     "dropbox": "antelle/dropbox-js#0.10.6",
-    "font-awesome": "~4.4.0",
+    "font-awesome": "~4.5.0",
     "install": "~1.0.4",
     "kdbxweb": "~0.3.8",
     "normalize.css": "~3.0.3",