Merge pull request #1049 from mmollick/fullwidth_header

Fullwidth header

app/Composers/ThemeComposer.php

@@ -28,6 +28,8 @@ class ThemeComposer
         // Theme colors.
         $view->withThemeBackgroundColor(Setting::get('style_background_color', '#F0F3F4'));
         $view->withThemeBackgroundFills(Setting::get('style_background_fills', '#FFFFFF'));
+        $view->withThemeBannerBackgroundColor(Setting::get('style_banner_background_color', ''));
+        $view->withThemeBannerPadding(Setting::get('style_banner_padding', '40px 0'));
         $view->withThemeTextColor(Setting::get('style_text_color', '#333333'));
         $view->withThemeReds(Setting::get('style_reds', '#ff6f6f'));
         $view->withThemeBlues(Setting::get('style_blues', '#3498db'));

composer.json

@@ -41,7 +41,8 @@
         "fzaninotto/faker": "^1.5",
         "graham-campbell/testbench-core": "^1.0",
         "mockery/mockery": "^0.9.4",
-        "phpunit/phpunit": "^4.8"
+        "phpunit/phpunit": "^4.8",
+        "laravel/homestead": "dev-master"
     },
     "autoload": {
         "classmap": [

composer.lock

@@ -1,11 +1,10 @@
 {
     "_readme": [
         "This file locks the dependencies of your project to a known state",
-        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#composer-lock-the-lock-file",
+        "Read more about it at http://getcomposer.org/doc/01-basic-usage.md#composer-lock-the-lock-file",
         "This file is @generated automatically"
     ],
-    "hash": "6e0387e8efc04fc7cb084b6ad8c70ce3",
+    "hash": "4424167995f5ee7e2ce91d557a1f3156",
-    "content-hash": "fb168177d45e3399c9e971831b79c3b3",
     "packages": [
         {
             "name": "alt-three/emoji",
@@ -1665,7 +1664,7 @@
                     "name": "Jeremy Lindblom",
                     "email": "jeremeamia@gmail.com",
                     "homepage": "https://github.com/jeremeamia",
-                    "role": "Developer"
+                    "role": "developer"
                 }
             ],
             "description": "Serialize Closure objects, including their context and binding",
@@ -3552,6 +3551,47 @@
             ],
             "time": "2015-05-11 14:41:42"
         },
+        {
+            "name": "laravel/homestead",
+            "version": "dev-master",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laravel/homestead.git",
+                "reference": "92308796309767bbde56669b334ef4b7dd4b31e0"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laravel/homestead/zipball/92308796309767bbde56669b334ef4b7dd4b31e0",
+                "reference": "92308796309767bbde56669b334ef4b7dd4b31e0",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.4",
+                "symfony/console": "~2.0",
+                "symfony/process": "~2.0"
+            },
+            "bin": [
+                "homestead"
+            ],
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Laravel\\Homestead\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Taylor Otwell",
+                    "email": "taylorotwell@gmail.com"
+                }
+            ],
+            "description": "A virtual machine for web artisans.",
+            "time": "2015-10-19 21:21:09"
+        },
         {
             "name": "mockery/mockery",
             "version": "0.9.4",
@@ -4517,14 +4557,13 @@
     ],
     "aliases": [],
     "minimum-stability": "dev",
-    "stability-flags": [],
+    "stability-flags": {
+        "laravel/homestead": 20
+    },
     "prefer-stable": true,
     "prefer-lowest": false,
     "platform": {
         "php": "^5.5.9"
     },
-    "platform-dev": [],
+    "platform-dev": []
-    "platform-overrides": {
-        "php": "5.5.9"
-    }
 }

resources/lang/da/forms.php

