Add the final step of the first time setup

diff --git a/wcfsetup/install/files/acp/style/layout.scss b/wcfsetup/install/files/acp/style/layout.scss
index eda7eba95b0463c20d7ce8106b3dd27f6d853fcb..1071ccccc1b4720e2e242b2120c378c5e80097bb 100644 (file)
--- a/wcfsetup/install/files/acp/style/layout.scss
+++ b/wcfsetup/install/files/acp/style/layout.scss
@@ -782,3 +782,57 @@ html[data-color-scheme="dark"] {
                right: 0 !important;
        }
 }
+
+/* First Time Setup */
+
+.firstTimeSetup__section {
+       margin: 60px auto !important;
+       max-width: 600px;
+}
+
+.firstTimeSetup__title {
+       text-align: center;
+}
+
+.firstTimeSetup__nextSteps {
+       display: flex;
+       flex-direction: column;
+       row-gap: 20px;
+}
+
+.firstTimeSetup__nextStep {
+       column-gap: 20px;
+       display: grid;
+       grid-template-columns: 64px auto;
+}
+
+.firstTimeSetup__nextStep__icon {
+       align-items: center;
+       display: flex;
+       justify-content: center;
+}
+
+.firstTimeSetup__nextStep__title {
+       font-size: 18px;
+       font-weight: 600;
+}
+
+@include screen-xs {
+       .firstTimeSetup__section {
+               margin: 20px auto !important;
+       }
+
+       .firstTimeSetup__nextStep {
+               display: contents;
+       }
+
+       .firstTimeSetup__nextStep__icon {
+               display: none;
+       }
+
+       .firstTimeSetup__nextStep__content {
+               display: flex;
+               flex-direction: column;
+               row-gap: 5px;
+       }
+}

diff --git a/wcfsetup/install/files/acp/templates/firstTimeSetupCompleted.tpl b/wcfsetup/install/files/acp/templates/firstTimeSetupCompleted.tpl
index 6ffb55d3b922c6929e91596a2c38c0317856b25d..424aee448130b525208d7f13f96ba9e473aae613 100644 (file)
--- a/wcfsetup/install/files/acp/templates/firstTimeSetupCompleted.tpl
+++ b/wcfsetup/install/files/acp/templates/firstTimeSetupCompleted.tpl
@@ -18,4 +18,73 @@
        {/hascontent}
 </header>
 
+<section class="firstTimeSetup__section section">
+       <h2 class="firstTimeSetup__title sectionTitle">
+               {lang}wcf.acp.firstTimeSetup.completed.nextSteps{/lang}
+       </h2>
+
+       <div class="firstTimeSetup__nextSteps">
+               <div class="firstTimeSetup__nextStep">
+                       <div class="firstTimeSetup__nextStep__icon">
+                               {icon name='plus' size=64}
+                       </div>
+                       <div class="firstTimeSetup__nextStep__content">
+                               <h3 class="firstTimeSetup__nextStep__title">
+                                       <a href="{link controller='PackageStartInstall'}{/link}" class="externalURL">
+                                               {lang}wcf.acp.firstTimeSetup.completed.apps.title{/lang}
+                                       </a>
+                               </h3>
+                               <p class="firstTimeSetup__nextStep__description">
+                                       {lang}wcf.acp.firstTimeSetup.completed.apps.description{/lang}
+                               </p>
+                       </div>
+               </div>
+               <div class="firstTimeSetup__nextStep">
+                       <div class="firstTimeSetup__nextStep__icon">
+                               {icon name='book' size=64}
+                       </div>
+                       <div class="firstTimeSetup__nextStep__content">
+                               <h3 class="firstTimeSetup__nextStep__title">
+                                       <a href="https://manual.woltlab.com/{if $__wcf->language->getFixedLanguageCode() === 'de'}de{else}en{/if}/" class="externalURL">
+                                               {lang}wcf.acp.firstTimeSetup.completed.manual.title{/lang}
+                                       </a>
+                               </h3>
+                               <p class="firstTimeSetup__nextStep__description">
+                                       {lang}wcf.acp.firstTimeSetup.completed.manual.description{/lang}
+                               </p>
+                       </div>
+               </div>
+               <div class="firstTimeSetup__nextStep">
+                       <div class="firstTimeSetup__nextStep__icon">
+                               {icon name='plug' size=64}
+                       </div>
+                       <div class="firstTimeSetup__nextStep__content">
+                               <h3 class="firstTimeSetup__nextStep__title">
+                                       <a href="https://www.woltlab.com/pluginstore/" class="externalURL">
+                                               {lang}wcf.acp.firstTimeSetup.completed.pluginstore.title{/lang}
+                                       </a>
+                               </h3>
+                               <p class="firstTimeSetup__nextStep__description">
+                                       {lang}wcf.acp.firstTimeSetup.completed.pluginstore.description{/lang}
+                               </p>
+                       </div>
+               </div>
+               <div class="firstTimeSetup__nextStep">
+                       <div class="firstTimeSetup__nextStep__icon">
+                               {icon name='circle-question' size=64}
+                       </div>
+                       <div class="firstTimeSetup__nextStep__content">
+                               <h3 class="firstTimeSetup__nextStep__title">
+                                       <a href="https://www.woltlab.com/ticket-add/" class="externalURL">
+                                               {lang}wcf.acp.firstTimeSetup.completed.support.title{/lang}
+                                       </a>
+                               </h3>
+                               <p class="firstTimeSetup__nextStep__description">
+                                       {lang}wcf.acp.firstTimeSetup.completed.support.description{/lang}
+                               </p>
+                       </div>
+               </div>
+       </div>
+</section>
+
 {include file='footer'}

