From 4d5cd3d80fed842094316c5f3d63b06fc16f6530 Mon Sep 17 00:00:00 2001 From: Peter Papp Date: Sat, 27 Mar 2021 11:33:42 +0100 Subject: [PATCH] added og_image and touch_icon into admin appearance panel --- app/Console/Commands/SetupDevEnvironment.php | 10 +++++++- .../Controllers/App/SetupWizardController.php | 8 ++++++ public/mix-manifest.json | 14 +++++++--- .../AppSettingsTabs/Appearance.vue | 22 +++++++++++++++- resources/js/views/SetupWizard/AppSetup.vue | 24 ++++++++++++++++++ resources/views/index.blade.php | 4 +-- .../demo/app/og-image.jpg | Bin storage/demo/app/touch-icon.png | Bin 0 -> 7326 bytes 8 files changed, 75 insertions(+), 7 deletions(-) rename public/assets/images/vuefilemanager-og-image.jpg => storage/demo/app/og-image.jpg (100%) create mode 100644 storage/demo/app/touch-icon.png diff --git a/app/Console/Commands/SetupDevEnvironment.php b/app/Console/Commands/SetupDevEnvironment.php index 14524864..f1192783 100644 --- a/app/Console/Commands/SetupDevEnvironment.php +++ b/app/Console/Commands/SetupDevEnvironment.php @@ -793,6 +793,14 @@ class SetupDevEnvironment extends Command 'name' => 'app_favicon', 'value' => 'system/favicon.png', ], + [ + 'name' => 'app_og_image', + 'value' => 'system/og-image.jpg', + ], + [ + 'name' => 'app_touch_icon', + 'value' => 'system/touch-icon.png', + ], [ 'name' => 'google_analytics', 'value' => '', @@ -869,7 +877,7 @@ class SetupDevEnvironment extends Command }); // Get system images - collect(['logo.svg', 'logo-horizontal.svg', 'favicon.png']) + collect(['logo.svg', 'logo-horizontal.svg', 'favicon.png', 'og-image.jpg', 'touch-icon.png']) ->each(function ($file) { \File::copy(storage_path("demo/app/$file"), storage_path("app/system/$file")); }); diff --git a/app/Http/Controllers/App/SetupWizardController.php b/app/Http/Controllers/App/SetupWizardController.php index ca8f1422..a4ba1ff7 100644 --- a/app/Http/Controllers/App/SetupWizardController.php +++ b/app/Http/Controllers/App/SetupWizardController.php @@ -346,6 +346,14 @@ class SetupWizardController extends Controller 'name' => 'app_favicon', 'value' => store_system_image($request, 'favicon'), ], + [ + 'name' => 'app_og_image', + 'value' => store_system_image($request, 'og_image'), + ], + [ + 'name' => 'app_touch_icon', + 'value' => store_system_image($request, 'touch_icon'), + ], [ 'name' => 'google_analytics', 'value' => $request->googleAnalytics, diff --git a/public/mix-manifest.json b/public/mix-manifest.json index 307a5ff6..53f1c3bf 100644 --- a/public/mix-manifest.json +++ b/public/mix-manifest.json @@ -8,7 +8,7 @@ "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~a001bb84.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~a001bb84.js?id=0cad8279d29d79cd0e82", "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared/file-browser.js": "/chunks/admin~chunks/files~chunks/settings~chunks/shared-files~chunks/shared/file-browser.js?id=9b66c2dab4c6103bb53c", "/chunks/admin~chunks/platform.js": "/chunks/admin~chunks/platform.js?id=5efddad1c72c0f672608", - "/chunks/app-appearance.js": "/chunks/app-appearance.js?id=38934ca24684b2ee56d1", + "/chunks/app-appearance.js": "/chunks/app-appearance.js?id=ff4a6b02105eaac93dcd", "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~605f4c49.js?id=45c8f27411287c7bbf73", "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~8cc7d96f.js?id=366ca34d2af5158d5087", "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~b9e5655a.js?id=04f0cd9719723459b685", @@ -19,7 +19,7 @@ "/chunks/app-payments.js": "/chunks/app-payments.js?id=7e1a982c90174f568fb2", "/chunks/app-settings.js": "/chunks/app-settings.js?id=1441a53c88fa164f4e1c", "/chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan~chunk~8a0e1d25.js": "/chunks/app-settings~chunks/dashboard~chunks/invoices~chunks/page-edit~chunks/pages~chunks/plan~chunk~8a0e1d25.js?id=e71bb0286189734a8aec", - "/chunks/app-setup.js": "/chunks/app-setup.js?id=299834f7d0316a4bb67a", + "/chunks/app-setup.js": "/chunks/app-setup.js?id=1ccc96fe3f9514f40f95", "/chunks/billings-detail.js": "/chunks/billings-detail.js?id=1d6657b677bf9bb78907", "/chunks/contact-us.js": "/chunks/contact-us.js?id=f5276b101b2e0c97d6d1", "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js": "/chunks/contact-us~chunks/dynamic-page~chunks/homepage.js?id=5814ff43ba7c67297af1", @@ -133,5 +133,13 @@ "/chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-meth~0bfeabca.c312ac01a49b929fba87.hot-update.js": "/chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-meth~0bfeabca.c312ac01a49b929fba87.hot-update.js", "/chunks/platform~chunks/shared.c312ac01a49b929fba87.hot-update.js": "/chunks/platform~chunks/shared.c312ac01a49b929fba87.hot-update.js", "/chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-meth~0bfeabca.7453a9ff96009e423e9c.hot-update.js": "/chunks/dashboard~chunks/files~chunks/invoices~chunks/pages~chunks/plans~chunks/settings-payment-meth~0bfeabca.7453a9ff96009e423e9c.hot-update.js", - "/chunks/platform~chunks/shared.7453a9ff96009e423e9c.hot-update.js": "/chunks/platform~chunks/shared.7453a9ff96009e423e9c.hot-update.js" + "/chunks/platform~chunks/shared.7453a9ff96009e423e9c.hot-update.js": "/chunks/platform~chunks/shared.7453a9ff96009e423e9c.hot-update.js", + "/chunks/app-appearance.486aa26f480ea05b1176.hot-update.js": "/chunks/app-appearance.486aa26f480ea05b1176.hot-update.js", + "/chunks/app-appearance.bc60f50b88f5a93e42f8.hot-update.js": "/chunks/app-appearance.bc60f50b88f5a93e42f8.hot-update.js", + "/chunks/app-appearance.fb0cb4011641be8de4f8.hot-update.js": "/chunks/app-appearance.fb0cb4011641be8de4f8.hot-update.js", + "/chunks/app-appearance.e815a589597dff4f5685.hot-update.js": "/chunks/app-appearance.e815a589597dff4f5685.hot-update.js", + "/chunks/app-appearance.44d5b8dcf013107a5294.hot-update.js": "/chunks/app-appearance.44d5b8dcf013107a5294.hot-update.js", + "/chunks/app-appearance.d3d27ea24498ba39c361.hot-update.js": "/chunks/app-appearance.d3d27ea24498ba39c361.hot-update.js", + "/chunks/app-appearance.844fe0955143cc8be1ed.hot-update.js": "/chunks/app-appearance.844fe0955143cc8be1ed.hot-update.js", + "/chunks/app-setup.1a41ce9be4b75218db5b.hot-update.js": "/chunks/app-setup.1a41ce9be4b75218db5b.hot-update.js" } diff --git a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue index 348ad221..25ea7218 100644 --- a/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue +++ b/resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue @@ -62,6 +62,24 @@ + + +
+ + + + Image that appear when someone shares the content to Facebook or any other social medium. Preferred size is 1200x627 + +
+ + +
+ + + + If user store bookmark on his phone screen, this icon appear in app thumbnail. Preferred size is 156x156 + +
@@ -106,7 +124,7 @@ mounted() { axios.get('/api/admin/settings', { params: { - column: 'app_title|app_description|app_logo|app_favicon|app_logo_horizontal|app_color' + column: 'app_title|app_description|app_logo|app_favicon|app_logo_horizontal|app_color|app_og_image|app_touch_icon' } }) .then(response => { @@ -117,6 +135,8 @@ title: response.data.app_title, color: response.data.app_color, logo: response.data.app_logo, + og_image: response.data.app_og_image, + touch_icon: response.data.app_touch_icon, } }) .finally(() => { diff --git a/resources/js/views/SetupWizard/AppSetup.vue b/resources/js/views/SetupWizard/AppSetup.vue index 3843f2c4..e23368b1 100644 --- a/resources/js/views/SetupWizard/AppSetup.vue +++ b/resources/js/views/SetupWizard/AppSetup.vue @@ -50,6 +50,22 @@ +
+ + + + Image that appear when someone shares the content to Facebook or any other social medium. Preferred size is 1200x627 + +
+ +
+ + + + If user store bookmark on his phone screen, this icon appear in app thumbnail. Preferred size is 156x156 + +
+ Others Information
@@ -158,6 +174,8 @@ logo: undefined, logo_horizontal: undefined, favicon: undefined, + og_image: undefined, + touch_icon: undefined, contactMail: '', googleAnalytics: '', defaultStorage: '5', @@ -199,6 +217,12 @@ if (this.app.logo_horizontal) formData.append('logo_horizontal', this.app.logo_horizontal) + if (this.app.og_image) + formData.append('og_image', this.app.og_image) + + if (this.app.touch_icon) + formData.append('touch_icon', this.app.touch_icon) + if (this.app.favicon) formData.append('favicon', this.app.favicon) diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php index e11d108d..1038e6ed 100644 --- a/resources/views/index.blade.php +++ b/resources/views/index.blade.php @@ -16,7 +16,7 @@ - + {{-- Apple Mobile Web App--}} @@ -24,7 +24,7 @@ {{--Icons--}} - + {{--Format Detection--}} diff --git a/public/assets/images/vuefilemanager-og-image.jpg b/storage/demo/app/og-image.jpg similarity index 100% rename from public/assets/images/vuefilemanager-og-image.jpg rename to storage/demo/app/og-image.jpg diff --git a/storage/demo/app/touch-icon.png b/storage/demo/app/touch-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..175146cd392583a58c9563a1a56d9cc7894ed40e GIT binary patch literal 7326 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