-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
40048bc
commit 6e8e36e
Showing
9 changed files
with
274 additions
and
1,695 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
116 changes: 116 additions & 0 deletions
116
frontend/src/views/ProfessionalAssociationCode/index.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,116 @@ | ||
| import React, { useEffect, useState } from 'react'; | ||
| import { | ||
| Container, | ||
| GoBackContainer, | ||
| GoBackText, | ||
| GoBackButton, | ||
| TextWarning, | ||
| CodeContainer, | ||
| GenerateButtonText, | ||
| GenerateButton, | ||
| CodeText, | ||
| CodeNumbersContainer, | ||
| CodeNumber, | ||
| ContainerAll | ||
| } from './styles'; | ||
| import { Dimensions,ActivityIndicator } from 'react-native'; | ||
| import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons'; | ||
| import Clipboard from 'expo-clipboard'; | ||
|
|
||
| import api from '../../services/api' | ||
|
|
||
|
|
||
| export default function ProfessionalAssociationCode() { | ||
| const iconColor = '#91919F'; | ||
| const SCREEN_WIDTH = Dimensions.get("window").width; | ||
| const iconSize = SCREEN_WIDTH * 0.075; | ||
| const [code, setCode] = useState<string[]|[]>([]) | ||
| const [loading, setLoading] = useState<boolean>(false) | ||
|
|
||
| function copyCOodeToClipboard() { | ||
|
|
||
| Clipboard.setString("Este é o meu código de profissional no e-motion: "+code.join("") + "." + "\n\nUse ele para se associar a mim e permitir que lhe acompanhe pelo app."); | ||
|
|
||
| } | ||
|
|
||
| function genereteNewCode(){ | ||
| setLoading(true); | ||
| const code_chars = [] as string[]; | ||
| const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; | ||
| const charactersLength = characters.length; | ||
|
|
||
| while(code_chars.length < 5) { | ||
| const newChar = characters.charAt(Math.floor(Math.random() * charactersLength)).toUpperCase(); | ||
|
|
||
| if(code_chars.indexOf(newChar) == -1 ){ | ||
| code_chars.push(newChar) ; | ||
| } | ||
|
|
||
| } | ||
|
|
||
| //fazer req para atualizar o codigo no back | ||
| setCode(code_chars); | ||
| setLoading(false); | ||
| } | ||
|
|
||
|
|
||
| return ( | ||
| <ContainerAll> | ||
| <Container> | ||
| <GoBackContainer> | ||
|
|
||
| <GoBackButton> | ||
|
|
||
| <MaterialCommunityIcons name="chevron-left" color={iconColor} size={iconSize} /> | ||
| <GoBackText> Voltar </GoBackText> | ||
|
|
||
| </GoBackButton> | ||
|
|
||
| </GoBackContainer> | ||
|
|
||
| <TextWarning> | ||
| Este código deve ser usado pelo seu paciente para que ele se vincule a sua conta e para que você tenha acesso aos registros | ||
| </TextWarning> | ||
|
|
||
| {(code.length > 0 || loading ) && | ||
|
|
||
| <CodeContainer> | ||
|
|
||
| {loading ? | ||
| <ActivityIndicator size="large" color="#fad2d2"/> | ||
| : | ||
| <CodeNumbersContainer> | ||
| {code.map((number) => { | ||
| return ( | ||
| <CodeNumber key={number}> | ||
| <CodeText> | ||
| {number} | ||
| </CodeText> | ||
| </CodeNumber> | ||
| ) | ||
| })} | ||
|
|
||
| <GoBackButton onPress={copyCOodeToClipboard}> | ||
| <MaterialCommunityIcons | ||
| name="content-copy" | ||
| color={iconColor} | ||
| size={iconSize} | ||
| style={{marginLeft:10,marginBottom:5}}/> | ||
|
|
||
| </GoBackButton> | ||
|
|
||
| </CodeNumbersContainer> | ||
| } | ||
|
|
||
| </CodeContainer>} | ||
|
|
||
| <GenerateButton onPress={genereteNewCode}> | ||
| <GenerateButtonText> | ||
| {code.length > 0 ? "Gerar novo código": "Gerar código"} | ||
| </GenerateButtonText> | ||
| </GenerateButton> | ||
|
|
||
| </Container> | ||
| </ContainerAll> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,94 @@ | ||
| import styled from 'styled-components/native'; | ||
| import { Dimensions } from 'react-native'; | ||
| import Constants from 'expo-constants'; | ||
|
|
||
| const { width, height } = Dimensions.get('window'); | ||
|
|
||
|
|
||
| export const ContainerAll = styled.View` | ||
| height: 100%; | ||
| background: #E1948B; | ||
| flex: 1; | ||
| ` | ||
|
|
||
| export const Container = styled.View` | ||
| flex: 1; | ||
| backgroundColor: #FCFCFF; | ||
| alignItems: center; | ||
| justifyContent: flex-start; | ||
| paddingTop:15px; | ||
| paddingHorizontal:10px; | ||
| border-radius:35px; | ||
| margin-top: ${Constants.statusBarHeight +9}px; | ||
| ` | ||
|
|
||
| export const GoBackContainer = styled.View` | ||
| width:100%; | ||
| ` | ||
|
|
||
| export const GoBackButton = styled.TouchableOpacity` | ||
| flex-direction:row; | ||
| alignItems: center; | ||
| ` | ||
|
|
||
| export const GoBackText = styled.Text` | ||
| color: #212325; | ||
| margin-left:5px; | ||
| font-size: ${width/26}px; | ||
| ` | ||
|
|
||
| export const TextWarning = styled.Text` | ||
| color:#292B2D; | ||
| font-size: ${width/18}px; | ||
| text-align:center; | ||
| margin:10px; | ||
| margin-top:20px; | ||
| font-weight: 600; | ||
| ` | ||
|
|
||
| export const CodeContainer = styled.View` | ||
| width:100%; | ||
| margin:20px; | ||
| alignItems: center; | ||
| ` | ||
|
|
||
|
|
||
| export const CodeTexttWarning = styled.Text` | ||
| color:#292B2D; | ||
| font-size: ${width/25}px; | ||
| text-align:center; | ||
| ` | ||
|
|
||
| export const CodeText = styled.Text` | ||
| color:#292B2D; | ||
| font-size: ${width/25}px; | ||
| text-align:center; | ||
| font-weight: bold; | ||
| ` | ||
|
|
||
| export const CodeNumbersContainer = styled.View` | ||
| flex-direction:row; | ||
| alignItems: center; | ||
| ` | ||
|
|
||
| export const CodeNumber = styled.View` | ||
| backgroundColor: #FFE9E9; | ||
| padding:15px; | ||
| margin-left:11px; | ||
| margin-bottom:8px; | ||
| ` | ||
|
|
||
| export const GenerateButton = styled.TouchableOpacity` | ||
| backgroundColor: #E1948B; | ||
| height:${height/15}px; | ||
| width:${width/1.4}px; | ||
| alignItems: center; | ||
| justifyContent: center; | ||
| border-radius: 10px; | ||
| ` | ||
| export const GenerateButtonText = styled.Text` | ||
| color: #FCFCFF; | ||
| font-weight: bold; | ||
| font-size: ${width/22}px; | ||
| ` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| import React, { useEffect, useState } from 'react'; | ||
| import { Container } from './styles'; | ||
| import api from '../../services/api' | ||
|
|
||
|
|
||
| export default function Template() { | ||
|
|
||
|
|
||
| return ( | ||
| <Container > | ||
|
|
||
|
|
||
| </Container> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| import styled from 'styled-components/native'; | ||
| import { Dimensions } from 'react-native'; | ||
|
|
||
| const { width, height } = Dimensions.get('window'); | ||
|
|
||
| export const Container = styled.View` | ||
| flex: 1; | ||
| backgroundColor: #FCFCFF; | ||
| alignItems: center; | ||
| justifyContent: space-between; | ||
| paddingTop:60px; | ||
| paddingHorizontal:10px; | ||
| ` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters