diff --git a/docusaurus.config.js b/docusaurus.config.js index d42a8b5..e3b7b01 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -154,25 +154,6 @@ const config = { src: "img/logo.svg", }, }, - footer: { - style: "light", - links: [ - { - title: "Links", - items: [ - { - label: "Elos", - href: "https://elos.vc/", - }, - { - label: "About Mconf", - href: "https://elos.vc/site/sobre-a-mconf/", - }, - ], - }, - ], - copyright: `Copyright © ${new Date().getFullYear()} Elos `, - }, prism: { theme: prismThemes.github, darkTheme: prismThemes.dracula, diff --git a/pages/EnglishGuide.md b/pages/EnglishGuide.md index 1e9111a..41fd09d 100644 --- a/pages/EnglishGuide.md +++ b/pages/EnglishGuide.md @@ -684,7 +684,7 @@ Suggestions are very welcome at any time. Feel free to contact us whenever you w - Elos will allow you to implement a business logic designed by you; - You won't need to register users or rooms in Elos, this will be done via API at the time of access; -- Each room is identified by a `meetingID` generated by you, preferably a UUID; +- Each room is identified by a `meetingID` generated by you, preferably a GUID; - Determine which entity in your system each room will be linked to - be it a class, an appointment or an agent; - Generate a `meetingID` for each entity and save it in the database; - You are not expected to have to deal with the complexity of generating API URLs - use a ready-made library for this (see [here](https://www.notion.so/Documenta-o-API-Elos-327d7f8f72894c5480cf2fa7804ef7bb?pvs=21)); diff --git a/pages/Guide.md b/pages/Guide.md index fc897c3..db65615 100644 --- a/pages/Guide.md +++ b/pages/Guide.md @@ -680,7 +680,7 @@ Sugestões são muito bem-vindas, a qualquer momento. Sinta-se à vontade para c - O Elos permitirá que você implemente uma lógica de negócio pensada por você; - Você não precisará cadastrar usuários ou salas no Elos, isso será feito via API no momento do acesso; -- Cada sala é identificada por um `meetingID` gerado por você, preferencialmente um UUID; +- Cada sala é identificada por um `meetingID` gerado por você, preferencialmente um GUID; - Determine a qual entidade no seu sistema estará vinculada cada sala - seja uma turma, seja um agendamento, seja um agente; - Gere um `meetingID` para cada entidade e grave no banco; - Não é esperado que você precise lidar com a complexidade de geração das URLs da API - utilize uma biblioteca pronta pra isso (veja [aqui](https://www.notion.so/Documenta-o-API-Elos-327d7f8f72894c5480cf2fa7804ef7bb?pvs=21)); diff --git a/src/theme/ColorModeToggle/index.js b/src/theme/ColorModeToggle/index.js new file mode 100644 index 0000000..ed28e1b --- /dev/null +++ b/src/theme/ColorModeToggle/index.js @@ -0,0 +1,33 @@ +import React from "react"; +import useIsBrowser from "@docusaurus/useIsBrowser"; +import { useColorMode } from "@docusaurus/theme-common"; +import styles from "./styles.module.css"; + +export default function ColorModeToggle() { + const isBrowser = useIsBrowser(); + const { colorMode, setColorMode } = useColorMode(); + + const handleToggle = () => { + setColorMode(colorMode === "dark" ? "light" : "dark"); + }; + + if (!isBrowser) { + return null; + } + + return ( +
+ + +
+ ); +} diff --git a/src/theme/ColorModeToggle/styles.module.css b/src/theme/ColorModeToggle/styles.module.css new file mode 100644 index 0000000..93f7c2b --- /dev/null +++ b/src/theme/ColorModeToggle/styles.module.css @@ -0,0 +1,108 @@ +.toggleContainer { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 4px; +} + +.toggleCheckbox { + display: none; +} + +.toggleLabel { + position: relative; + width: 70px; + height: 35px; + background-color: white; + border: 2px solid #eaeaea; + border-radius: 45px; + cursor: pointer; + transition: background-color 0.3s ease, border-color 0.3s ease; + display: flex; + align-items: center; + padding: 4px; +} + +.toggleLabel:hover { + background-color: #f5f5f5; +} + +.toggleButton { + position: absolute; + width: 27px; + height: 27px; + background-color: black; + border-radius: 50%; + transition: transform 0.3s ease, background-color 0.3s ease; + left: 4px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); +} + +.toggleCheckbox:checked + .toggleLabel { + background-color: #333; + border: 2px solid #333; +} + +.toggleCheckbox:checked + .toggleLabel:hover { + background-color: #222; +} + +.toggleCheckbox:checked + .toggleLabel .toggleButton { + background-color: white; + transform: translateX(31px); +} + +.toggleCheckbox:focus + .toggleLabel { + outline: 2px solid var(--ifm-color-primary); + outline-offset: 2px; +} + +.toggleLabel::before { + content: "light_mode"; + font-family: "Material Symbols Outlined"; + position: absolute; + left: 7px; + top: 50%; + transform: translateY(-50%); + font-size: 21px; + line-height: 1; + transition: opacity 0.3s ease, color 0.3s ease; + color: rgba(0, 0, 0, 0.3); +} + +.toggleLabel::after { + content: "dark_mode"; + font-family: "Material Symbols Outlined"; + position: absolute; + right: 8px; + top: 50%; + transform: translateY(-50%); + font-size: 19px; + line-height: 1; + transition: opacity 0.3s ease, color 0.3s ease, transform 0.3s ease; + color: black; +} + +.toggleCheckbox:not(:checked) + .toggleLabel::before { + opacity: 1; + color: white; + z-index: 1; +} + +.toggleCheckbox:not(:checked) + .toggleLabel::after { + opacity: 0.3; + color: rgba(0, 0, 0, 0.3); +} + +.toggleCheckbox:checked + .toggleLabel::before { + opacity: 0.3; + color: rgba(255, 255, 255, 0.3); +} + +.toggleCheckbox:checked + .toggleLabel::after { + opacity: 1; + color: black; + z-index: 1; + right: 7px; + font-size: 21px; +} diff --git a/src/theme/Layout/index.js b/src/theme/Layout/index.js index 28a7a95..2270b78 100644 --- a/src/theme/Layout/index.js +++ b/src/theme/Layout/index.js @@ -728,7 +728,7 @@ export default function LayoutWrapper(props) { href="https://ajuda.elos.vc/kb/article/150995/tudo-sobre-o-elos" target="_blank" > - indeterminate_question_box{" "} + indeterminate_question_box Help Center @@ -739,6 +739,31 @@ export default function LayoutWrapper(props) { + + +
  • + + link + Elos + +
  • +
  • + + link About Mconf + +
  • +
    diff --git a/static/proxy/openapi.yaml b/static/proxy/openapi.yaml index dd68fa5..3f540a5 100644 --- a/static/proxy/openapi.yaml +++ b/static/proxy/openapi.yaml @@ -162,7 +162,7 @@ paths: parameters: - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string @@ -442,7 +442,7 @@ paths: example: "2024-10-21" - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string @@ -749,7 +749,7 @@ paths: type: string - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string @@ -795,7 +795,7 @@ paths: type: string - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string @@ -1262,7 +1262,7 @@ paths: default: false - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string @@ -1636,7 +1636,7 @@ paths: default: false - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string @@ -1780,7 +1780,7 @@ paths: type: string - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string @@ -1896,7 +1896,7 @@ paths: type: boolean - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string @@ -2023,7 +2023,7 @@ paths: type: integer - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string @@ -2241,7 +2241,7 @@ paths: type: boolean - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string @@ -2288,7 +2288,7 @@ paths: type: string - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string @@ -2344,7 +2344,7 @@ paths: type: string - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string @@ -2401,7 +2401,7 @@ paths: default: false - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string @@ -2454,7 +2454,7 @@ paths: parameters: - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string @@ -2537,7 +2537,7 @@ paths: type: string - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string @@ -2583,7 +2583,7 @@ paths: type: string - name: checksum in: query - description: SHA-1 value calculated for validation in the API. + description: SHA-256 value calculated for validation in the API. required: true schema: type: string