yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-09-25 16:29:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

PopUp warning

Browse Source
This commit is contained in:
cyril lopez 2017-08-11 14:33:18 +02:00
parent 66d228fbf0
commit ed14d802ef
12 changed files with 247 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/strapi-plugin-settings-manager/admin/src/assets/icons/icon_danger.svg Normal 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>Danger</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, -110.000000)">
<g id="Notification-2---Danger" transform="translate(1066.000000, 90.000000)">
<g id="Danger" transform="translate(20.000000, 20.000000)">
<g id="exclamation" transform="translate(8.500000, 5.000000)" fill-rule="nonzero" fill="#FF5D00">
<path d="M2.86305623,7.72680235 L2.86305623,9.27216281 C2.86305623,9.39174428 2.819363,9.49522824 2.73197654,9.58261469 C2.64459009,9.67000115 2.54110613,9.71369438 2.42152466,9.71369438 L0.655398413,9.71369438 C0.535816948,9.71369438 0.432332988,9.67000115 0.344946533,9.58261469 C0.257560078,9.49522824 0.213866851,9.39174428 0.213866851,9.27216281 L0.213866851,7.72680235 C0.213866851,7.60722088 0.257560078,7.50373692 0.344946533,7.41635047 C0.432332988,7.32896401 0.535816948,7.28527078 0.655398413,7.28527078 L2.42152466,7.28527078 C2.54110613,7.28527078 2.64459009,7.32896401 2.73197654,7.41635047 C2.819363,7.50373692 2.86305623,7.60722088 2.86305623,7.72680235 Z M3.07002415,0.441531563 L2.87685409,5.73991031 C2.8722548,5.85949178 2.82511211,5.96297574 2.73542601,6.05036219 C2.64573991,6.13774865 2.54110613,6.18144188 2.42152466,6.18144188 L0.655398413,6.18144188 C0.535816948,6.18144188 0.431183167,6.13774865 0.341497068,6.05036219 C0.251810969,5.96297574 0.204668276,5.85949178 0.200068989,5.73991031 L0.00689893067,0.441531563 C0.00229964356,0.321950098 0.0425434058,0.218466138 0.127630217,0.131079683 C0.212717029,0.0436932275 0.315051167,0 0.434632632,0 L2.64229044,0 C2.76187191,0 2.86420605,0.0436932275 2.94929286,0.131079683 C3.03437967,0.218466138 3.07462343,0.321950098 3.07002415,0.441531563 Z" id="Shape"></path>
</g>
<rect id="Rectangle-2" stroke="#FF5D00" 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: 2.3 KiB

