Skip to content

Commit

Permalink
[TASK] Add icons for install tool modules
Browse files Browse the repository at this point in the history 
Resolves: #86510
Releases: master
Change-Id: I80692b806c3a7b51de3fad4947102e34956114a2
Reviewed-on: https://review.typo3.org/58528
Reviewed-by: Markus Klein <markus.klein@typo3.org>
Tested-by: Markus Klein <markus.klein@typo3.org>
Reviewed-by: Frank Naegler <frank.naegler@typo3.org>
Tested-by: Frank Naegler <frank.naegler@typo3.org>
Tested-by: TYPO3com <no-reply@typo3.com>
  • Loading branch information
@benjaminkott @NeoBlack
benjaminkott authored and NeoBlack committed Oct 1, 2018
1 parent 6a498af commit ec2c27d
Show file tree
Hide file tree
Showing 33 changed files with 82 additions and 108 deletions.
11 changes: 11 additions & 0 deletions Build/Gruntfile.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -259,6 +259,17 @@ module.exports = function (grunt) {
ext: '.svg'
}]
},
install_icons: {
files: [
{
expand: true,
cwd: '<%= paths.t3icons %>install/',
src: ['**/*.svg'],
dest: '<%= paths.sysext %>install/Resources/Public/Icons/modules/',
ext: '.svg'
}
]
},
module_icons: {
files: [
{
Expand Down
17 changes: 17 additions & 0 deletions typo3/sysext/install/Resources/Private/Partials/Card/Header.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<div class="card-header">
<f:if condition="{icon}">
<div class="card-icon">
<img src="{f:uri.resource(path: icon)}" width="64" height="64" class="card-header-icon-image" />
</div>
</f:if>
<div class="card-header-body">
<f:if condition="{title}">
<h1 class="card-title">{title}</h1>
</f:if>
<f:if condition="{subtitle}">
<span class="card-subtitle">{subtitle}</span>
</f:if>
</div>
</div>
</html>
30 changes: 6 additions & 24 deletions typo3/sysext/install/Resources/Private/Templates/Environment/Cards.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,7 @@ <h1>Environment</h1>

<div class="card-container">
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Environment Overview</h1>
<span class="card-subtitle">Environment</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Environment Overview', subtitle: 'Environment', icon: 'Icons/modules/install-show-environment.svg'}" />
<div class="card-content">
<p class="card-text">Gives an overview of your host environment including its web server, PHP version and selected database.</p>
</div>
Expand All @@ -16,10 +13,7 @@ <h1 class="card-title">Environment Overview</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Environment Status</h1>
<span class="card-subtitle">PHP</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Environment Status', subtitle: 'PHP', icon: 'Icons/modules/install-test-environment.svg'}" />
<div class="card-content">
<p class="card-text">Analyzes your host environment, identifying any issues that may prevent TYPO3 from running correctly.</p>
</div>
Expand All @@ -28,10 +22,7 @@ <h1 class="card-title">Environment Status</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Directory Status</h1>
<span class="card-subtitle">Permissions</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Directory Status', subtitle: 'Permissions', icon: 'Icons/modules/install-check-directory.svg'}" />
<div class="card-content">
<p class="card-text">Analyzes your folder structure, checking files and directories for correct permissions and identifying any files or directories that may be missing from your installation.</p>
</div>
Expand All @@ -40,10 +31,7 @@ <h1 class="card-title">Directory Status</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">PHP Info</h1>
<span class="card-subtitle">PHP</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'PHP Info', subtitle: 'PHP', icon: 'Icons/modules/install-php-info.svg'}" />
<div class="card-content">
<p class="card-text">Outputs detailed information about your installation of PHP. Including version details and enabled PHP extensions.</p>
</div>
Expand All @@ -52,10 +40,7 @@ <h1 class="card-title">PHP Info</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Test Mail Setup</h1>
<span class="card-subtitle">Mail</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Test Mail Setup', subtitle: 'Mail', icon: 'Icons/modules/install-test-mail.svg'}" />
<div class="card-content">
<p class="card-text">Test your mail configuration by sending out a dummy email via TYPO3.</p>
</div>
Expand All @@ -64,10 +49,7 @@ <h1 class="card-title">Test Mail Setup</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Image Processing</h1>
<span class="card-subtitle">Image Processing</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Image Processing', subtitle: 'Image Processing', icon: 'Icons/modules/install-test-image.svg'}" />
<div class="card-content">
<p class="card-text">Creates test images and compares them against a set of reference images to help ensure that image processing is working correctly within your environment.</p>
</div>
Expand Down
40 changes: 8 additions & 32 deletions typo3/sysext/install/Resources/Private/Templates/Maintenance/Cards.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,7 @@ <h1>Maintenance</h1>

<div class="card-container">
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Flush TYPO3 and PHP Cache</h1>
<span class="card-subtitle">Caching</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Flush TYPO3 and PHP Cache', subtitle: 'Caching', icon: 'Icons/modules/install-clear-cache.svg'}" />
<div class="card-content">
<p class="card-text">This action directly clears all registered caches including opcode cache.
This utility is also present in TYPO3’s backend: Top Bar > Clear Cache > Flush all caches.
Expand All @@ -19,10 +16,7 @@ <h1 class="card-title">Flush TYPO3 and PHP Cache</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Analyze Database Structure</h1>
<span class="card-subtitle">Database</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Analyze Database Structure', subtitle: 'Database', icon: 'Icons/modules/install-database-analyze.svg'}" />
<div class="card-content">
<p class="card-text">Compare and update the database table and field definitions of your installation against the specification defined for every activated extension.</p>
</div>
Expand All @@ -31,10 +25,7 @@ <h1 class="card-title">Analyze Database Structure</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Remove Temporary Assets</h1>
<span class="card-subtitle">Caching</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Remove Temporary Assets', subtitle: 'Caching', icon: 'Icons/modules/install-clear-files.svg'}" />
<div class="card-content">
<p class="card-text">Clears temporary files including concatenated JS/CSS files and processed images.</p>
</div>
Expand All @@ -43,10 +34,7 @@ <h1 class="card-title">Remove Temporary Assets</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Rebuild PHP Autoload Information</h1>
<span class="card-subtitle">Caching</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Rebuild PHP Autoload Information', subtitle: 'Caching', icon: 'Icons/modules/install-clear-autoload.svg'}" />
<div class="card-content">
<p class="card-text">Resets autoload information for all active third party extensions.</p>
</div>
Expand All @@ -55,10 +43,7 @@ <h1 class="card-title">Rebuild PHP Autoload Information</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Clear persistent database tables</h1>
<span class="card-subtitle">Database</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Clear Persistent Database Tables', subtitle: 'Database', icon: 'Icons/modules/install-clear-database.svg'}" />
<div class="card-content">
<p class="card-text">Truncates persistent database tables, which are not related to caching.</p>
</div>
Expand All @@ -67,10 +52,7 @@ <h1 class="card-title">Clear persistent database tables</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Create administrative user</h1>
<span class="card-subtitle">Backend Users</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Create Administrative User', subtitle: 'Backend Users', icon: 'Icons/modules/install-create-admin.svg'}" />
<div class="card-content">
<p class="card-text">Create new administrative users and grant them system maintainer privileges (optional).</p>
</div>
Expand All @@ -79,10 +61,7 @@ <h1 class="card-title">Create administrative user</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Reset backend user preferences</h1>
<span class="card-subtitle">Backend Users</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Reset Backend User Preferences', subtitle: 'Backend Users', icon: 'Icons/modules/install-reset-user.svg'}" />
<div class="card-content">
<p class="card-text">Clears preferences and settings for all backend users. The <code>uc</code> field is then set to an empty string.</p>
</div>
Expand All @@ -91,10 +70,7 @@ <h1 class="card-title">Reset backend user preferences</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Manage language packs</h1>
<span class="card-subtitle">Language</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Manage Language Packs', subtitle: 'Language', icon: 'Icons/modules/install-manage-language.svg'}" />
<div class="card-content">
<p class="card-text">Download and update language packs for installed extensions.</p>
</div>
Expand Down
30 changes: 6 additions & 24 deletions typo3/sysext/install/Resources/Private/Templates/Settings/Cards.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,7 @@ <h1>Settings</h1>

<div class="card-container">
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Extension Configuration</h1>
<span class="card-subtitle">Global Configuration</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Extension Configuration', subtitle: 'Global Configuration', icon: 'Icons/modules/install-extension-settings.svg'}" />
<div class="card-content">
<p class="card-text">Configure settings for all enabled extensions.</p>
</div>
Expand All @@ -16,10 +13,7 @@ <h1 class="card-title">Extension Configuration</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Change Install Tool Password</h1>
<span class="card-subtitle">Access</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Change Install Tool Password', subtitle: 'Access', icon: 'Icons/modules/install-password.svg'}" />
<div class="card-content">
<p class="card-text">Set a new password for the Install Tool when accessed in Standalone mode.</p>
</div>
Expand All @@ -28,10 +22,7 @@ <h1 class="card-title">Change Install Tool Password</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Manage System Maintainers</h1>
<span class="card-subtitle">Access</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Manage System Maintainers', subtitle: 'Access', icon: 'Icons/modules/install-manage-maintainer.svg'}" />
<div class="card-content">
<p class="card-text">Specify which backend administrators have access to the Admin Tools module and Install Tool when accessed in Standalone Mode.</p>
</div>
Expand All @@ -40,10 +31,7 @@ <h1 class="card-title">Manage System Maintainers</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Configuration Presets</h1>
<span class="card-subtitle">Global Configuration</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Configuration Presets', subtitle: 'Global Configuration', icon: 'Icons/modules/install-manage-presets.svg'}" />
<div class="card-content">
<p class="card-text">Configure image processing, debug/live mode and mail settings.</p>
</div>
Expand All @@ -52,10 +40,7 @@ <h1 class="card-title">Configuration Presets</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Feature toggles</h1>
<span class="card-subtitle">Global Configuration</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Feature Toggles', subtitle: 'Global Configuration', icon: 'Icons/modules/install-manage-features.svg'}" />
<div class="card-content">
<p class="card-text">Enable and disable core features.</p>
</div>
Expand All @@ -64,10 +49,7 @@ <h1 class="card-title">Feature toggles</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Configure Installation-Wide Options</h1>
<span class="card-subtitle">Global Configuration</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Configure Installation-Wide Options', subtitle: 'Global Configuration', icon: 'Icons/modules/install-manage-settings.svg'}" />
<div class="card-content">
<p class="card-text">Modify settings written to LocalConfiguration.php.</p>
</div>
Expand Down
35 changes: 7 additions & 28 deletions typo3/sysext/install/Resources/Private/Templates/Upgrade/Cards.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,7 @@ <h1>Upgrade</h1>

<div class="card-container">
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Update TYPO3 Core</h1>
<span class="card-subtitle">Core Upgrade</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Update TYPO3 Core', subtitle: 'Core Upgrade', icon: 'Icons/modules/install-update.svg'}" />
<div class="card-content">
<p class="card-text">Update your TYPO3 installation (support for symbolic links required).</p>
</div>
Expand All @@ -16,10 +13,7 @@ <h1 class="card-title">Update TYPO3 Core</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Upgrade Wizard</h1>
<span class="card-subtitle">Core Upgrade</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Upgrade Wizard', subtitle: 'Core Upgrade', icon: 'Icons/modules/install-wizards.svg'}" />
<div class="card-content">
<p class="card-text">Finalises the upgrade process when moving to a major release.</p>
</div>
Expand All @@ -28,10 +22,7 @@ <h1 class="card-title">Upgrade Wizard</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">View Upgrade Documentation</h1>
<span class="card-subtitle">Core Upgrade</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'View Upgrade Documentation', subtitle: 'Core Upgrade', icon: 'Icons/modules/install-documentation.svg'}" />
<div class="card-content">
<p class="card-text">View and search for important changes that have been made for every major and minor release of TYPO3.</p>
</div>
Expand All @@ -40,10 +31,7 @@ <h1 class="card-title">View Upgrade Documentation</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Check TCA in ext_tables.php</h1>
<span class="card-subtitle">TCA</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Check TCA in ext_tables.php', subtitle: 'TCA', icon: 'Icons/modules/install-check-extables.svg'}" />
<div class="card-content">
<p class="card-text">Identify any extensions that are modifying the Table Control Array (TCA) in ext_tables.php. Changes made to the TCA can result in performance drawbacks.
</p>
Expand All @@ -53,10 +41,7 @@ <h1 class="card-title">Check TCA in ext_tables.php</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Check for broken extensions</h1>
<span class="card-subtitle">Extensions</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Check for Broken Extensions', subtitle: 'Extensions', icon: 'Icons/modules/install-check-brokenextension.svg'}" />
<div class="card-content">
<p class="card-text">Checks the compatibility of all active extensions against the current (installed) version of TYPO3.</p>
</div>
Expand All @@ -65,10 +50,7 @@ <h1 class="card-title">Check for broken extensions</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Check TCA Migrations</h1>
<span class="card-subtitle">TCA</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Check TCA Migrations', subtitle: 'TCA', icon: 'Icons/modules/install-check-tca.svg'}" />
<div class="card-content">
<p class="card-text">Identifies any third-party extensions that contain an outdated TCA configuration which should be adapted for the current (installed) version of TYPO3.</p>
</div>
Expand All @@ -77,10 +59,7 @@ <h1 class="card-title">Check TCA Migrations</h1>
</div>
</div>
<div class="card card-size-fixed-small">
<div class="card-header">
<h1 class="card-title">Scan Extension Files</h1>
<span class="card-subtitle">Extensions</span>
</div>
<f:render partial="Card/Header" arguments="{ title: 'Scan Extension Files', subtitle: 'Extensions', icon: 'Icons/modules/install-scan-extensions.svg'}" />
<div class="card-content">
<p class="card-text">Scan extensions for usage of deprecated or outdated TYPO3 API calls.</p>
</div>
Expand Down
1 change: 1 addition & 0 deletions ...sysext/install/Resources/Public/Icons/modules/install-check-brokenextension.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions typo3/sysext/install/Resources/Public/Icons/modules/install-check-directory.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions typo3/sysext/install/Resources/Public/Icons/modules/install-check-extables.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions typo3/sysext/install/Resources/Public/Icons/modules/install-check-tca.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit ec2c27d

Please sign in to comment.