Merge pull request #8 from ullbergm/trianglify

Trianglify

app/Providers/AppServiceProvider.php

@@ -17,6 +17,7 @@ class AppServiceProvider extends ServiceProvider
     public function boot()
     {
         $alt_bg = '';
+        $trianglify = '';
 
         if(!is_file(base_path('.env'))) {
             touch(base_path('.env'));
@@ -32,7 +33,9 @@ class AppServiceProvider extends ServiceProvider
         }
         if(is_file(database_path('app.sqlite'))) {
             if(Schema::hasTable('settings')) {
-                if($bg_image = Setting::fetch('background_image')) {
+                if(Setting::fetch('trianglify')) {
+                    $trianglify = '<script>addTriangleTo(app);</script>';
+                } else if($bg_image = Setting::fetch('background_image')) {
                     $alt_bg = ' style="background-image: url(/storage/'.$bg_image.')"';
                 }
 
@@ -53,7 +56,7 @@ class AppServiceProvider extends ServiceProvider
             Artisan::call('storage:link');
         }
         view()->share('alt_bg', $alt_bg);
-
+        view()->share('trianglify', $trianglify);
     }
 
     /**

database/seeds/SettingsSeeder.php

@@ -138,6 +138,19 @@ class SettingsSeeder extends Seeder
             $setting->save();
         }
 
+        if(!$setting = Setting::find(6)) {
+            $setting = new Setting;
+            $setting->id = 6;
+            $setting->group_id = 2;
+            $setting->key = 'trianglify';
+            $setting->type = 'boolean';
+            $setting->label = 'app.settings.trianglify';
+            $setting->save();
+        } else {
+            $setting->label = 'app.settings.trianglify';
+            $setting->save();
+        }
+
         
     }
 }

resources/lang/de/app.php

@@ -6,6 +6,7 @@ return array (
   'settings.miscellaneous' => 'Sonstiges',
   'settings.version' => 'Ausführung',
   'settings.background_image' => 'Hintergrundbild',
+  'settings.trianglify' => 'Trianglify',
   'settings.homepage_search' => 'Homepage Suchen',
   'settings.search_provider' => 'Suchanbieter',
   'settings.language' => 'Sprache',
@@ -55,4 +56,4 @@ return array (
   'alert.success.item_restored' => 'Element erfolgreich wiederhergestellt',
   'alert.success.setting_updated' => 'Sie haben diese Einstellung erfolgreich bearbeitet',
   'alert.error.not_exist' => 'Diese Einstellung existiert nicht.',
-);
+);

resources/lang/en/app.php

@@ -15,6 +15,7 @@ return [
 
     'settings.version' => 'Version',
     'settings.background_image' => 'Background Image',
+    'settings.trianglify' => 'Trianglify',
     'settings.homepage_search' => 'Homepage Search',
     'settings.search_provider' => 'Search Provider',
     'settings.language' => 'Language',

resources/lang/es/app.php

@@ -6,6 +6,7 @@ return array (
   'settings.miscellaneous' => 'Miscelánea',
   'settings.version' => 'Versión',
   'settings.background_image' => 'Imagen De Fondo',
+  'settings.trianglify' => 'Trianglify',
   'settings.homepage_search' => 'Página De Inicio De Búsqueda',
   'settings.search_provider' => 'Proveedor de búsqueda',
   'settings.language' => 'Idioma',
@@ -55,4 +56,4 @@ return array (
   'alert.success.item_restored' => 'Elemento restaurado con éxito',
   'alert.success.setting_updated' => 'Ha editado con éxito esta configuración',
   'alert.error.not_exist' => 'Esta configuración no existe.',
-);
+);

resources/lang/fi/app.php

@@ -6,6 +6,7 @@ return array (
   'settings.miscellaneous' => 'Sekalainen',
   'settings.version' => 'Versio',
   'settings.background_image' => 'Taustakuva',
+  'settings.trianglify' => 'Trianglify',
   'settings.homepage_search' => 'Kotisivu Haku',
   'settings.search_provider' => 'Hakupalvelu',
   'settings.language' => 'Kieli',
@@ -55,4 +56,4 @@ return array (
   'alert.success.item_restored' => 'Kohde palautettu onnistuneesti',
   'alert.success.setting_updated' => 'Asetus muokattu onnistuneesti',
   'alert.error.not_exist' => 'Tätä asetusta ei ole olemassa.',
-);
+);

resources/lang/fr/app.php

@@ -6,6 +6,7 @@ return array (
   'settings.miscellaneous' => 'Divers',
   'settings.version' => 'Version',
   'settings.background_image' => 'Image D\'Arrière-Plan',
+  'settings.trianglify' => 'Trianglify',
   'settings.homepage_search' => 'La Page D\'Accueil De Recherche',
   'settings.search_provider' => 'Fournisseur de recherche',
   'settings.language' => 'Langue',
@@ -55,4 +56,4 @@ return array (
   'alert.success.item_restored' => 'Élément à restaurer avec succès',
   'alert.success.setting_updated' => 'Vous avez modifié ce paramètre avec succès',
   'alert.error.not_exist' => 'Ce paramètre n\'existe pas.',
-);
+);

resources/lang/it/app.php

@@ -16,6 +16,7 @@ return [
     'settings.version' => 'Versione',
     'settings.background_image' => 'Immagine di sfondo',
     'settings.homepage_search' => 'Ricerca in homepage',
+    'settings.trianglify' => 'Trianglify',
     'settings.search_provider' => 'Motore di ricerca',
     'settings.language' => 'Lingua',
     'settings.reset' => 'Ripristina le impostazioni di default',

resources/lang/nl/app.php

@@ -16,6 +16,7 @@ return [
     'settings.version' => 'Versie',
     'settings.background_image' => 'Achtergrondafbeelding',
     'settings.homepage_search' => 'Zoeken op thuispagina',
+    'settings.trianglify' => 'Trianglify',
     'settings.search_provider' => 'Zoekaanbieder',
     'settings.language' => 'Taal',
     'settings.reset' => 'Op standaard instellen',

resources/lang/no/app.php

@@ -16,6 +16,7 @@ return [
     'settings.version' => 'Versjon',
     'settings.background_image' => 'Bakgrunnsbilde',
     'settings.homepage_search' => 'Startside Søk',
+    'settings.trianglify' => 'Trianglify',
     'settings.search_provider' => 'Søkemotor',
     'settings.language' => 'Språk',
     'settings.reset' => 'Tilbakestill tilbake til standard',

resources/lang/pl/app.php

@@ -16,6 +16,7 @@ return [
     'settings.version' => 'Wersja',
     'settings.background_image' => 'Tapeta Pulpitu',
     'settings.homepage_search' => 'Strona Domowa Wyszukiwanie',
+    'settings.trianglify' => 'Trianglify',
     'settings.search_provider' => 'Operator Wyszukiwania',
     'settings.language' => 'Język',
     'settings.reset' => 'Przywróć ustawienia domyślne',

resources/lang/sv/app.php

@@ -7,6 +7,7 @@ return array (
   'settings.version' => 'Version',
   'settings.background_image' => 'Bakgrundsbild',
   'settings.homepage_search' => 'Startsida Sök',
+  'settings.trianglify' => 'Trianglify',
   'settings.search_provider' => 'Sökmotor',
   'settings.language' => 'Språk',
   'settings.reset' => 'Återställ standardinställningar',
@@ -55,4 +56,4 @@ return array (
   'alert.success.item_restored' => 'Artikeln återställd',
   'alert.success.setting_updated' => 'Inställningen uppdaterad',
   'alert.error.not_exist' => 'Denna inställning existerar inte.',
-);
+);

resources/lang/tr/app.php

@@ -16,6 +16,7 @@ return [
     'settings.version' => 'Versiyon',
     'settings.background_image' => 'Arkaplan Resmi',
     'settings.homepage_search' => 'Anasayfa Arama',
+    'settings.trianglify' => 'Trianglify',
     'settings.search_provider' => 'Arama Motoru',
     'settings.language' => 'Dil',
     'settings.reset' => 'Varsayılana Geri Dön',

resources/views/app.blade.php

@@ -91,6 +91,30 @@
         <script>!window.jQuery && document.write('<script src="/js/jquery-3.3.1.min.js"><\/script>')</script>
         <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
         <script src="/js/app.js?v=2"></script>
+        <script src="/js/trianglify.min.js"></script>
+        <script>
+            function addTriangleTo(target) {
+               var dimensions = target.getClientRects()[0];
+               var pattern = Trianglify({
+                  width: dimensions.width,
+                  height: dimensions.height
+               });
+               target.style['background-image'] = 'url(' + pattern.png() + ')';
+               target.style['background-size'] = 'cover';
+               target.style['-webkit-background-size'] = 'cover';
+               target.style['-moz-background-size'] = 'cover';
+               target.style['-o-background-size'] = 'cover';
+            }
+
+            var resizeTimer;
+            $(window).on('resize', function(e) {
+               clearTimeout(resizeTimer);
+               resizeTimer = setTimeout(function() {
+                  addTriangleTo(app);
+               }, 400);
+            });
+        </script>
+        {!! $trianglify !!}
         @yield('scripts')
         
     </body>