27
packages/strapi-plugin-settings-manager/admin/src/assets/icons/icon_flag_not_found.svg Normal file
View File

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="25px" height="16px" viewBox="0 0 25 16" 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>Icon Flag Not Found</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Pages" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Settings-Manager---Languages-view" transform="translate(-579.000000, -294.000000)">
<g id="Container" transform="translate(234.000000, 53.000000)">
<g id="Content">
<g id="Forms" transform="translate(335.000000, 126.000000)">
<g id="List" transform="translate(0.000000, 1.000000)">
<g id="2" transform="translate(10.000000, 113.000000)">
<g id="Icon-Flag-Not-Found" transform="translate(0.000000, 1.000000)">
<rect id="Rectangle-2" fill="#ECEDEE" x="0" y="0" width="25" height="16" rx="1"></rect>
<g id="question" transform="translate(9.000000, 4.000000)" fill-rule="nonzero" fill="#919BAE">
<path d="M4.2827381,7.03125 L4.2827381,8.71875 C4.2827381,8.79375 4.2546131,8.859375 4.1983631,8.915625 C4.1421131,8.971875 4.0764881,9 4.0014881,9 L2.3139881,9 C2.2389881,9 2.1733631,8.971875 2.1171131,8.915625 C2.0608631,8.859375 2.0327381,8.79375 2.0327381,8.71875 L2.0327381,7.03125 C2.0327381,6.95625 2.0608631,6.890625 2.1171131,6.834375 C2.1733631,6.778125 2.2389881,6.75 2.3139881,6.75 L4.0014881,6.75 C4.0764881,6.75 4.1421131,6.778125 4.1983631,6.834375 C4.2546131,6.890625 4.2827381,6.95625 4.2827381,7.03125 Z M6.5046131,2.8125 C6.5046131,3.065625 6.46828497,3.30234375 6.39562872,3.52265625 C6.32297247,3.74296875 6.24094122,3.92226562 6.14953497,4.06054688 C6.05812872,4.19882813 5.92922247,4.33828125 5.76281622,4.47890625 C5.59640997,4.61953125 5.46164435,4.72148438 5.35851935,4.78476562 C5.25539435,4.84804687 5.1124256,4.93125 4.9296131,5.034375 C4.7374256,5.1421875 4.57687872,5.29453125 4.44797247,5.49140625 C4.31906622,5.68828125 4.2546131,5.8453125 4.2546131,5.9625 C4.2546131,6.0421875 4.2264881,6.11835938 4.1702381,6.19101563 C4.1139881,6.26367187 4.0483631,6.3 3.9733631,6.3 L2.2858631,6.3 C2.2155506,6.3 2.15578497,6.25664062 2.10656622,6.16992188 C2.05734747,6.08320312 2.0327381,5.9953125 2.0327381,5.90625 L2.0327381,5.58984375 C2.0327381,5.20078125 2.18508185,4.83398438 2.48976935,4.48945312 C2.79445685,4.14492187 3.1296131,3.890625 3.4952381,3.7265625 C3.7718006,3.6 3.9686756,3.46875 4.0858631,3.3328125 C4.2030506,3.196875 4.26164435,3.01875 4.26164435,2.7984375 C4.26164435,2.6015625 4.15265997,2.428125 3.93469122,2.278125 C3.71672247,2.128125 3.46476935,2.053125 3.17883185,2.053125 C2.87414435,2.053125 2.62101935,2.12109375 2.41945685,2.25703125 C2.25539435,2.37421875 2.0046131,2.64375 1.6671131,3.065625 C1.6061756,3.140625 1.53351935,3.178125 1.44914435,3.178125 C1.39289435,3.178125 1.3343006,3.159375 1.2733631,3.121875 L0.120238095,2.24296875 C0.0593005952,2.19609375 0.0229724702,2.1375 0.0112537202,2.0671875 C-0.000465029762,1.996875 0.0124255952,1.93125 0.0499255952,1.8703125 C0.799925595,0.6234375 1.8874256,0 3.3124256,0 C3.6874256,0 4.06476935,0.07265625 4.44445685,0.21796875 C4.82414435,0.36328125 5.16633185,0.5578125 5.47101935,0.8015625 C5.77570685,1.0453125 6.02414435,1.34414063 6.21633185,1.69804687 C6.40851935,2.05195313 6.5046131,2.4234375 6.5046131,2.8125 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

19
packages/strapi-plugin-settings-manager/admin/src/assets/icons/icon_info.svg Normal 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>Info</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, -255.000000)">
<g id="Notification-2---Info" transform="translate(1066.000000, 234.000000)">
<g id="Info" transform="translate(20.000000, 21.000000)">
<g id="info" transform="translate(8.000000, 5.000000)" fill-rule="nonzero" fill="#1C5DE7">
<path d="M4,7.6 L4,8.4 C4,8.50833333 3.96041667,8.60208333 3.88125,8.68125 C3.80208333,8.76041667 3.70833333,8.8 3.6,8.8 L0.4,8.8 C0.291666667,8.8 0.197916667,8.76041667 0.11875,8.68125 C0.0395833333,8.60208333 0,8.50833333 0,8.4 L0,7.6 C0,7.49166667 0.0395833333,7.39791667 0.11875,7.31875 C0.197916667,7.23958333 0.291666667,7.2 0.4,7.2 L0.8,7.2 L0.8,4.8 L0.4,4.8 C0.291666667,4.8 0.197916667,4.76041667 0.11875,4.68125 C0.0395833333,4.60208333 0,4.50833333 0,4.4 L0,3.6 C0,3.49166667 0.0395833333,3.39791667 0.11875,3.31875 C0.197916667,3.23958333 0.291666667,3.2 0.4,3.2 L2.8,3.2 C2.90833333,3.2 3.00208333,3.23958333 3.08125,3.31875 C3.16041667,3.39791667 3.2,3.49166667 3.2,3.6 L3.2,7.2 L3.6,7.2 C3.70833333,7.2 3.80208333,7.23958333 3.88125,7.31875 C3.96041667,7.39791667 4,7.49166667 4,7.6 Z M3.2,0.4 L3.2,1.6 C3.2,1.70833333 3.16041667,1.80208333 3.08125,1.88125 C3.00208333,1.96041667 2.90833333,2 2.8,2 L1.2,2 C1.09166667,2 0.997916667,1.96041667 0.91875,1.88125 C0.839583333,1.80208333 0.8,1.70833333 0.8,1.6 L0.8,0.4 C0.8,0.291666667 0.839583333,0.197916667 0.91875,0.11875 C0.997916667,0.0395833333 1.09166667,0 1.2,0 L2.8,0 C2.90833333,0 3.00208333,0.0395833333 3.08125,0.11875 C3.16041667,0.197916667 3.2,0.291666667 3.2,0.4 Z" id="Shape"></path>
</g>
<rect id="Rectangle-2" stroke="#1C5DE7" 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: 2.2 KiB

21
packages/strapi-plugin-settings-manager/admin/src/assets/icons/icon_warning.svg Normal file
View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="22px" height="21px" viewBox="0 0 22 21" 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>Warning</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(-1085.000000, -182.000000)" fill-rule="nonzero">
<g id="Notification-2---Warning" transform="translate(1066.000000, 162.000000)">
<g id="Warning" transform="translate(20.000000, 21.000000)">
<g id="exclamation" transform="translate(8.500000, 6.000000)" fill="#FA9C00">
<path d="M2.86305623,7.72680235 L2.86305623,9.27216281 C2.86305623,9.39174428 2.819363,9.49522824 2.73197654,9.58261469 C2.64459009,9.67000115 2.54110613,9.71369438 2.42152466,9.71369438 L0.655398413,9.71369438 C0.535816948,9.71369438 0.432332988,9.67000115 0.344946533,9.58261469 C0.257560078,9.49522824 0.213866851,9.39174428 0.213866851,9.27216281 L0.213866851,7.72680235 C0.213866851,7.60722088 0.257560078,7.50373692 0.344946533,7.41635047 C0.432332988,7.32896401 0.535816948,7.28527078 0.655398413,7.28527078 L2.42152466,7.28527078 C2.54110613,7.28527078 2.64459009,7.32896401 2.73197654,7.41635047 C2.819363,7.50373692 2.86305623,7.60722088 2.86305623,7.72680235 Z M3.07002415,0.441531563 L2.87685409,5.73991031 C2.8722548,5.85949178 2.82511211,5.96297574 2.73542601,6.05036219 C2.64573991,6.13774865 2.54110613,6.18144188 2.42152466,6.18144188 L0.655398413,6.18144188 C0.535816948,6.18144188 0.431183167,6.13774865 0.341497068,6.05036219 C0.251810969,5.96297574 0.204668276,5.85949178 0.200068989,5.73991031 L0.00689893067,0.441531563 C0.00229964356,0.321950098 0.0425434058,0.218466138 0.127630217,0.131079683 C0.212717029,0.0436932275 0.315051167,0 0.434632632,0 L2.64229044,0 C2.76187191,0 2.86420605,0.0436932275 2.94929286,0.131079683 C3.03437967,0.218466138 3.07462343,0.321950098 3.07002415,0.441531563 Z" id="Shape"></path>
</g>
<g id="exclamation-triangle" stroke="#FA9C00">
<path d="M11.247216,0.74610245 L19.7995546,16.4253898 C20.0593912,16.8930958 20.0519673,17.3608018 19.7772829,17.8285078 C19.6510765,18.043801 19.4784707,18.2145509 19.2594655,18.3407572 C19.0404603,18.4669636 18.8047513,18.5300668 18.5523385,18.5300668 L1.44766147,18.5300668 C1.1952487,18.5300668 0.959539718,18.4669636 0.740534521,18.3407572 C0.521529324,18.2145509 0.348923534,18.043801 0.222717149,17.8285078 C-0.0519673348,17.3608018 -0.0593912398,16.8930958 0.200445434,16.4253898 L8.75278396,0.74610245 C8.87899035,0.515961396 9.05345212,0.334075724 9.27616927,0.200445434 C9.49888641,0.0668151448 9.74016333,0 10,0 C10.2598367,0 10.5011136,0.0668151448 10.7238307,0.200445434 C10.9465479,0.334075724 11.1210097,0.515961396 11.247216,0.74610245 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