@@ -120,17 +120,20 @@ return [
             'custom-css' => 'Tilpasset stylesheet',
         ],
         'theme' => [
-            'background-color' => 'Baggrundsfarve',
+            'background-color'        => 'Baggrundsfarve',
-            'background-fills' => 'Baggrundsfyld (Komponenter, hændelser og footer)',
+            'background-fills'        => 'Baggrundsfyld (Komponenter, hændelser og footer)',
-            'text-color'       => 'Tekstfarve',
+            'banner-background-color' => 'Banner Background Color',
-            'dashboard-login'  => 'Vis oversigtsside ikon i bunden af siden?',
+            'banner-padding'          => 'Banner Padding',
-            'reds'             => 'Rød (Brugt til fejl)',
+            'fullwidth-banner'        => 'Enable fullwidth banner?',
-            'blues'            => 'Blå (Brugt til information)',
+            'text-color'              => 'Tekstfarve',
-            'greens'           => 'Grøn (Brugt til success)',
+            'dashboard-login'         => 'Vis oversigtsside ikon i bunden af siden?',
-            'yellows'          => 'Gul (Brugt til advarsler)',
+            'reds'                    => 'Rød (Brugt til fejl)',
-            'oranges'          => 'Orange (Brugt til noter)',
+            'blues'                   => 'Blå (Brugt til information)',
-            'metrics'          => 'Graffyld',
+            'greens'                  => 'Grøn (Brugt til success)',
-            'links'            => 'Links',
+            'yellows'                 => 'Gul (Brugt til advarsler)',
+            'oranges'                 => 'Orange (Brugt til noter)',
+            'metrics'                 => 'Graffyld',
+            'links'                   => 'Links',
         ],
     ],
 

resources/lang/de/forms.php

@@ -119,8 +119,11 @@ return [
             'custom-css' => 'Benutzerdefiniertes Stylesheet',
         ],
         'theme' => [
-            'background-color' => 'Hintergrundfarbe',
+            'background-color'        => 'Hintergrundfarbe',
-            'text-color'       => 'Schriftfarbe',
+            'text-color'              => 'Schriftfarbe',
+            'banner-background-color' => 'Banner Background Color',
+            'banner-padding'          => 'Banner Padding',
+            'fullwidth-banner'        => 'Enable fullwidth banner?',
         ],
     ],
 

resources/lang/en-UD/forms.php

@@ -119,8 +119,11 @@ return [
             'custom-css' => 'crwdns409:0crwdne409:0',
         ],
         'theme' => [
-            'background-color' => 'crwdns410:0crwdne410:0',
+            'background-color'        => 'crwdns410:0crwdne410:0',
-            'text-color'       => 'crwdns411:0crwdne411:0',
+            'text-color'              => 'crwdns411:0crwdne411:0',
+            'banner-background-color' => 'Banner Background Color',
+            'banner-padding'          => 'Banner Padding',
+            'fullwidth-banner'        => 'Enable fullwidth banner?',
         ],
     ],
 

resources/lang/en/forms.php

@@ -120,17 +120,20 @@ return [
             'custom-css' => 'Custom Stylesheet',
         ],
         'theme' => [
-            'background-color' => 'Background Color',
+            'background-color'        => 'Background Color',
-            'background-fills' => 'Background Fills (Components, Incidents, Footer)',
+            'background-fills'        => 'Background Fills (Components, Incidents, Footer)',
-            'text-color'       => 'Text Color',
+            'banner-background-color' => 'Banner Background Color',
-            'dashboard-login'  => 'Show dashboard button in the footer?',
+            'banner-padding'          => 'Banner Padding',
-            'reds'             => 'Red (Used for errors)',
+            'fullwidth-banner'        => 'Enable fullwidth banner?',
-            'blues'            => 'Blue (Used for information)',
+            'text-color'              => 'Text Color',
-            'greens'           => 'Green (Used for success)',
+            'dashboard-login'         => 'Show dashboard button in the footer?',
-            'yellows'          => 'Yellow (Used for alerts)',
+            'reds'                    => 'Red (Used for errors)',
-            'oranges'          => 'Orange (Used for notices)',
+            'blues'                   => 'Blue (Used for information)',
-            'metrics'          => 'Metrics Fill',
+            'greens'                  => 'Green (Used for success)',
-            'links'            => 'Links',
+            'yellows'                 => 'Yellow (Used for alerts)',
+            'oranges'                 => 'Orange (Used for notices)',
+            'metrics'                 => 'Metrics Fill',
+            'links'                   => 'Links',
         ],
     ],
 

