yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-11-03 11:25:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Display info box when downkloading a plugin

Browse Source
This commit is contained in:
cyril lopez 2017-12-12 20:17:41 +01:00
parent 9fe1480a26
commit 8774f365aa
6 changed files with 89 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/strapi-admin/admin/src/assets/icons/icon_success.svg Executable file
View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch -->
<title>Check</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Pages" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Home-view" transform="translate(-1086.000000, -34.000000)">
<g id="Notification-2---Success" transform="translate(1066.000000, 14.000000)">
<g id="Check" transform="translate(20.000000, 20.000000)">
<g id="check" transform="translate(5.500000, 7.000000)" fill-rule="nonzero" fill="#27B70F">
<path d="M9.34239514,1.3983456 C9.34239514,1.55907497 9.28613986,1.69569495 9.1736293,1.80820551 L4.80982666,6.17200815 L3.99010683,6.99172798 C3.87759626,7.10423854 3.74097629,7.16049383 3.58024691,7.16049383 C3.41951753,7.16049383 3.28289756,7.10423854 3.170387,6.99172798 L2.35066717,6.17200815 L0.168765848,3.99010683 C0.0562552826,3.87759626 0,3.74097629 0,3.58024691 C0,3.41951753 0.0562552826,3.28289756 0.168765848,3.170387 L0.98848568,2.35066717 C1.10099625,2.2381566 1.23761622,2.18190132 1.3983456,2.18190132 C1.55907497,2.18190132 1.69569495,2.2381566 1.80820551,2.35066717 L3.58024691,4.12873592 L7.53418963,0.168765848 C7.6467002,0.0562552826 7.78332017,0 7.94404955,0 C8.10477893,0 8.2413989,0.0562552826 8.35390947,0.168765848 L9.1736293,0.98848568 C9.28613986,1.10099625 9.34239514,1.23761622 9.34239514,1.3983456 Z" id="Shape"></path>
</g>
<rect id="Rectangle-2" stroke="#27B70F" x="0.5" y="0.5" width="19" height="19" rx="9.5"></rect>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

27
packages/strapi-admin/admin/src/components/DownloadInfo/index.js Normal file
View File

@ -0,0 +1,27 @@
/*
*
* DownloadInfo
*
*/
import React from 'react';
import { FormattedMessage } from 'react-intl';
import Icon from '../../assets/icons/icon_success.svg';
import styles from './styles.scss';
function DownloadInfo() {
return (
<div className={styles.wrapper}>
<div className={styles.content}>
<img src={Icon} alt="info" />
<div>
<FormattedMessage id="app.components.DownloadInfo.download" />
<br />
<FormattedMessage id="app.components.DownloadInfo.text" />
</div>
</div>
</div>
);
}
export default DownloadInfo;

34
packages/strapi-admin/admin/src/components/DownloadInfo/styles.scss Normal file
View File

@ -0,0 +1,34 @@
.wrapper {
width: 372px;
height: 159px;
border-radius: 2px;
background-color: #fff;
}
.content {
padding-top: 3rem;
// color: #F64D0A;
text-align: center;
font-family: Lato;
font-size: 1.3rem;
> img {
width: 2.5rem;
margin-bottom: 1.5rem;
}
> div {
padding-top: 9px;
line-height: 18px;
> span:first-child {
color: #333740;
font-size: 16px;
font-weight: 600;
}
> span {
color: #787E8F;
font-size: 13px;
}
}
}

5
packages/strapi-admin/admin/src/containers/InstallPluginPage/index.js
View File

@ -15,6 +15,7 @@ import { get, isUndefined, map } from 'lodash';
// Design
// import Input from 'components/Input';
import DownloadInfo from 'components/DownloadInfo';
import OverlayBlocker from 'components/OverlayBlocker';
import PluginCard from 'components/PluginCard';
import PluginHeader from 'components/PluginHeader';
@ -51,7 +52,9 @@ export class InstallPluginPage extends React.Component { // eslint-disable-line
render() {
return (
<div>
<OverlayBlocker isOpen={this.props.blockApp} />
<OverlayBlocker isOpen={this.props.blockApp}>
<DownloadInfo />
</OverlayBlocker>
<FormattedMessage id="app.components.InstallPluginPage.helmet">
{message => (
<Helmet>

3
packages/strapi-admin/admin/src/translations/en.json
View File

@ -2,6 +2,9 @@
"app.components.ComingSoonPage.comingSoon": "Coming soon",
"app.components.ComingSoonPage.featuresNotAvailable": "This feature is still under active development.",
"app.components.DownloadInfo.download": "Download in progress...",
"app.components.DownloadInfo.text": "It can take a minute. Thanks for your patience.",
"app.components.HomePage.welcome": "Welcome on board!",
"app.components.HomePage.description.part1": "We are happy to have you as one of our users!",
"app.components.HomePage.description.part2": "You are now a member of our community which will help you building your dreamed app.",

2
packages/strapi-admin/admin/src/translations/fr.json
View File

@ -2,6 +2,8 @@
"app.components.ComingSoonPage.comingSoon": "Bientôt disponible",
"app.components.ComingSoonPage.featuresNotAvailable": "Cette fonctionnalité est toujours en cours de développement.",
"app.components.DownloadInfo.download": "Téléchargement en cours...",
"app.components.DownloadInfo.text": "Cela peut prendre une minute. Merci de patienter.",
"app.components.HomePage.welcome": "Bienvenue à bord!",
"app.components.HomePage.description.part1": "Nous somme heureux de vous compter parmi nos utilisateurs",