Added upgrade process

app/Providers/AppServiceProvider.php

@@ -30,6 +30,13 @@ class AppServiceProvider extends ServiceProvider
             if($bg_image = Setting::fetch('background_image')) {
                 $alt_bg = ' style="background-image: url('.asset('storage/'.$bg_image).')"';
             }
+
+            // check version to see if an upgrade is needed
+            $db_version = Setting::fetch('version');
+            $app_version = config('app.version');
+            if(version_compare($app_version, $db_version) == 1) { // app is higher than db, so need to run migrations etc
+                Artisan::call('migrate', array('--path' => 'database/migrations', '--force' => true, '--seed' => true));                   
+            }
         }
         view()->share('alt_bg', $alt_bg);
 

database/seeds/SettingsSeeder.php

@@ -36,7 +36,10 @@ class SettingsSeeder extends Seeder
             $setting_group->save();
         }
 
-        if(!Setting::find(1)) {
+        if($version = Setting::find(1)) {
+            $version->value = config('app.version');
+            $version->save();
+        } else {
             $setting = new Setting;
             $setting->id = 1;
             $setting->group_id = 1;
@@ -47,6 +50,7 @@ class SettingsSeeder extends Seeder
             $setting->system = true;
             $setting->save();
         }
+
         if(!Setting::find(2)) {
             $setting = new Setting;
             $setting->id = 2;

public/css/app.css

@@ -378,6 +378,24 @@ body {
   margin-top: 12px;
 }
 
+.item-container {
+  position: relative;
+}
+
+.item-container .item-edit {
+  color: white;
+  position: absolute;
+  bottom: 20px;
+  left: 8px;
+  width: 30px;
+  height: 30px;
+  background: rgba(0, 0, 0, 0.7);
+  border-radius: 50%;
+  text-align: center;
+  line-height: 30px;
+  display: none;
+}
+
 .message-container {
   width: 100%;
   padding: 10px 20px;

public/js/app.js

@@ -46,6 +46,7 @@ $.when( $.ready ).then(function() {
         app.toggleClass('header');
         if(active) {
             $('.add-item').hide();
+            $('.item-edit').hide();
             $('#app').removeClass('sidebar');
             $("#sortable").sortable("disable")
         } else {
@@ -54,6 +55,7 @@ $.when( $.ready ).then(function() {
                 function() 
                 {
                   $('.add-item').fadeIn();
+                  $('.item-edit').fadeIn();
                 }, 350);
     
         }

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
-    "/css/app.css": "/css/app.css?id=d47acbf87c5ae533ddf5",
+    "/css/app.css": "/css/app.css?id=93569633795ce0c63222",
-    "/js/app.js": "/js/app.js?id=a809f8ee6ee8636e0f2b"
+    "/js/app.js": "/js/app.js?id=9cbe042c4b6921658a84"
 }

resources/assets/js/app.js

@@ -37,6 +37,7 @@ $.when( $.ready ).then(function() {
         app.toggleClass('header');
         if(active) {
             $('.add-item').hide();
+            $('.item-edit').hide();
             $('#app').removeClass('sidebar');
             $("#sortable").sortable("disable")
         } else {
@@ -45,6 +46,7 @@ $.when( $.ready ).then(function() {
                 function() 
                 {
                   $('.add-item').fadeIn();
+                  $('.item-edit').fadeIn();
                 }, 350);
     
         }

resources/assets/sass/_app.scss

@@ -107,6 +107,20 @@ body {
 .item-container {
 	//width: 340px;
 	//transition: width .35s ease-in-out;	
+	position: relative;
+	.item-edit {
+		color: white;
+		position: absolute;
+		bottom: 20px;
+		left: 8px;
+		width: 30px;
+		height: 30px;
+		background: rgba(0,0,0,0.7);
+		border-radius: 50%;
+		text-align: center;
+		line-height: 30px;
+		display: none;
+	}
 }
 .message-container {
 	width: 100%;
@@ -166,6 +180,9 @@ body {
 		}
 		.item-container {
 			//width: 240px;
+			.item-edit {
+				//display: block;
+			}
 		}
 		.item, .add-item {
 			transform: scale(0.9);

resources/views/item.blade.php

@@ -9,4 +9,6 @@
                             
                             <a class="link" href="{{ $app->url }}"><i class="fas fa-arrow-alt-to-right"></i></a>
                         </div>
+                        <a class="item-edit" href="{{ route('items.edit', $app->id) }}"><i class="fas fa-pencil"></i></a>
+                        
                     </section>