resources/lang/es/forms.php

@@ -110,9 +110,12 @@ return [
             'custom-css' => 'Hoja de estilo personalizada',
         ],
         'theme' => [
-            'background-color' => 'Color de fondo',
+            'background-color'        => 'Color de fondo',
-            'text-color'       => 'Color de Texto',
+            'text-color'              => 'Color de Texto',
-            'dashboard-login'  => '¿Mostrar botón del panel en el pie?',
+            'dashboard-login'         => '¿Mostrar botón del panel en el pie?',
+            'banner-background-color' => 'Banner Background Color',
+            'banner-padding'          => 'Banner Padding',
+            'fullwidth-banner'        => 'Enable fullwidth banner?',
         ],
     ],
 

resources/lang/fr/forms.php

@@ -119,8 +119,11 @@ return [
             'custom-css' => 'Feuille de style personnalisée',
         ],
         'theme' => [
-            'background-color' => 'Couleur de fond',
+            'background-color'        => 'Couleur de fond',
-            'text-color'       => 'Couleur Texte',
+            'text-color'              => 'Couleur Texte',
+            'banner-background-color' => 'Banner Background Color',
+            'banner-padding'          => 'Banner Padding',
+            'fullwidth-banner'        => 'Enable fullwidth banner?',
         ],
     ],
 

resources/lang/id/forms.php

@@ -119,8 +119,11 @@ return [
             'custom-css' => 'Stylesheet Kustom',
         ],
         'theme' => [
-            'background-color' => 'Warna Latar',
+            'background-color'        => 'Warna Latar',
-            'text-color'       => 'Warna Teks',
+            'text-color'              => 'Warna Teks',
+            'banner-background-color' => 'Banner Background Color',
+            'banner-padding'          => 'Banner Padding',
+            'fullwidth-banner'        => 'Enable fullwidth banner?',
         ],
     ],
 

resources/lang/it/forms.php

@@ -119,9 +119,12 @@ return [
             'custom-css' => 'Foglio di stile personalizzato',
         ],
         'theme' => [
-            'background-color' => 'Colore di sfondo',
+            'background-color'        => 'Colore di sfondo',
-            'text-color'       => 'Colore del testo',
+            'text-color'              => 'Colore del testo',
-            'dashboard-login'  => 'Visualizzare il pulsante Dashboard nel footer?',
+            'dashboard-login'         => 'Visualizzare il pulsante Dashboard nel footer?',
+            'banner-background-color' => 'Banner Background Color',
+            'banner-padding'          => 'Banner Padding',
+            'fullwidth-banner'        => 'Enable fullwidth banner?',
         ],
     ],
 

resources/lang/ko/forms.php

@@ -119,9 +119,12 @@ return [
             'custom-css' => '사용자 정의 스타일시트',
         ],
         'theme' => [
-            'background-color' => '배경색',
+            'background-color'        => '배경색',
-            'text-color'       => '글자색',
+            'text-color'              => '글자색',
-            'dashboard-login'  => 'Show dashboard button in the footer?',
+            'dashboard-login'         => 'Show dashboard button in the footer?',
+            'banner-background-color' => 'Banner Background Color',
+            'banner-padding'          => 'Banner Padding',
+            'fullwidth-banner'        => 'Enable fullwidth banner?',
         ],
     ],
 

resources/lang/nl/forms.php

@@ -119,8 +119,11 @@ return [
             'custom-css' => 'Custom Stylesheet',
         ],
         'theme' => [
-            'background-color' => 'Achtergrondkleur',
+            'background-color'        => 'Achtergrondkleur',
-            'text-color'       => 'Tekstkleur',
+            'text-color'              => 'Tekstkleur',
+            'banner-background-color' => 'Banner Background Color',
+            'banner-padding'          => 'Banner Padding',
+            'fullwidth-banner'        => 'Enable fullwidth banner?',
         ],
     ],
 

resources/lang/pl/forms.php