1
packages/strapi-plugin-settings-manager/admin/src/components/List/index.js
View File

@ -92,6 +92,7 @@ class List extends React.Component { // eslint-disable-line react/prefer-statele
);
})}
</ul>
<div className={styles.bottomSpacer} />
</div>
{/* </div> */}

55
packages/strapi-plugin-settings-manager/admin/src/components/List/styles.scss
View File

@ -12,7 +12,7 @@
}
.paddedTopList {
margin-top: 2.7rem!important;
margin-top: 2.8rem!important;
}
.flex {
@ -32,7 +32,7 @@
}
.ulContainer {
padding-top: 1.5rem;
padding-top: 1rem;
margin: 0 3.3rem;
background-color: #FFFFFF;
// background-color: red;
@ -40,10 +40,15 @@
> ul {
list-style: none;
padding: 0;
// .borderBottom {
// &:last-child{
// border-bottom: none;
// }
> li {
line-height: 5rem;
height: 5rem;
border-bottom: 1px solid rgba(14,22,34,0.04);
line-height: 5.2rem;
height: 5.2rem;
border-bottom: 1px solid transparent;
&:last-of-type {
border: none;
}
@ -51,17 +56,32 @@
background-color: rgba(14,22,34,0.03);
}
}
>li:not(:first-child) {
margin-top: .4rem;
>li:first-child {
padding-top: .3rem;
padding-bottom: 5.1rem;
height: 5.2rem;
line-height: 5.2rem;
}
> li:last-child .borderBottom {
border-top: none;
}
}
}
.liSpacer {
height: .2rem!important;
}
.borderBottom {
border-top: 1px solid rgba(14,22,34,0.04);
}
.flexLi {
display: flex;
justify-content: space-between;
margin: 0 4.1rem 0 2.8rem;
position: relative;
align-items: center;
}
@ -95,7 +115,14 @@
text-align: right;
> button {
padding-right: 0;
margin-top: .1rem;
padding-top: .2rem;
// margin-top: .1rem;
&:first-child {
// margin-top: .1rem;
}
> div {
padding-top: .2rem;
}
}
}
@ -103,12 +130,15 @@
font-family: Lato;
color: #49515A;
font-style: italic;
height: 100%;
height: 5.2rem;
line-height: 5.2rem;
}
.normal {
font-family: Lato;
color: #1C5DE7;
padding-top: 0rem;
// padding-top: 0rem;
}
.primary {
@ -284,3 +314,8 @@
.flagContainer {
margin-left: 1rem;
}
.bottomSpacer {
height: 1.2rem;
background-color: #FFFFFF;
}

45
packages/strapi-plugin-settings-manager/admin/src/components/PopUpWarning/index.js
View File

@ -8,19 +8,29 @@ import React from 'react';
// modal
import { Button, Modal, ModalHeader, ModalBody } from 'reactstrap';
import { FormattedMessage } from 'react-intl';
import Danger from '../../assets/icons/icon_danger.svg';
import styles from './styles.scss';
class PopUpWarning extends React.Component { // eslint-disable-line react/prefer-stateless-function
render() {
return (
<div className={styles.popUpWarning}>
<Modal isOpen={this.props.isOpen} toggle={this.props.toggleModal} className={styles.modalPosition}>
<ModalHeader toggle={this.props.toggleModal} className={styles.header}>
<FormattedMessage {...{id: 'popUpWarning.title'}} />
</ModalHeader>
<div className={styles.bordered} />
renderModalBodyDanger = () => (
<ModalBody>
<div className={styles.modalDangerBodyContainer}>
<img src={Danger} alt="icon" />
<FormattedMessage {...{id: this.props.dangerMessage}}>
{(message) => (
<p>{message}</p>
)}
</FormattedMessage>
</div>
<div className={styles.buttonDangerContainer}>
<Button onClick={this.props.handleConfirmDanger} className={styles.primary}>
<FormattedMessage {...{id: 'popUpWarning.danger.ok.message'}} />
</Button>
</div>
</ModalBody>
)
renderModalBody = () => (
<ModalBody className={styles.modalBody}>
<FormattedMessage {...{id: this.props.warningMessage}} />
<div className={styles.buttonContainer}>
@ -36,6 +46,20 @@ class PopUpWarning extends React.Component { // eslint-disable-line react/prefer
</FormattedMessage>
</div>
</ModalBody>
)
render() {
const modalBody = this.props.showDanger ? this.renderModalBodyDanger() : this.renderModalBody();
return (
<div className={styles.popUpWarning}>
<Modal isOpen={this.props.isOpen} toggle={this.props.toggleModal} className={styles.modalPosition}>
<ModalHeader toggle={this.props.toggleModal} className={styles.header}>
<FormattedMessage {...{id: 'popUpWarning.title'}} />
</ModalHeader>
<div className={styles.bordered} />
{modalBody}
</Modal>
</div>
@ -44,8 +68,11 @@ class PopUpWarning extends React.Component { // eslint-disable-line react/prefer
}
PopUpWarning.propTypes = {
dangerMessage: React.PropTypes.string,
handleConfirm: React.PropTypes.func,
handleConfirmDanger: React.PropTypes.func,
isOpen: React.PropTypes.bool.isRequired,
showDanger: React.PropTypes.bool,
toggleModal: React.PropTypes.func.isRequired,
warningMessage: React.PropTypes.string,
}

50
packages/strapi-plugin-settings-manager/admin/src/components/PopUpWarning/styles.scss
View File

@ -19,6 +19,7 @@
}
.bordered {
margin-top: -.4rem;
margin-left: 3rem;
margin-right: 3rem;
border: 1px solid #F6F6F6;
@ -40,9 +41,16 @@
.primary {
font-family: Lato;
background: linear-gradient(315deg, #0097F6 0%, #005EEA 100%);
color: white;
width: 15rem;
border: none;
background: linear-gradient(315deg, #0097F6 0%, #005EEA 100%);
&:active {
background: linear-gradient(315deg, #0097F6 0%, #005EEA 100%);
background-color: none!important;
color: white!important;
}
}
@ -59,7 +67,6 @@
display: flex;
margin-top: 3.5rem;
justify-content: space-between;
}
.modalBody {
@ -72,3 +79,42 @@
top: 18.7rem;
width: 37.5rem;
}
.modalDangerBodyContainer {
padding-top: .1rem;
> img {
width: 2.5rem;
margin-bottom: 1.5rem;
}
> p {
line-height: 1.8rem;
}
color: #F64D0A;
text-align: center;
font-family: Lato;
font-size: 1.3rem;
}
.buttonDangerContainer {
width: 100%;
padding: 0 .5rem;
display: flex;
margin-top: 3.1rem;
justify-content: space-around;
> button {
width: 31.5rem;
height: 3rem;
font-size: 1.3rem;
-webkit-font-smoothing: antialiased;
&:hover {
color: white;
}
}
}
.modalPosition {
top: 20.3rem;
width: 37.5rm;
}

6
packages/strapi-plugin-settings-manager/admin/src/components/RowDatabase/index.js
View File

@ -53,7 +53,7 @@ class RowDatabase extends React.Component { // eslint-disable-line react/prefer-
render() {
return (
<li className={styles.databaseFont} style={{ cursor: 'pointer'}} >
<div style={{ position: 'absolute', width: '73rem', height: '5rem'}} onClick={this.showDatabaseModal}></div>
<div style={{ position: 'absolute', width: '73rem', height: '5.2rem'}} onClick={this.showDatabaseModal}></div>
<div className={styles.flexLi}>
<div className={styles.flexed}>
<div className={styles.squared} style={{ backgroundColor: this.props.data.color }}>
@ -69,6 +69,7 @@ class RowDatabase extends React.Component { // eslint-disable-line react/prefer-
<div className={`${styles.leftSpaced} ${styles.ico}`}><i id={this.props.data.name} className="fa fa-trash" onClick={this.toggleWarning} /></div>
</div>
</div>
<div className={styles.borderBottom} style={{ margin: `-.4rem 4.8rem 0 2.8rem`}} />
<div>
<Modal isOpen={this.state.modal} toggle={this.toggle} className={styles.modalPosition}>
<ModalHeader toggle={this.toggle} className={`${styles.noBorder} ${styles.padded} ${styles.mHeader}`}>
@ -102,7 +103,10 @@ class RowDatabase extends React.Component { // eslint-disable-line react/prefer-
isOpen={this.state.warning}
toggleModal={this.toggleWarning}
handleConfirm={this.deleteDatabase}
handleConfirmDanger={this.toggleWarning}
warningMessage={'popUpWarning.databases.delete.message'}
dangerMessage={'popUpWarning.databases.danger.message'}
showDanger={this.props.data.isUsed}
/>
</div>
</li>

18
packages/strapi-plugin-settings-manager/admin/src/components/RowLanguage/index.js
View File

@ -39,9 +39,14 @@ class RowLanguage extends React.Component { // eslint-disable-line react/prefer-
const languageDisplay = isObject(languageObject) ? <FormattedMessage {...{ id: languageObject.name }} /> : '';
const languageLabel = this.props.active ?
<span className={this.props.liStyles.italicText} style={{ paddingRight: '.1rem'}}>
<FormattedMessage {...{id: 'list.languages.default.languages'}} />
</span> :
<FormattedMessage {...{id: 'list.languages.default.languages'}}>
{(message) => (
<div className={this.props.liStyles.italicText} >
{message}
</div>
)}
</FormattedMessage> :
// set the span's id with the language name to retrieve it
<FormattedMessage {...{id: 'list.languages.set.languages'}}>
{(message) => (
@ -50,9 +55,11 @@ class RowLanguage extends React.Component { // eslint-disable-line react/prefer-
</button>
)}
</FormattedMessage>;
const spacer = this.props.active ? <div className={this.props.liStyles.liSpacer} /> : '';
const borderPosition = this.props.active ? '-.3rem' : '-.6rem';
return (
<li>
{spacer}
<div className={this.props.liStyles.flexLi}>
<div className={`${this.props.liStyles.flexed} ${this.props.liStyles.flagContainer}`}>
<div><span className={`flag-icon flag-icon-${flag}`} /></div>
@ -61,7 +68,10 @@ class RowLanguage extends React.Component { // eslint-disable-line react/prefer-
<div className="text-center" style={{ width: '4rem'}}>{this.props.name}</div>
<div className={this.props.liStyles.centered}>{languageLabel}</div>
<div className={this.props.liStyles.trashContainer}>{deleteIcon}</div>
<div className={this.props.liStyles.borderBottom} />
</div>
<div className={this.props.liStyles.borderBottom} style={{ margin: `${borderPosition} 4.8rem 0 2.8rem`}} />
<div>
<PopUpWarning
isOpen={this.state.showWarning}

4
packages/strapi-plugin-settings-manager/admin/src/translations/en.json
View File

@ -131,7 +131,9 @@
"list.databases.title.plural": "connections in this environment",
"popUpWarning.title": "Please confirm",
"popUpWarning.databases.delete.message": "Are you sure you want to delete this connection ?",
"popUpWarning.databases.danger.message": "Content Types are still linked with this connection. By removing it, you could cause criticals issues to your app. Be careful...",
"popUpWarning.danger.ok.message": "I Understand",
"popUpWarning.databases.delete.message": "Are you sure you want to delete this language ?",
"popUpWarning.languages.delete.message": "Are you sure you want to delete this language ?",
"language.af": "Afrikaans",

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

@ -132,6 +132,8 @@
"popUpWarning.title": "Merci de confirmer",
"popUpWarning.databases.delete.message": "Etes-vous sûre de vouloir supprimer cette connexion ?",
"popUpWarning.danger.message": "Des models sont toujours reliés à cette connexion.....",
"popUpWarning.databases.danger.ok.message": "J'ai compris",
"popUpWarning.languages.delete.message": "Etes-vous sûre de vouloir supprimer ce language ?",
"language.af": "Afrikaans",