feat: add introduction dialog

Author: prplwtf

blueprint/extensions/blueprint/assets/welcomebanner.jpeg

@@ -31,6 +31,11 @@ class BlueprintSeeder extends Seeder
     ],
     'flags' => [
       'disable_attribution' => [
+        'default' => false,
+        'type' => 'boolean',
+        'hidden' => true,
+      ],
+      'introduction_dismissed' => [
         'default' => false,
         'type' => 'boolean',
         'hidden' => false,

database/Seeders/BlueprintSeeder.php

@@ -67,7 +67,7 @@
             <span class="text-bold h4">Blueprint</span>
           </p>
           <span>
-            Powerful, fast and developer-friendly extension framework for Pterodactyl. Utilize extension APIs, inject HTML, modify stylesheets, package extensions and so much more.
+            Pterodactyl's favorite modding community. Develop, collaborate and install extensions with the extension platform that puts you first. Pterodactyl themes, plugin installers, player managers, admin tools and much more. There's a Blueprint extension for that.
           </span>
         </div>
         <div class="col-lg-4 col-md-3 col-sm-3 col-xs-12" style="padding-top: 3px; padding-bottom: 3px;">

resources/views/admin/extensions.blade.php

@@ -1,3 +1,5 @@
+@include("blueprint.admin.introduction")
+
 @section("blueprint.lib")
   <?php
     use Pterodactyl\BlueprintFramework\Libraries\ExtensionLibrary\Admin\BlueprintAdminLibrary as BlueprintExtensionLibrary;

resources/views/blueprint/admin/admin.blade.php

@@ -0,0 +1,55 @@
+<?php
+  use Pterodactyl\BlueprintFramework\Libraries\ExtensionLibrary\Admin\BlueprintAdminLibrary as BlueprintExtensionLibrary;
+
+  $settings = app()->make('Pterodactyl\Contracts\Repository\SettingsRepositoryInterface');
+  $blueprint = app()->make(BlueprintExtensionLibrary::class, ['settings' => $settings]);
+?>
+
+@section("blueprint.introduction")
+  @if(!$blueprint->dbGet("blueprint", "flags:introduction_dismissed"))
+    <div class="modal fade" id="blueprintIntroductionModal" tabindex="-1" role="dialog">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content" style="background: transparent;">
+          <form action="/admin/extensions/blueprint" method="POST">
+            <div style="overflow: hidden; border-radius: 15px 15px 0 0;">
+              <img src="/assets/extensions/blueprint/welcomebanner.jpeg" style="width: 100%"/>
+            </div>
+            <div class="modal-body">
+              <h3 class="modal-title">Welcome to Blueprint</h3>
+              <p style="padding-top: 5px;">
+                Blueprint is the industry-leading tool to build, manage and maintain extensions for the Pterodactyl panel. You are almost ready to manage extensions, this is the last step.
+              </p>
+              <div class="row" style="padding-top: 5px;">
+                <div class="col-xs-12">
+                  <div style="background-color: #4C5A67; padding: 10px; border-radius: 8px;">
+                    <p style="margin: 0 !important; padding-bottom: 3px;"><strong>Join the Blueprint community</strong></p>
+                    <p style="margin: 0 !important;">
+                      Become part of the <a href="https://discord.com/servers/blueprint-1063548024825057451" target="_blank">Blueprint Discord community</a> and get notified when new extensions are released, participate with community events and more.
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="modal-footer" style="border-radius: 0 0 15px 15px;">
+              <p class="small text-left">By using Blueprint you accept our <a href="https://blueprint.zip/legal/privacy" target="_blank">privacy policy</a>. You can disable anonymized telemetry data in the Blueprint settings menuh.</p>
+              <input type="hidden" name="flags:introduction_dismissed" value="1">
+              <input type="hidden" name="_method" value="PATCH">
+              {!! csrf_field() !!}
+              <button type="submit" class="btn btn-primary btn-sm" style="border-radius: 8px;">Take me to my extensions!</button>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+
+    <script>
+      document.addEventListener('DOMContentLoaded', () => {
+        $('#blueprintIntroductionModal').modal({
+          keyboard: false,
+          backdrop: 'static',
+          show: true
+        })
+      })
+    </script>
+  @endif
+@endsection

resources/views/blueprint/admin/introduction.blade.php

@@ -5,7 +5,7 @@
     <i class="bi bi-gear-fill"></i>
   </button>
 
-  @if($EXTENSION_WEBSITE != "[website]") 
+  @if($EXTENSION_WEBSITE != "[website]")
     <a href="{{ $EXTENSION_WEBSITE }}" target="_blank">
       <button class="btn btn-gray-alt pull-right" style="padding: 5px 10px">
         <i class="{{ $EXTENSION_WEBICON }}"></i>

resources/views/blueprint/admin/template.blade.php

@@ -135,6 +135,7 @@
             </aside>
             <div class="content-wrapper">
                 <section class="content-header">
+                    @yield('blueprint.introduction')
                     @yield('content-header')
                 </section>
                 <section class="content">
@@ -168,9 +169,9 @@
                     <strong><i class="fa fa-fw fa-clock-o"></i></strong> {{ round(microtime(true) - LARAVEL_START, 3) }}s
                 </div>
                 @if(starts_with(Route::currentRouteName(), 'admin.extensions'))
-                    Copyright &copy; 2023 - {{ date('Y') }} <a href="https://blueprint.zip/">Blueprint</a>.
+                    Copyright &copy; 2023 - {{ date('Y') }} <a href="https://blueprint.zip/">Blueprint Framework</a>, Emma (<a href="https://prpl.wtf/">prpl.wtf</a>) and contributors.
                 @else
-                    Copyright &copy; 2015 - {{ date('Y') }} <a href="https://pterodactyl.io/">Pterodactyl Software</a>.
+                    Copyright &copy; 2015 - {{ date('Y') }} <a href="https://pterodactyl.io/">Pterodactyl Software</a>
                 @endif
             </footer>
         </div>