@@ -112,9 +112,12 @@ return [
             'custom-css' => 'Własny Stylesheet',
         ],
         'theme' => [
-            'background-color' => 'Kolor tła',
+            'background-color'        => 'Kolor tła',
-            'text-color'       => 'Kolor tekstu',
+            'text-color'              => 'Kolor tekstu',
-            'dashboard-login'  => 'Show dashboard button in the footer?',
+            'dashboard-login'         => 'Show dashboard button in the footer?',
+            'banner-background-color' => 'Banner Background Color',
+            'banner-padding'          => 'Banner Padding',
+            'fullwidth-banner'        => 'Enable fullwidth banner?',
         ],
     ],
 

resources/lang/pt-BR/forms.php

@@ -120,17 +120,20 @@ return [
             'custom-css' => 'Folha de estilos personalizada',
         ],
         'theme' => [
-          'background-color' => 'Cor de fundo',
+            'background-color'        => 'Cor de fundo',
-          'background-fills' => 'Preenchimento do fundo (Componentes, Incidentes, Rodapé)',
+            'background-fills'        => 'Preenchimento do fundo (Componentes, Incidentes, Rodapé)',
-          'text-color'       => 'Cor do texto',
+            'banner-background-color' => 'Banner Background Color',
-          'dashboard-login'  => 'Exibir o botão do dashboard no rodapé?',
+            'banner-padding'          => 'Banner Padding',
-          'reds'             => 'Vermelho (Utilizado para erros)',
+            'fullwidth-banner'        => 'Enable fullwidth banner?',
-          'blues'            => 'Azul (utilizado para informações)',
+            'text-color'              => 'Cor do texto',
-          'greens'           => 'Verde (Utilizado para sucesso)',
+            'dashboard-login'         => 'Exibir o botão do dashboard no rodapé?',
-          'yellows'          => 'Amarelo (Utilizado para alertas)',
+            'reds'                    => 'Vermelho (Utilizado para erros)',
-          'oranges'          => 'Larange (Utilizado para notícias)',
+            'blues'                   => 'Azul (utilizado para informações)',
-          'metrics'          => 'Métricas',
+            'greens'                  => 'Verde (Utilizado para sucesso)',
-          'links'            => 'Links',
+            'yellows'                 => 'Amarelo (Utilizado para alertas)',
+            'oranges'                 => 'Larange (Utilizado para notícias)',
+            'metrics'                 => 'Métricas',
+            'links'                   => 'Links',
         ],
     ],
 

resources/lang/ru/forms.php

@@ -119,9 +119,12 @@ return [
             'custom-css' => 'Пользовательские таблицы стилей',
         ],
         'theme' => [
-            'background-color' => 'Цвет фона',
+            'background-color'        => 'Цвет фона',
-            'text-color'       => 'Цвет текста',
+            'text-color'              => 'Цвет текста',
-            'dashboard-login'  => 'Show dashboard button in the footer?',
+            'dashboard-login'         => 'Show dashboard button in the footer?',
+            'banner-background-color' => 'Banner Background Color',
+            'banner-padding'          => 'Banner Padding',
+            'fullwidth-banner'        => 'Enable fullwidth banner?',
         ],
     ],
 

resources/lang/zh-CN/forms.php

@@ -119,9 +119,12 @@ return [
             'custom-css' => '自定义样式表',
         ],
         'theme' => [
-            'background-color' => '背景色',
+            'background-color'        => '背景色',
-            'text-color'       => '文字颜色',
+            'text-color'              => '文字颜色',
-            'dashboard-login'  => 'Show dashboard button in the footer?',
+            'dashboard-login'         => 'Show dashboard button in the footer?',
+            'banner-background-color' => 'Banner Background Color',
+            'banner-padding'          => 'Banner Padding',
+            'fullwidth-banner'        => 'Enable fullwidth banner?',
         ],
     ],
 

resources/views/dashboard/settings/theme.blade.php

@@ -32,6 +32,30 @@
                                 </div>
                             </div>
                             <hr>
