Web: People: added tooltip icon with translations to profile
This commit is contained in:
parent
48cf8430b1
commit
a9c1b5411b
@ -13,7 +13,8 @@ import {
|
|||||||
Link,
|
Link,
|
||||||
toastr,
|
toastr,
|
||||||
ModalDialog,
|
ModalDialog,
|
||||||
ComboBox
|
ComboBox,
|
||||||
|
Tooltip
|
||||||
} from "asc-web-components";
|
} from "asc-web-components";
|
||||||
import { connect } from "react-redux";
|
import { connect } from "react-redux";
|
||||||
import styled from 'styled-components';
|
import styled from 'styled-components';
|
||||||
@ -79,6 +80,8 @@ const InfoItemLabel = styled.div`
|
|||||||
|
|
||||||
const InfoItemValue = styled.div`
|
const InfoItemValue = styled.div`
|
||||||
width: 240px;
|
width: 240px;
|
||||||
|
display: flex;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
.language-combo {
|
.language-combo {
|
||||||
padding-top: 4px;
|
padding-top: 4px;
|
||||||
@ -89,6 +92,10 @@ const InfoItemValue = styled.div`
|
|||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
const TooltipIcon = styled.div`
|
||||||
|
padding-top: 6px;
|
||||||
|
`;
|
||||||
|
|
||||||
const IconButtonWrapper = styled.div`
|
const IconButtonWrapper = styled.div`
|
||||||
${props => props.isBefore
|
${props => props.isBefore
|
||||||
? `margin-right: 8px;`
|
? `margin-right: 8px;`
|
||||||
@ -402,7 +409,25 @@ class ProfileInfo extends React.PureComponent {
|
|||||||
size='content'
|
size='content'
|
||||||
className='language-combo'
|
className='language-combo'
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
<TooltipIcon
|
||||||
|
data-for="tooltipLanguageId"
|
||||||
|
data-tip={t("NotFoundLanguage", {userMail: "documentation@onlyoffice.com"})}
|
||||||
|
data-event="click"
|
||||||
|
//data-offset="{'right': 90}"
|
||||||
|
>
|
||||||
|
<IconButton isClickable={true} size={13} iconName="QuestionIcon" />
|
||||||
|
</TooltipIcon>
|
||||||
|
|
||||||
</InfoItemValue>
|
</InfoItemValue>
|
||||||
|
<Tooltip
|
||||||
|
id="tooltipLanguageId"
|
||||||
|
getContent={(dataTip) => <Text.Body fontSize={13}>{dataTip}</Text.Body>}
|
||||||
|
effect="solid"
|
||||||
|
offsetRight={100}
|
||||||
|
place="top"
|
||||||
|
maxWidth={340}
|
||||||
|
/>
|
||||||
</InfoItem>
|
</InfoItem>
|
||||||
}
|
}
|
||||||
<ModalDialog
|
<ModalDialog
|
||||||
|
@ -22,6 +22,7 @@
|
|||||||
"EditButton": "Edit",
|
"EditButton": "Edit",
|
||||||
"Actions": "Actions",
|
"Actions": "Actions",
|
||||||
"ChangeEmailSuccess": "Mail has been successfully changed",
|
"ChangeEmailSuccess": "Mail has been successfully changed",
|
||||||
|
"NotFoundLanguage": "In case you cannot find your language in the list of the available ones, feel free to write to us at {{userMail}} to take part in the translation and get up to 1 year free of charge.",
|
||||||
|
|
||||||
"PhoneChange": "Change phone",
|
"PhoneChange": "Change phone",
|
||||||
"PhoneLbl": "Phone",
|
"PhoneLbl": "Phone",
|
||||||
|
@ -22,6 +22,7 @@
|
|||||||
"EditButton": "Редактировать",
|
"EditButton": "Редактировать",
|
||||||
"Actions": "Actions",
|
"Actions": "Actions",
|
||||||
"ChangeEmailSuccess": "Mail has been successfully changed",
|
"ChangeEmailSuccess": "Mail has been successfully changed",
|
||||||
|
"NotFoundLanguage": "Если Вы не можете найти свой язык в списке доступных, Вы всегда можете написать нам по адресу {{userMail}}, чтобы принять участие в переводе и получить до 1 года бесплатного использования. Подробнее...",
|
||||||
|
|
||||||
"PhoneChange": "Измененить номер телефона",
|
"PhoneChange": "Измененить номер телефона",
|
||||||
"PhoneLbl": "Основной телефон",
|
"PhoneLbl": "Основной телефон",
|
||||||
|
@ -51,7 +51,8 @@
|
|||||||
"DeleteSelfProfile",
|
"DeleteSelfProfile",
|
||||||
"EditButton",
|
"EditButton",
|
||||||
"ChangeEmailSuccess",
|
"ChangeEmailSuccess",
|
||||||
"Actions"
|
"Actions",
|
||||||
|
"NotFoundLanguage"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"ProfileAction": {
|
"ProfileAction": {
|
||||||
|
Loading…
Reference in New Issue
Block a user