Merge pull request #284 from SharmPRO/develop

Custom Menu Logo. Closes #5

CONFIGURATION.md

@@ -158,6 +158,7 @@ Here is a simple view of what you can configure:
 * menu
     * exposeAsideWhen
     * list
+	* logo
 * settings
 * cache
     * views
@@ -211,6 +212,9 @@ The media query used to determine when to always display the left menu.
 ```
 "exposeAsideWhen": "(min-width:900px)"
 ```
+"logo": [String] (default: "/config/logo.png", null to disable, optimized 42 x 42px transparent)
+
+Your website logo. The logo will appear on the left of the title
 
 ### Settings configuration.
 

config/config.default.cson

@@ -49,6 +49,7 @@
         "state": "public.posts"
         "params": {}
     "exposeAsideWhen": "(min-width:900px)"
+    "logo": "/config/logo.png" # null will disable
 
 # SETTINGS PAGE
 "settings":

lib/index.coffee

@@ -126,6 +126,7 @@ app.controller 'WPHCMainController' , ($log, $WPHCConfig) ->
     vm.appVersion = wordpressHybridClient.version || null
     vm.appConfig = $WPHCConfig
     vm.appTitle = vm.appConfig.title || null
+    vm.appLogo = vm.appConfig.menu.logo || null
     vm
 
 ###

lib/scss/_bar.scss

@@ -1,3 +1,7 @@
 .bar {
 
+}
+.bar-logo{
+	width:42px;
+	height:42px;
 }

lib/scss/_post.scss

@@ -162,4 +162,5 @@ wphc-post {
         }
     }
     @include post-item("../img/post-img-border.png");
+
 }

lib/templates/module/menu.html

@@ -1,4 +1,5 @@
 <ion-header-bar class="bar-positive">
+	<div ng-if="::main.appLogo" class="bar-logo" wphc-img-background-cache="{{::main.appLogo}}"></div>	
     <h1 class="title">{{main.appTitle}}</h1>
 </ion-header-bar>
 <ion-content>

scripts/install.js

@@ -8,6 +8,7 @@ copy('../dist/config.xml', '../config.xml');
 copy('../dist/config.scss', '../config/config.scss');
 copy('../dist/index.js', '../config/index.js', true);
 copy('../dist/templates', '../config/templates');
+copy('../dist/logo.png', '../config/logo.png', true);
 copy('../release.sh.dist', '../release.sh');
 
 function copy(source, target, overwrite) {