diff --git a/wcfsetup/install/lang/de.xml b/wcfsetup/install/lang/de.xml
index 84d6d5bb2034e50655f8ae657f0f78537370a31f..5c5581e9ca745d5b55e5989b7c9befc83c208569 100644 (file)
--- a/wcfsetup/install/lang/de.xml
+++ b/wcfsetup/install/lang/de.xml
@@ -700,6 +700,15 @@ Sie erreichen das Fehlerprotokoll unter: {link controller='ExceptionLogView' isE
                <item name="wcf.acp.firstTimeSetup.optionsEmail"><![CDATA[Erstmalige Einrichtung: E-Mail-Einstellungen]]></item>
                <item name="wcf.acp.firstTimeSetup.optionsEmail.description"><![CDATA[Konfigurieren Sie jetzt die von Ihrer Community genutzten E-Mail-Adressen. Der Versand erfolgt standardmäßig direkt durch PHP, nach Abschluss der Ersteinrichtung haben Sie die Möglichkeit in den Optionen einen SMTP-Server zu hinterlegen.]]></item>
                <item name="wcf.acp.firstTimeSetup.completed"><![CDATA[Erstmalige Einrichtung abgeschlossen]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.nextSteps"><![CDATA[Die nächsten Schritte]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.apps.description"><![CDATA[Erweitern Sie Ihre Community um offizielle Apps und Erweiterungen von WoltLab. Mit wenigen Klicks können Sie Ihre Community um ein Forum, Kalender, Galerie, Blog oder Dateiverwaltung erweitern.]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.apps.title"><![CDATA[WoltLab Apps und Erweiterungen installieren]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.manual.description"><![CDATA[Im Handbuch finden Sie hilfreiche Anleitungen und Beschreibungen der verschiedenen Funktionen von WoltLab Suite.]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.manual.title"><![CDATA[Handbuch für WoltLab Suite]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.pluginstore.description"><![CDATA[Im offiziellen Plugin-Store finden Sie viele nützliche Erweiterungen, um Ihre Seite auf Ihre Bedürfnisse zuzuschneiden. Alle angebotenen Erweiterungen werden vorab von WoltLab auf Sicherheit und Stabilität geprüft.]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.pluginstore.title"><![CDATA[Erweiterungen und Stile im Plugin-Store]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.support.description"><![CDATA[Sie haben Fragen zu einzelnen Funktionen oder haben Probleme bei der Einrichtung Ihrer Installation? Über das Ticket-System im Kundenbereich erhalten Sie Hilfestellung durch unsere Kundenbetreuung.]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.support.title"><![CDATA[Ticket-Support für Fragen und Probleme]]></item>
        </category>
        <category name="wcf.acp.group">
                <item name="wcf.acp.group.add"><![CDATA[Benutzergruppe hinzufügen]]></item>

diff --git a/wcfsetup/install/lang/en.xml b/wcfsetup/install/lang/en.xml
index 504803e2cafcc41403cf331b55563692a72681cf..504efe3b31139abc25c7e7c137ffd66a53226b2d 100644 (file)
--- a/wcfsetup/install/lang/en.xml
+++ b/wcfsetup/install/lang/en.xml
@@ -678,6 +678,15 @@ You can access the error log at: {link controller='ExceptionLogView' isEmail=tru
                <item name="wcf.acp.firstTimeSetup.optionsEmail"><![CDATA[First Time Setup: Email Settings]]></item>
                <item name="wcf.acp.firstTimeSetup.optionsEmail.description"><![CDATA[Configure the email addresses used by your community. Emails will be sent directly by PHP by default. After completing the first time setup you will be able to configure an SMTP server within the options.]]></item>
                <item name="wcf.acp.firstTimeSetup.completed"><![CDATA[First Time Setup Completed]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.nextSteps"><![CDATA[Next Steps]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.apps.description"><![CDATA[Extend your community with official apps and plugins from WoltLab. With a few clicks you can enhance your community with a forum, calendar, gallery, blog or file management.]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.apps.title"><![CDATA[Install WoltLab Apps and Plugins]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.manual.description"><![CDATA[In the manual you will find helpful instructions and descriptions of the available features of WoltLab Suite.]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.manual.title"><![CDATA[Manual for WoltLab Suite]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.pluginstore.description"><![CDATA[In the official Plugin-Store you can find many useful plugins to tailor your site to your needs. All offered plugins are pre-tested by WoltLab for security and stability.]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.pluginstore.title"><![CDATA[Plugins and Styles in the Plugin-Store]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.support.description"><![CDATA[Do you have questions about particular features or are you having problems setting up your installation? You can receive help from our customer support via the ticket system in the customer area.]]></item>
+               <item name="wcf.acp.firstTimeSetup.completed.support.title"><![CDATA[Ticket Support for Questions and Problems]]></item>
        </category>
        <category name="wcf.acp.group">
                <item name="wcf.acp.group.add"><![CDATA[Add User Group]]></item>