+                            <div class="row">
+                                <div class="col-xs-6">
+                                    <div class="form-group">
+                                        <label>{{ trans('forms.settings.theme.banner-background-color') }}</label>
+                                        <input type="text" class="form-control color-code" name="style.banner_background_color" value="{{ $theme_banner_background_color }}">
+                                    </div>
+                                </div>
+                                <div class="col-xs-6">
+                                    <div class="form-group">
+                                        <label>{{ trans('forms.settings.theme.banner-padding') }}</label>
+                                        <input type="text" class="form-control" name="style.banner_padding" value="{{ $theme_banner_padding }}">
+                                    </div>
+                                </div>
+                                <div class="col-xs-12">
+                                    <div class="checkbox">
+                                        <label>
+                                            <input type="hidden" value="0" name="style.fullwidth_header">
+                                            <input type="checkbox" value="1" name="style.fullwidth_header" {{ Setting::get('style_fullwidth_header') ? 'checked' : null }}>
+                                            {{ trans('forms.settings.theme.fullwidth-banner') }}
+                                        </label>
+                                    </div>
+                                </div>
+                            </div>
+                            <hr>
                             <div class="row">
                                 <div class="col-xs-6">
                                     <div class="form-group">

resources/views/layout/master.blade.php

@@ -57,6 +57,9 @@
     <script src="{{ elixir('dist/js/all.js') }}"></script>
 </head>
 <body class="status-page">
+
+    @include('partials.banner')
+
     <div class="container">
     @yield('content')
     </div>

resources/views/partials/about-app.blade.php

@@ -1,19 +1,7 @@
-@if($bannerImage = Setting::get('app_banner'))
-<div class="row app-banner">
-    <div class="col-md-12 text-center">
-        <?php $bannerType = Setting::get('app_banner_type') ?>
-        @if($app_url = Setting::get('app_domain'))
-        <a href="{{ $app_url }}" class="links"><img src="data:{{ $bannerType }};base64, {{ $bannerImage}}" class="banner-image img-responsive"></a>
-        @else
-        <img src="data:{{ $bannerType }};base64, {{ $bannerImage}}" class="banner-image img-responsive">
-        @endif
-    </div>
-</div>
-@endif
-
 @if($about_app)
 <div class="about-app">
     <h1>{{ trans('cachet.about_this_site') }}</h1>
     <p>{!! $about_app !!}</p>
 </div>
 @endif
+

resources/views/partials/banner.blade.php

@@ -0,0 +1,16 @@
+@if($bannerImage = Setting::get('app_banner'))
+    <div @if(Setting::get('style_fullwidth_header'))class="app-banner"@endif>
+        <div class="container">
+            <div class="row app-banner-padding  @if(!Setting::get('style_fullwidth_header')) app-banner @endif">
+                <div class="col-md-12 text-center">
+                    <?php $bannerType = Setting::get('app_banner_type') ?>
+                    @if($app_url = Setting::get('app_domain'))
+                        <a href="{{ $app_url }}" class="links"><img src="data:{{ $bannerType }};base64, {{ $bannerImage}}" class="banner-image img-responsive"></a>
+                    @else
+                        <img src="data:{{ $bannerType }};base64, {{ $bannerImage}}" class="banner-image img-responsive">
+                    @endif
+                </div>
+            </div>
+        </div>
+    </div>
+@endif

resources/views/partials/stylesheet.blade.php

@@ -2,6 +2,9 @@
 body.status-page {
     background-color: {{ $theme_background_color }};
     color: {{ $theme_text_color }};
+    @if(Setting::get('app_banner'))
+    padding-top: 0;
+    @endif
 }
 .reds { color: {{ $theme_reds }} !important; }
 .blues { color: {{ $theme_blues }} !important; }
@@ -11,6 +14,17 @@ body.status-page {
 .metrics { color: {{ $theme_metrics }} !important; }
 .links { color: {{ $theme_links }} !important; }
 
+/**
+ * Banner background
+ */
+.app-banner {
+    background-color: {{ $theme_banner_background_color }} !important;
+}
+
+.app-banner-padding {
+    padding: {{ $theme_banner_padding }} !important;
+}
+
 /**
  * Alert overrides.
  */