From f88aa5b11c9b51b2b59e0ee37065d56ca2eff61c Mon Sep 17 00:00:00 2001 From: Yan Luca Date: Thu, 23 Nov 2023 01:18:02 -0300 Subject: [PATCH] Corrigindo tela de cadastro de eletivas --- .../backend/config/config_20231123003210.json | 23 + .../backend/config/config_20231123003724.json | 23 + .../backend/config/config_20231123003727.json | 23 + .../backend/config/config_20231123003801.json | 23 + .history/frontend/src/App_20231121082406.js | 13 + .history/frontend/src/App_20231121235024.js | 12 + .../components/Button/index_20231122103713.js | 20 + .../components/Button/index_20231122103752.js | 20 + .../components/Button/index_20231122103823.js | 20 + .../components/Button/index_20231122104238.js | 20 + .../components/Button/index_20231122104431.js | 20 + .../components/Button/index_20231123004750.js | 21 + .../components/Button/index_20231123004813.js | 21 + .../components/Button/index_20231123004815.js | 21 + .../components/Button/index_20231123004829.js | 21 + .../components/Footer/index_20231122111928.js | 15 + .../components/Footer/index_20231122134056.js | 15 + .../CreateEletivas/index_20231122002607.js | 417 ++++++++++++++++++ .../CreateEletivas/index_20231122002623.js | 417 ++++++++++++++++++ .../CreateEletivas/index_20231122002652.js | 417 ++++++++++++++++++ .../CreateEletivas/index_20231122103759.js | 102 +++++ .../CreateEletivas/index_20231122103857.js | 102 +++++ .../CreateEletivas/index_20231122103927.js | 102 +++++ .../CreateEletivas/index_20231122103940.js | 102 +++++ .../CreateEletivas/index_20231122103944.js | 102 +++++ .../CreateEletivas/index_20231122104016.js | 104 +++++ .../CreateEletivas/index_20231122104047.js | 106 +++++ .../CreateEletivas/index_20231122104117.js | 106 +++++ .../CreateEletivas/index_20231122104124.js | 106 +++++ .../CreateEletivas/index_20231122104143.js | 106 +++++ .../CreateEletivas/index_20231122104200.js | 102 +++++ .../CreateEletivas/index_20231122104513.js | 102 +++++ .../CreateEletivas/index_20231122104603.js | 104 +++++ .../CreateEletivas/index_20231122104626.js | 104 +++++ .../CreateEletivas/index_20231122104639.js | 104 +++++ .../CreateEletivas/index_20231122104713.js | 104 +++++ .../CreateEletivas/index_20231122104831.js | 105 +++++ .../CreateEletivas/index_20231122104908.js | 106 +++++ .../CreateEletivas/index_20231122104931.js | 106 +++++ .../CreateEletivas/index_20231122104947.js | 106 +++++ .../CreateEletivas/index_20231122105929.js | 107 +++++ .../CreateEletivas/index_20231122105939.js | 107 +++++ .../CreateEletivas/index_20231122110000.js | 107 +++++ .../CreateEletivas/index_20231122110239.js | 107 +++++ .../CreateEletivas/index_20231122110255.js | 107 +++++ .../CreateEletivas/index_20231122112119.js | 107 +++++ .../CreateEletivas/index_20231122112252.js | 107 +++++ .../CreateEletivas/index_20231122112309.js | 107 +++++ .../CreateEletivas/index_20231122112318.js | 107 +++++ .../CreateEletivas/index_20231122112337.js | 107 +++++ .../CreateEletivas/index_20231122112455.js | 107 +++++ .../CreateEletivas/index_20231122113740.js | 118 +++++ .../CreateEletivas/index_20231122113808.js | 118 +++++ .../CreateEletivas/index_20231122113844.js | 118 +++++ .../CreateEletivas/index_20231122113919.js | 119 +++++ .../CreateEletivas/index_20231122114038.js | 119 +++++ .../CreateEletivas/index_20231122114132.js | 121 +++++ .../CreateEletivas/index_20231122114315.js | 129 ++++++ .../CreateEletivas/index_20231122122342.js | 129 ++++++ .../CreateEletivas/index_20231122122504.js | 135 ++++++ .../CreateEletivas/index_20231122122629.js | 152 +++++++ .../CreateEletivas/index_20231122122644.js | 152 +++++++ .../CreateEletivas/index_20231122122701.js | 152 +++++++ .../CreateEletivas/index_20231122122720.js | 152 +++++++ .../CreateEletivas/index_20231122122738.js | 152 +++++++ .../CreateEletivas/index_20231122122756.js | 152 +++++++ .../CreateEletivas/index_20231122122803.js | 152 +++++++ .../CreateEletivas/index_20231122122825.js | 152 +++++++ .../CreateEletivas/index_20231122122842.js | 152 +++++++ .../CreateEletivas/index_20231122123134.js | 152 +++++++ .../CreateEletivas/index_20231122123210.js | 142 ++++++ .../CreateEletivas/index_20231122123244.js | 142 ++++++ .../CreateEletivas/index_20231122123426.js | 164 +++++++ .../CreateEletivas/index_20231122123453.js | 164 +++++++ .../CreateEletivas/index_20231122123459.js | 164 +++++++ .../CreateEletivas/index_20231122123512.js | 165 +++++++ .../CreateEletivas/index_20231122123529.js | 166 +++++++ .../CreateEletivas/index_20231122123618.js | 166 +++++++ .../CreateEletivas/index_20231122123816.js | 169 +++++++ .../CreateEletivas/index_20231122124042.js | 172 ++++++++ .../CreateEletivas/index_20231122124133.js | 172 ++++++++ .../CreateEletivas/index_20231122124219.js | 172 ++++++++ .../CreateEletivas/index_20231122124317.js | 175 ++++++++ .../CreateEletivas/index_20231122124329.js | 175 ++++++++ .../CreateEletivas/index_20231122124634.js | 176 ++++++++ .../CreateEletivas/index_20231122124729.js | 176 ++++++++ .../CreateEletivas/index_20231122124745.js | 176 ++++++++ .../CreateEletivas/index_20231122124940.js | 177 ++++++++ .../CreateEletivas/index_20231122125441.js | 180 ++++++++ .../CreateEletivas/index_20231122125512.js | 183 ++++++++ .../CreateEletivas/index_20231122125613.js | 183 ++++++++ .../CreateEletivas/index_20231122125624.js | 187 ++++++++ .../CreateEletivas/index_20231122125815.js | 188 ++++++++ .../CreateEletivas/index_20231122125900.js | 188 ++++++++ .../CreateEletivas/index_20231122125948.js | 188 ++++++++ .../CreateEletivas/index_20231122130012.js | 190 ++++++++ .../CreateEletivas/index_20231122130135.js | 188 ++++++++ .../CreateEletivas/index_20231122130213.js | 189 ++++++++ .../CreateEletivas/index_20231122130244.js | 185 ++++++++ .../CreateEletivas/index_20231122130305.js | 179 ++++++++ .../CreateEletivas/index_20231122130358.js | 176 ++++++++ .../CreateEletivas/index_20231122130458.js | 178 ++++++++ .../CreateEletivas/index_20231122130705.js | 179 ++++++++ .../CreateEletivas/index_20231122130733.js | 185 ++++++++ .../CreateEletivas/index_20231122130742.js | 185 ++++++++ .../CreateEletivas/index_20231122130809.js | 185 ++++++++ .../CreateEletivas/index_20231122130831.js | 182 ++++++++ .../CreateEletivas/index_20231122130847.js | 183 ++++++++ .../CreateEletivas/index_20231122130922.js | 188 ++++++++ .../CreateEletivas/index_20231122130933.js | 188 ++++++++ .../CreateEletivas/index_20231122130956.js | 189 ++++++++ .../CreateEletivas/index_20231122131007.js | 190 ++++++++ .../CreateEletivas/index_20231122131049.js | 189 ++++++++ .../CreateEletivas/index_20231122131106.js | 189 ++++++++ .../CreateEletivas/index_20231122131153.js | 194 ++++++++ .../CreateEletivas/index_20231122131216.js | 195 ++++++++ .../CreateEletivas/index_20231122131404.js | 195 ++++++++ .../CreateEletivas/index_20231122131415.js | 195 ++++++++ .../CreateEletivas/index_20231122131434.js | 195 ++++++++ .../CreateEletivas/index_20231122131456.js | 195 ++++++++ .../CreateEletivas/index_20231122131603.js | 195 ++++++++ .../CreateEletivas/index_20231122131622.js | 195 ++++++++ .../CreateEletivas/index_20231122131629.js | 195 ++++++++ .../CreateEletivas/index_20231122131640.js | 195 ++++++++ .../CreateEletivas/index_20231122131655.js | 195 ++++++++ .../CreateEletivas/index_20231122131703.js | 195 ++++++++ .../CreateEletivas/index_20231122131711.js | 195 ++++++++ .../CreateEletivas/index_20231122131720.js | 195 ++++++++ .../CreateEletivas/index_20231122131737.js | 195 ++++++++ .../CreateEletivas/index_20231122131749.js | 195 ++++++++ .../CreateEletivas/index_20231122131805.js | 195 ++++++++ .../CreateEletivas/index_20231122131905.js | 197 +++++++++ .../CreateEletivas/index_20231122131938.js | 197 +++++++++ .../CreateEletivas/index_20231122132017.js | 197 +++++++++ .../CreateEletivas/index_20231122132027.js | 196 ++++++++ .../CreateEletivas/index_20231122132042.js | 198 +++++++++ .../CreateEletivas/index_20231122132107.js | 198 +++++++++ .../CreateEletivas/index_20231122132156.js | 198 +++++++++ .../CreateEletivas/index_20231122132226.js | 198 +++++++++ .../CreateEletivas/index_20231122132302.js | 198 +++++++++ .../CreateEletivas/index_20231122133228.js | 201 +++++++++ .../CreateEletivas/index_20231122133253.js | 201 +++++++++ .../CreateEletivas/index_20231122133440.js | 195 ++++++++ .../CreateEletivas/index_20231122133827.js | 186 ++++++++ .../CreateEletivas/index_20231122133859.js | 190 ++++++++ .../CreateEletivas/index_20231122135830.js | 184 ++++++++ .../CreateEletivas/index_20231123004102.js | 159 +++++++ .../CreateEletivas/index_20231123004115.js | 159 +++++++ .../CreateEletivas/index_20231123004126.js | 159 +++++++ .../CreateEletivas/index_20231123004146.js | 159 +++++++ .../CreateEletivas/index_20231123004319.js | 160 +++++++ .../CreateEletivas/index_20231123004324.js | 160 +++++++ .../CreateEletivas/index_20231123004401.js | 160 +++++++ .../CreateEletivas/index_20231123004511.js | 159 +++++++ .../CreateEletivas/index_20231123004523.js | 160 +++++++ .../CreateEletivas/index_20231123004930.js | 160 +++++++ .../CreateEletivas/index_20231123005023.js | 160 +++++++ .../CreateEletivas/index_20231123005245.js | 160 +++++++ .../CreateEletivas/index_20231123005256.js | 161 +++++++ .../CreateEletivas/index_20231123005304.js | 161 +++++++ .../CreateEletivas/index_20231123005441.js | 161 +++++++ .../CreateEletivas/index_20231123005453.js | 161 +++++++ .../CreateEletivas/index_20231123005805.js | 161 +++++++ .../CreateEletivas/index_20231123005808.js | 161 +++++++ .../CreateEletivas/index_20231123005822.js | 160 +++++++ .../CreateEletivas/index_20231123005829.js | 160 +++++++ .../CreateEletivas/index_20231123005832.js | 160 +++++++ .../CreateEletivas/index_20231123010015.js | 158 +++++++ .../CreateEletivas/index_20231123010045.js | 159 +++++++ .../CreateEletivas/index_20231123010239.js | 163 +++++++ .../CreateEletivas/index_20231123010258.js | 163 +++++++ .../CreateEletivas/index_20231123010319.js | 163 +++++++ .../CreateEletivas/index_20231123010444.js | 165 +++++++ .../CreateEletivas/index_20231123010503.js | 163 +++++++ .../CreateEletivas/index_20231123010551.js | 163 +++++++ .../CreateEletivas/index_20231123010700.js | 160 +++++++ .../CreateEletivas/index_20231123010714.js | 157 +++++++ .../CreateEletivas/index_20231123010747.js | 155 +++++++ .../CreateEletivas/index_20231123011024.js | 156 +++++++ .../CreateEletivas/index_20231123011123.js | 158 +++++++ .../CreateEletivas/index_20231123011141.js | 159 +++++++ .../CreateEletivas/index_20231123011314.js | 159 +++++++ .../CreateEletivas/index_20231123011331.js | 159 +++++++ .../CreateEletivas/index_20231123011340.js | 159 +++++++ .../CreateEletivas/index_20231123011444.js | 159 +++++++ .../CreateEletivas/styles_20231122110041.js | 67 +++ .../CreateEletivas/styles_20231122110057.js | 67 +++ .../CreateEletivas/styles_20231122110117.js | 67 +++ .../CreateEletivas/styles_20231122110125.js | 67 +++ .../CreateEletivas/styles_20231122110216.js | 67 +++ .../CreateEletivas/styles_20231122110325.js | 67 +++ .../CreateEletivas/styles_20231122110335.js | 67 +++ .../CreateEletivas/styles_20231122110343.js | 67 +++ .../CreateEletivas/styles_20231122110353.js | 67 +++ .../CreateEletivas/styles_20231122110403.js | 67 +++ .../CreateEletivas/styles_20231122110412.js | 67 +++ .../CreateEletivas/styles_20231122110416.js | 67 +++ .../CreateEletivas/styles_20231122110425.js | 67 +++ .../CreateEletivas/styles_20231122110447.js | 67 +++ .../CreateEletivas/styles_20231122110500.js | 67 +++ .../CreateEletivas/styles_20231122110513.js | 67 +++ .../CreateEletivas/styles_20231122110530.js | 67 +++ .../CreateEletivas/styles_20231122110538.js | 67 +++ .../CreateEletivas/styles_20231122110600.js | 67 +++ .../CreateEletivas/styles_20231122110605.js | 67 +++ .../CreateEletivas/styles_20231122110647.js | 68 +++ .../CreateEletivas/styles_20231122110712.js | 68 +++ .../CreateEletivas/styles_20231122110719.js | 68 +++ .../CreateEletivas/styles_20231122110739.js | 68 +++ .../CreateEletivas/styles_20231122110749.js | 68 +++ .../CreateEletivas/styles_20231122110802.js | 68 +++ .../CreateEletivas/styles_20231122110845.js | 68 +++ .../CreateEletivas/styles_20231122110854.js | 68 +++ .../CreateEletivas/styles_20231122110900.js | 68 +++ .../CreateEletivas/styles_20231122110908.js | 68 +++ .../CreateEletivas/styles_20231122112151.js | 68 +++ .../CreateEletivas/styles_20231122112231.js | 68 +++ .../CreateEletivas/styles_20231122112246.js | 68 +++ .../CreateTrilhas/index_20231122135219.js | 190 ++++++++ .../CreateTrilhas/index_20231122135755.js | 186 ++++++++ .../CreateTrilhas/index_20231122140012.js | 194 ++++++++ .../CreateTrilhas/index_20231122140048.js | 194 ++++++++ .../CreateTrilhas/index_20231122143057.js | 194 ++++++++ .../CreateTrilhas/index_20231122143305.js | 194 ++++++++ .../CreateTrilhas/index_20231122143332.js | 194 ++++++++ .../CreateTrilhas/index_20231122143342.js | 194 ++++++++ .../CreateTrilhas/index_20231122143406.js | 168 +++++++ .../CreateTrilhas/index_20231122143432.js | 168 +++++++ .../CreateTrilhas/index_20231123004012.js | 165 +++++++ .../CreateTrilhas/index_20231123004023.js | 165 +++++++ .../CreateTrilhas/styles_20231122135219.js | 68 +++ .../CreateTrilhas/styles_20231122143505.js | 68 +++ .../CreateTrilhas/styles_20231122143613.js | 68 +++ .../src/pages/Signin/index_20231121082406.js | 90 ++++ .../src/pages/Signin/index_20231121233650.js | 98 ++++ .../src/pages/Signin/index_20231122000040.js | 99 +++++ .../src/routes/index_20231122143002.js | 33 ++ .../src/styles/global_20231121082406.js | 21 + .../src/styles/global_20231122002739.js | 18 + .../src/styles/global_20231122103412.js | 21 + .../src/styles/global_20231122103421.js | 21 + .../src/styles/global_20231122105141.js | 21 + backend/config/config.json | 6 +- frontend/src/components/Button/index.js | 1 + frontend/src/pages/CreateEletivas/index.js | 45 +- 245 files changed, 32863 insertions(+), 25 deletions(-) create mode 100644 .history/backend/config/config_20231123003210.json create mode 100644 .history/backend/config/config_20231123003724.json create mode 100644 .history/backend/config/config_20231123003727.json create mode 100644 .history/backend/config/config_20231123003801.json create mode 100644 .history/frontend/src/App_20231121082406.js create mode 100644 .history/frontend/src/App_20231121235024.js create mode 100644 .history/frontend/src/components/Button/index_20231122103713.js create mode 100644 .history/frontend/src/components/Button/index_20231122103752.js create mode 100644 .history/frontend/src/components/Button/index_20231122103823.js create mode 100644 .history/frontend/src/components/Button/index_20231122104238.js create mode 100644 .history/frontend/src/components/Button/index_20231122104431.js create mode 100644 .history/frontend/src/components/Button/index_20231123004750.js create mode 100644 .history/frontend/src/components/Button/index_20231123004813.js create mode 100644 .history/frontend/src/components/Button/index_20231123004815.js create mode 100644 .history/frontend/src/components/Button/index_20231123004829.js create mode 100644 .history/frontend/src/components/Footer/index_20231122111928.js create mode 100644 .history/frontend/src/components/Footer/index_20231122134056.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122002607.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122002623.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122002652.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122103759.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122103857.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122103927.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122103940.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122103944.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122104016.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122104047.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122104117.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122104124.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122104143.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122104200.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122104513.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122104603.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122104626.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122104639.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122104713.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122104831.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122104908.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122104931.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122104947.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122105929.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122105939.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122110000.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122110239.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122110255.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122112119.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122112252.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122112309.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122112318.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122112337.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122112455.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122113740.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122113808.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122113844.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122113919.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122114038.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122114132.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122114315.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122122342.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122122504.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122122629.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122122644.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122122701.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122122720.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122122738.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122122756.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122122803.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122122825.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122122842.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122123134.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122123210.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122123244.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122123426.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122123453.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122123459.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122123512.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122123529.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122123618.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122123816.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122124042.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122124133.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122124219.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122124317.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122124329.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122124634.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122124729.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122124745.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122124940.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122125441.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122125512.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122125613.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122125624.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122125815.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122125900.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122125948.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130012.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130135.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130213.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130244.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130305.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130358.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130458.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130705.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130733.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130742.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130809.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130831.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130847.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130922.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130933.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122130956.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131007.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131049.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131106.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131153.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131216.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131404.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131415.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131434.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131456.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131603.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131622.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131629.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131640.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131655.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131703.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131711.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131720.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131737.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131749.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131805.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131905.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122131938.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122132017.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122132027.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122132042.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122132107.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122132156.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122132226.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122132302.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122133228.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122133253.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122133440.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122133827.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122133859.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231122135830.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123004102.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123004115.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123004126.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123004146.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123004319.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123004324.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123004401.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123004511.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123004523.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123004930.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123005023.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123005245.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123005256.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123005304.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123005441.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123005453.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123005805.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123005808.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123005822.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123005829.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123005832.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123010015.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123010045.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123010239.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123010258.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123010319.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123010444.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123010503.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123010551.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123010700.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123010714.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123010747.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123011024.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123011123.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123011141.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123011314.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123011331.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123011340.js create mode 100644 .history/frontend/src/pages/CreateEletivas/index_20231123011444.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110041.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110057.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110117.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110125.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110216.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110325.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110335.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110343.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110353.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110403.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110412.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110416.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110425.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110447.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110500.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110513.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110530.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110538.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110600.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110605.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110647.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110712.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110719.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110739.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110749.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110802.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110845.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110854.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110900.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122110908.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122112151.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122112231.js create mode 100644 .history/frontend/src/pages/CreateEletivas/styles_20231122112246.js create mode 100644 .history/frontend/src/pages/CreateTrilhas/index_20231122135219.js create mode 100644 .history/frontend/src/pages/CreateTrilhas/index_20231122135755.js create mode 100644 .history/frontend/src/pages/CreateTrilhas/index_20231122140012.js create mode 100644 .history/frontend/src/pages/CreateTrilhas/index_20231122140048.js create mode 100644 .history/frontend/src/pages/CreateTrilhas/index_20231122143057.js create mode 100644 .history/frontend/src/pages/CreateTrilhas/index_20231122143305.js create mode 100644 .history/frontend/src/pages/CreateTrilhas/index_20231122143332.js create mode 100644 .history/frontend/src/pages/CreateTrilhas/index_20231122143342.js create mode 100644 .history/frontend/src/pages/CreateTrilhas/index_20231122143406.js create mode 100644 .history/frontend/src/pages/CreateTrilhas/index_20231122143432.js create mode 100644 .history/frontend/src/pages/CreateTrilhas/index_20231123004012.js create mode 100644 .history/frontend/src/pages/CreateTrilhas/index_20231123004023.js create mode 100644 .history/frontend/src/pages/CreateTrilhas/styles_20231122135219.js create mode 100644 .history/frontend/src/pages/CreateTrilhas/styles_20231122143505.js create mode 100644 .history/frontend/src/pages/CreateTrilhas/styles_20231122143613.js create mode 100644 .history/frontend/src/pages/Signin/index_20231121082406.js create mode 100644 .history/frontend/src/pages/Signin/index_20231121233650.js create mode 100644 .history/frontend/src/pages/Signin/index_20231122000040.js create mode 100644 .history/frontend/src/routes/index_20231122143002.js create mode 100644 .history/frontend/src/styles/global_20231121082406.js create mode 100644 .history/frontend/src/styles/global_20231122002739.js create mode 100644 .history/frontend/src/styles/global_20231122103412.js create mode 100644 .history/frontend/src/styles/global_20231122103421.js create mode 100644 .history/frontend/src/styles/global_20231122105141.js diff --git a/.history/backend/config/config_20231123003210.json b/.history/backend/config/config_20231123003210.json new file mode 100644 index 00000000..417b8a93 --- /dev/null +++ b/.history/backend/config/config_20231123003210.json @@ -0,0 +1,23 @@ +{ + "development": { + "username": "root", + "password": "password", + "database": "matriculai_development", + "host": "localhost", + "dialect": "mysql" +}, + "test": { + "username": "root", + "password": null, + "database": "database_test", + "host": "127.0.0.1", + "dialect": "mysql" + }, + "production": { + "username": "root", + "password": null, + "database": "database_production", + "host": "127.0.0.1", + "dialect": "mysql" + } +} diff --git a/.history/backend/config/config_20231123003724.json b/.history/backend/config/config_20231123003724.json new file mode 100644 index 00000000..4e875eb5 --- /dev/null +++ b/.history/backend/config/config_20231123003724.json @@ -0,0 +1,23 @@ +{ + "development": { + "username": "root", + "password": "12345", + "database": "matriculai_development", + "host": "localhost", + "dialect": "mysql" +}, + "test": { + "username": "root", + "password": null, + "database": "database_test", + "host": "127.0.0.1", + "dialect": "mysql" + }, + "production": { + "username": "root", + "password": null, + "database": "database_production", + "host": "127.0.0.1", + "dialect": "mysql" + } +} diff --git a/.history/backend/config/config_20231123003727.json b/.history/backend/config/config_20231123003727.json new file mode 100644 index 00000000..bb256857 --- /dev/null +++ b/.history/backend/config/config_20231123003727.json @@ -0,0 +1,23 @@ +{ + "development": { + "username": "eu", + "password": "12345", + "database": "matriculai_development", + "host": "localhost", + "dialect": "mysql" +}, + "test": { + "username": "root", + "password": null, + "database": "database_test", + "host": "127.0.0.1", + "dialect": "mysql" + }, + "production": { + "username": "root", + "password": null, + "database": "database_production", + "host": "127.0.0.1", + "dialect": "mysql" + } +} diff --git a/.history/backend/config/config_20231123003801.json b/.history/backend/config/config_20231123003801.json new file mode 100644 index 00000000..14e95799 --- /dev/null +++ b/.history/backend/config/config_20231123003801.json @@ -0,0 +1,23 @@ +{ + "development": { + "username": "eu", + "password": "12345", + "database": "matriculai", + "host": "localhost", + "dialect": "mysql" +}, + "test": { + "username": "root", + "password": null, + "database": "database_test", + "host": "127.0.0.1", + "dialect": "mysql" + }, + "production": { + "username": "root", + "password": null, + "database": "database_production", + "host": "127.0.0.1", + "dialect": "mysql" + } +} diff --git a/.history/frontend/src/App_20231121082406.js b/.history/frontend/src/App_20231121082406.js new file mode 100644 index 00000000..5054036e --- /dev/null +++ b/.history/frontend/src/App_20231121082406.js @@ -0,0 +1,13 @@ +import React from "react"; +import RoutesApp from "./routes"; +import { AuthProvider } from "./contexts/auth"; +import GlobalStyle from "./styles/global"; + +const App = () => ( + + + + +); + +export default App; diff --git a/.history/frontend/src/App_20231121235024.js b/.history/frontend/src/App_20231121235024.js new file mode 100644 index 00000000..50702fe4 --- /dev/null +++ b/.history/frontend/src/App_20231121235024.js @@ -0,0 +1,12 @@ +import React from "react"; +import RoutesApp from "./routes"; +import { AuthProvider } from "./contexts/auth"; +//import GlobalStyle from "./styles/global"; + +const App = () => ( + + + +); + +export default App; diff --git a/.history/frontend/src/components/Button/index_20231122103713.js b/.history/frontend/src/components/Button/index_20231122103713.js new file mode 100644 index 00000000..7e4e409e --- /dev/null +++ b/.history/frontend/src/components/Button/index_20231122103713.js @@ -0,0 +1,20 @@ +import React from "react"; +import * as C from "./styles"; + +const Button = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; + +export default Button; + +const ButtonCadastrar = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; diff --git a/.history/frontend/src/components/Button/index_20231122103752.js b/.history/frontend/src/components/Button/index_20231122103752.js new file mode 100644 index 00000000..06e7d5a7 --- /dev/null +++ b/.history/frontend/src/components/Button/index_20231122103752.js @@ -0,0 +1,20 @@ +import React from "react"; +import * as C from "./styles"; + +const Button = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; + +export default Button; + +const ButtonCadastrar = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; diff --git a/.history/frontend/src/components/Button/index_20231122103823.js b/.history/frontend/src/components/Button/index_20231122103823.js new file mode 100644 index 00000000..b37ec379 --- /dev/null +++ b/.history/frontend/src/components/Button/index_20231122103823.js @@ -0,0 +1,20 @@ +import React from "react"; +import * as C from "./styles"; + +const Button = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; + +export default Button; + +const ButtonCadastrar = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; diff --git a/.history/frontend/src/components/Button/index_20231122104238.js b/.history/frontend/src/components/Button/index_20231122104238.js new file mode 100644 index 00000000..e6396ab9 --- /dev/null +++ b/.history/frontend/src/components/Button/index_20231122104238.js @@ -0,0 +1,20 @@ +import React from "react"; +import * as C from "./styles"; + +const Button = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; + +export default Button; + +const ButtonCadastrar = ({ Text, onClick, Type = "button", PaddingBottom='20' }) => { + return ( + + {Text} + + ); +}; diff --git a/.history/frontend/src/components/Button/index_20231122104431.js b/.history/frontend/src/components/Button/index_20231122104431.js new file mode 100644 index 00000000..a9eb18e4 --- /dev/null +++ b/.history/frontend/src/components/Button/index_20231122104431.js @@ -0,0 +1,20 @@ +import React from "react"; +import * as C from "./styles"; + +const Button = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; + +export default Button; + +const ButtonCadastrar = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; diff --git a/.history/frontend/src/components/Button/index_20231123004750.js b/.history/frontend/src/components/Button/index_20231123004750.js new file mode 100644 index 00000000..c1074cd7 --- /dev/null +++ b/.history/frontend/src/components/Button/index_20231123004750.js @@ -0,0 +1,21 @@ +import React from "react"; +import * as C from "./styles"; + +const Button = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; + +export default Button; + +const ButtonCadastrar = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; +export { ButtonCadastrar }; \ No newline at end of file diff --git a/.history/frontend/src/components/Button/index_20231123004813.js b/.history/frontend/src/components/Button/index_20231123004813.js new file mode 100644 index 00000000..d1db8e4b --- /dev/null +++ b/.history/frontend/src/components/Button/index_20231123004813.js @@ -0,0 +1,21 @@ +import React from "react"; +import * as C from "./styles"; + +const Button = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; + +export default Button; + +const ButtonCadastrar = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; +export default{ ButtonCadastrar }; \ No newline at end of file diff --git a/.history/frontend/src/components/Button/index_20231123004815.js b/.history/frontend/src/components/Button/index_20231123004815.js new file mode 100644 index 00000000..d1db8e4b --- /dev/null +++ b/.history/frontend/src/components/Button/index_20231123004815.js @@ -0,0 +1,21 @@ +import React from "react"; +import * as C from "./styles"; + +const Button = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; + +export default Button; + +const ButtonCadastrar = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; +export default{ ButtonCadastrar }; \ No newline at end of file diff --git a/.history/frontend/src/components/Button/index_20231123004829.js b/.history/frontend/src/components/Button/index_20231123004829.js new file mode 100644 index 00000000..c1074cd7 --- /dev/null +++ b/.history/frontend/src/components/Button/index_20231123004829.js @@ -0,0 +1,21 @@ +import React from "react"; +import * as C from "./styles"; + +const Button = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; + +export default Button; + +const ButtonCadastrar = ({ Text, onClick, Type = "button" }) => { + return ( + + {Text} + + ); +}; +export { ButtonCadastrar }; \ No newline at end of file diff --git a/.history/frontend/src/components/Footer/index_20231122111928.js b/.history/frontend/src/components/Footer/index_20231122111928.js new file mode 100644 index 00000000..4d5e8c56 --- /dev/null +++ b/.history/frontend/src/components/Footer/index_20231122111928.js @@ -0,0 +1,15 @@ +import React from "react"; +import * as C from "./styles"; + +const Input = ({ type, placeholder, value, onChange }) => { + return ( + + ); +}; + +export default Input; diff --git a/.history/frontend/src/components/Footer/index_20231122134056.js b/.history/frontend/src/components/Footer/index_20231122134056.js new file mode 100644 index 00000000..cc2804ad --- /dev/null +++ b/.history/frontend/src/components/Footer/index_20231122134056.js @@ -0,0 +1,15 @@ +import React from "react"; +import * as C from "./styles"; + +const Footer = ({ type, placeholder, value, onChange }) => { + return ( + + ); +}; + +export default Input; diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231122002607.js b/.history/frontend/src/pages/CreateEletivas/index_20231122002607.js new file mode 100644 index 00000000..ff44b11f --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231122002607.js @@ -0,0 +1,417 @@ +/*import React from "react"; +import { Link } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; + +import { + Input, + Box, + Center, + Flex, + Form, + FormControl, + FormLabel, + HStack, + RadioGroup, + Radio, + Button, + Select, + Text, + Stack, + +} from "@chakra-ui/react" +; + + +const CreateEletivas = () => { + return ( + + +
+ + + + + + + CADASTRO DE ELETIVAS + + + + + + Nome da eletiva + + + Descrição da eletiva + + + Série + + + Professor Responsável + + + Número de vagas + + + Horário da aula + + + + + + + + + +
+
+ + + ); +}; + +export default CreateEletivas;*/ +import React from 'react' +import { Stack, Box, Text } from '@chakra-ui/react' +export const App = () => ( + + + + + + + + + + + + + + + Nome da eletiva + + + + + + + + + Descrição + + + + + + + + Série + + + + + + + Nome da eletiva + + + + + + + + + + + Número de vagas + + + + + + Horário da disciplina + + + + + + Professor responsável + + + + + + + + Cadastrar + + + + Cadastro de eletivas + + + + Copyright © 2023 Centro de Ensino Médio de Taguatinga Norte. Todos os + direitos reservados. + + +) +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231122002623.js b/.history/frontend/src/pages/CreateEletivas/index_20231122002623.js new file mode 100644 index 00000000..2ba85dd7 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231122002623.js @@ -0,0 +1,417 @@ +/*import React from "react"; +import { Link } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; + +import { + Input, + Box, + Center, + Flex, + Form, + FormControl, + FormLabel, + HStack, + RadioGroup, + Radio, + Button, + Select, + Text, + Stack, + +} from "@chakra-ui/react" +; + + +const CreateEletivas = () => { + return ( + + +
+ + + + + + + CADASTRO DE ELETIVAS + + + + + + Nome da eletiva + + + Descrição da eletiva + + + Série + + + Professor Responsável + + + Número de vagas + + + Horário da aula + + + + + + + + + +
+
+ + + ); +}; + +export default CreateEletivas;*/ +import React from 'react' +import { Stack, Box, Text } from '@chakra-ui/react' +export const CreateEletivas = () => ( + + + + + + + + + + + + + + + Nome da eletiva + + + + + + + + + Descrição + + + + + + + + Série + + + + + + + Nome da eletiva + + + + + + + + + + + Número de vagas + + + + + + Horário da disciplina + + + + + + Professor responsável + + + + + + + + Cadastrar + + + + Cadastro de eletivas + + + + Copyright © 2023 Centro de Ensino Médio de Taguatinga Norte. Todos os + direitos reservados. + + +) +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231122002652.js b/.history/frontend/src/pages/CreateEletivas/index_20231122002652.js new file mode 100644 index 00000000..2ba85dd7 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231122002652.js @@ -0,0 +1,417 @@ +/*import React from "react"; +import { Link } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; + +import { + Input, + Box, + Center, + Flex, + Form, + FormControl, + FormLabel, + HStack, + RadioGroup, + Radio, + Button, + Select, + Text, + Stack, + +} from "@chakra-ui/react" +; + + +const CreateEletivas = () => { + return ( + + +
+ + + + + + + CADASTRO DE ELETIVAS + + + + + + Nome da eletiva + + + Descrição da eletiva + + + Série + + + Professor Responsável + + + Número de vagas + + + Horário da aula + + + + + + + + + +
+
+ + + ); +}; + +export default CreateEletivas;*/ +import React from 'react' +import { Stack, Box, Text } from '@chakra-ui/react' +export const CreateEletivas = () => ( + + + + + + + + + + + + + + + Nome da eletiva + + + + + + + + + Descrição + + + + + + + + Série + + + + + + + Nome da eletiva + + + + + + + + + + + Número de vagas + + + + + + Horário da disciplina + + + + + + Professor responsável + + + + + + + + Cadastrar + + + + Cadastro de eletivas + + + + Copyright © 2023 Centro de Ensino Médio de Taguatinga Norte. Todos os + direitos reservados. + + +) +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231122103759.js b/.history/frontend/src/pages/CreateEletivas/index_20231122103759.js new file mode 100644 index 00000000..f809bf29 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231122103759.js @@ -0,0 +1,102 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; + + +import { + Input, + Box, + Center, + Flex, + Form, + FormControl, + FormLabel, + HStack, + RadioGroup, + Radio, + Button, + Select, + Text, + Stack, + +} from "@chakra-ui/react" +; + + +const CreateEletivas = () => { + return ( + + +
+ + + + + + + CADASTRO DE ELETIVAS + + + + + + Nome da eletiva + + + Descrição da eletiva + + + Série + + + Professor Responsável + + + Número de vagas + + + Horário da aula + + + + + + + + + +
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231122103857.js b/.history/frontend/src/pages/CreateEletivas/index_20231122103857.js new file mode 100644 index 00000000..e5f68445 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231122103857.js @@ -0,0 +1,102 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; + + +import { + Input, + Box, + Center, + Flex, + Form, + FormControl, + FormLabel, + HStack, + RadioGroup, + Radio, + Button, + Select, + Text, + Stack, + +} from "@chakra-ui/react" +; + + +const CreateEletivas = () => { + return ( + + +
+ + + + + + + CADASTRO DE ELETIVAS + + + + + + Nome da eletiva + + + Descrição da eletiva + + + Série + + + Professor Responsável + + + Número de vagas + + + Horário da aula + + + + + + + + + +
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231122103927.js b/.history/frontend/src/pages/CreateEletivas/index_20231122103927.js new file mode 100644 index 00000000..56c4b025 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231122103927.js @@ -0,0 +1,102 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; + + +import { + Input, + Box, + Center, + Flex, + Form, + FormControl, + FormLabel, + HStack, + RadioGroup, + Radio, + Button, + Select, + Text, + Stack, + +} from "@chakra-ui/react" +; + + +const CreateEletivas = () => { + return ( + + +
+ + + + + + + CADASTRO DE ELETIVAS + + + + + + Nome da eletiva + + + Descrição da eletiva + + + Série + + + Professor Responsável + + + Número de vagas + + + Horário da aula + + + + + + + + + +
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231122103940.js b/.history/frontend/src/pages/CreateEletivas/index_20231122103940.js new file mode 100644 index 00000000..df48d6bd --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231122103940.js @@ -0,0 +1,102 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; + + +import { + Input, + Box, + Center, + Flex, + Form, + FormControl, + FormLabel, + HStack, + RadioGroup, + Radio, + Button, + Select, + Text, + Stack, + +} from "@chakra-ui/react" +; + + +const CreateEletivas = () => { + return ( + + +
+ + + + + + + CADASTRO DE ELETIVAS + + + + + + Nome da eletiva + + + Descrição da eletiva + + + Série + + + Professor Responsável + + + Número de vagas + + + Horário da aula + + + + + + + + + +
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231122103944.js b/.history/frontend/src/pages/CreateEletivas/index_20231122103944.js new file mode 100644 index 00000000..d0d91714 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231122103944.js @@ -0,0 +1,102 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; + + +import { + Input, + Box, + Center, + Flex, + Form, + FormControl, + FormLabel, + HStack, + RadioGroup, + Radio, + Button, + Select, + Text, + Stack, + +} from "@chakra-ui/react" +; + + +const CreateEletivas = () => { + return ( + + +
+ + + + + + + CADASTRO DE ELETIVAS + + + + + + Nome da eletiva + + + Descrição da eletiva + + + Série + + + Professor Responsável + + + Número de vagas + + + Horário da aula + + + + + + + + + +
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231122104016.js b/.history/frontend/src/pages/CreateEletivas/index_20231122104016.js new file mode 100644 index 00000000..4453128f --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231122104016.js @@ -0,0 +1,104 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; + + +import { + Input, + Box, + Center, + Flex, + Form, + FormControl, + FormLabel, + HStack, + RadioGroup, + Radio, + Button, + Select, + Text, + Stack, + +} from "@chakra-ui/react" +; + + +const CreateEletivas = () => { + return ( + + +
+ + + + + + + CADASTRO DE ELETIVAS + + + + + + Nome da eletiva + + + Descrição da eletiva + + + Série + + + Professor Responsável + + + Número de vagas + + + Horário da aula + + + + Text="Cadastrar" + marginBottom='20' /> + + + + + + +
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231122104047.js b/.history/frontend/src/pages/CreateEletivas/index_20231122104047.js new file mode 100644 index 00000000..cc5ca9db --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231122104047.js @@ -0,0 +1,106 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; + + +import { + Input, + Box, + Center, + Flex, + Form, + FormControl, + FormLabel, + HStack, + RadioGroup, + Radio, + Button, + Select, + Text, + Stack, + +} from "@chakra-ui/react" +; + + +const CreateEletivas = () => { + return ( + + +
+ + + + + + + CADASTRO DE ELETIVAS + + + + + + Nome da eletiva + + + Descrição da eletiva + + + Série + + + Professor Responsável + + + Número de vagas + + + Horário da aula + + + + + Cadastrar + + marginBottom='20' /> + + + + + + +
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231122104117.js b/.history/frontend/src/pages/CreateEletivas/index_20231122104117.js new file mode 100644 index 00000000..3808523c --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231122104117.js @@ -0,0 +1,106 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; + + +import { + Input, + Box, + Center, + Flex, + Form, + FormControl, + FormLabel, + HStack, + RadioGroup, + Radio, + Button, + Select, + Text, + Stack, + +} from "@chakra-ui/react" +; + + +const CreateEletivas = () => { + return ( + + +
+ + + + + + + CADASTRO DE ELETIVAS + + + + + + Nome da eletiva + + + Descrição da eletiva + + + Série + + + Professor Responsável + + + Número de vagas + + + Horário da aula + + + + + 'Cadastrar' + + /> + + + + + + +
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231122104124.js b/.history/frontend/src/pages/CreateEletivas/index_20231122104124.js new file mode 100644 index 00000000..becded18 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231122104124.js @@ -0,0 +1,106 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; + + +import { + Input, + Box, + Center, + Flex, + Form, + FormControl, + FormLabel, + HStack, + RadioGroup, + Radio, + Button, + Select, + Text, + Stack, + +} from "@chakra-ui/react" +; + + +const CreateEletivas = () => { + return ( + + +
+ + + + + + + CADASTRO DE ELETIVAS + + + + + + Nome da eletiva + + + Descrição da eletiva + + + Série + + + Professor Responsável + + + Número de vagas + + + Horário da aula + + + + + 'Cadastrar' + + + + + + + + +
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231122104143.js b/.history/frontend/src/pages/CreateEletivas/index_20231122104143.js new file mode 100644 index 00000000..41535efb --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231122104143.js @@ -0,0 +1,106 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; + + +import { + Input, + Box, + Center, + Flex, + Form, + FormControl, + FormLabel, + HStack, + RadioGroup, + Radio, + Button, + Select, + Text, + Stack, + +} from "@chakra-ui/react" +; + + +const CreateEletivas = () => { + return ( + + +
+ + + + + + + CADASTRO DE ELETIVAS + + + + + + Nome da eletiva + + + Descrição da eletiva + + + Série + + + Professor Responsável + + + Número de vagas + + + Horário da aula + + + + + 'Cadastrar' + + + + + + + + +
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231122104200.js b/.history/frontend/src/pages/CreateEletivas/index_20231122104200.js new file mode 100644 index 00000000..56c4b025 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231122104200.js @@ -0,0 +1,102 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; + + +import { + Input, + Box, + Center, + Flex, + Form, + FormControl, + FormLabel, + HStack, + RadioGroup, + Radio, + Button, + Select, + Text, + Stack, + +} from "@chakra-ui/react" +; + + +const CreateEletivas = () => { + return ( + + +
+ + + + + + + CADASTRO DE ELETIVAS + + + + + + Nome da eletiva + + + Descrição da eletiva + + + Série + + + Professor Responsável + + + Número de vagas + + + Horário da aula + + + + + + + + + +
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231122104513.js b/.history/frontend/src/pages/CreateEletivas/index_20231122104513.js new file mode 100644 index 00000000..f54f21ba --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231122104513.js @@ -0,0 +1,102 @@ +import React from "react"; +import { Link } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; + + +import { + Input, + Box, + Center, + Flex, + Form, + FormControl, + FormLabel, + HStack, + RadioGroup, + Radio, + Button, + Select, + Text, + Stack, + +} from "@chakra-ui/react" +; + + +const CreateEletivas = () => { + return ( + + +
+ + + + + + + CADASTRO DE ELETIVAS + + + + + + Nome da eletiva + + + Descrição da eletiva + + + Série + + + Professor Responsável + + + Número de vagas + + + Horário da aula + + + + + + + +
+ + +
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231123010258.js b/.history/frontend/src/pages/CreateEletivas/index_20231123010258.js new file mode 100644 index 00000000..543935fe --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231123010258.js @@ -0,0 +1,163 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Button from "../../components/Button/index.js"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; + + +import { + Input, + Box, + Center, + FormControl, + FormLabel, + Heading, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + Container, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + try{ + const data = { + name: nomeEletiva, + description: descricao, + school_year: parseInt(serie), + teacher: professor, + vacancies: parseInt(vagas), + schedules: parseInt(horario) + }; + + const response = await axios.post('http://localhost:3001/elective/createElective', data) + console.log(response.data); + navigate('/home') + + }catch(err) { + console.error('Erro no cadastro:', err); + } + }; + + + return ( + + +
+ + + + + + + CADASTRAR ELETIVAS + + + + + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+ + + + +
+ +
+
+ +
+
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231123010319.js b/.history/frontend/src/pages/CreateEletivas/index_20231123010319.js new file mode 100644 index 00000000..afc3d307 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231123010319.js @@ -0,0 +1,163 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import ButtonCadastrar from "../../components/Button/index.js"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; + + +import { + Input, + Box, + Center, + FormControl, + FormLabel, + Heading, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + Container, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + try{ + const data = { + name: nomeEletiva, + description: descricao, + school_year: parseInt(serie), + teacher: professor, + vacancies: parseInt(vagas), + schedules: parseInt(horario) + }; + + const response = await axios.post('http://localhost:3001/elective/createElective', data) + console.log(response.data); + navigate('/home') + + }catch(err) { + console.error('Erro no cadastro:', err); + } + }; + + + return ( + + +
+ + + + + + + CADASTRAR ELETIVAS + + + + + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+ + + Cadastrar + +
+ +
+
+ +
+
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231123010444.js b/.history/frontend/src/pages/CreateEletivas/index_20231123010444.js new file mode 100644 index 00000000..fcbdbebe --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231123010444.js @@ -0,0 +1,165 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import ButtonCadastrar from "../../components/Button/index.js"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; +import + + +import { + Input, + Button, + Box, + Center, + FormControl, + FormLabel, + Heading, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + Container, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + try{ + const data = { + name: nomeEletiva, + description: descricao, + school_year: parseInt(serie), + teacher: professor, + vacancies: parseInt(vagas), + schedules: parseInt(horario) + }; + + const response = await axios.post('http://localhost:3001/elective/createElective', data) + console.log(response.data); + navigate('/home') + + }catch(err) { + console.error('Erro no cadastro:', err); + } + }; + + + return ( + + +
+ + + + + + + CADASTRAR ELETIVAS + + + + + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+ + + + +
+ +
+
+ +
+
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231123010503.js b/.history/frontend/src/pages/CreateEletivas/index_20231123010503.js new file mode 100644 index 00000000..5b6171be --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231123010503.js @@ -0,0 +1,163 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import ButtonCadastrar from "../../components/Button/index.js"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; + +import { + Input, + Button, + Box, + Center, + FormControl, + FormLabel, + Heading, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + Container, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + try{ + const data = { + name: nomeEletiva, + description: descricao, + school_year: parseInt(serie), + teacher: professor, + vacancies: parseInt(vagas), + schedules: parseInt(horario) + }; + + const response = await axios.post('http://localhost:3001/elective/createElective', data) + console.log(response.data); + navigate('/home') + + }catch(err) { + console.error('Erro no cadastro:', err); + } + }; + + + return ( + + +
+ + + + + + + CADASTRAR ELETIVAS + + + + + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+ + + + +
+ +
+
+ +
+
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231123010551.js b/.history/frontend/src/pages/CreateEletivas/index_20231123010551.js new file mode 100644 index 00000000..db581f91 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231123010551.js @@ -0,0 +1,163 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import ButtonCadastrar from "../../components/Button/index.js"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; + +import { + Input, + Button, + Box, + Center, + FormControl, + FormLabel, + Heading, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + Container, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + try{ + const data = { + name: nomeEletiva, + description: descricao, + school_year: parseInt(serie), + teacher: professor, + vacancies: parseInt(vagas), + schedules: parseInt(horario) + }; + + const response = await axios.post('http://localhost:3001/elective/createElective', data) + console.log(response.data); + navigate('/home') + + }catch(err) { + console.error('Erro no cadastro:', err); + } + }; + + + return ( + + +
+ + + + + + + CADASTRAR ELETIVAS + + + + + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+ + + + +
+ +
+
+ +
+
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231123010700.js b/.history/frontend/src/pages/CreateEletivas/index_20231123010700.js new file mode 100644 index 00000000..ec953215 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231123010700.js @@ -0,0 +1,160 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import ButtonCadastrar from "../../components/Button/index.js"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; + +import { + Input, + Button, + Box, + Center, + FormControl, + FormLabel, + Heading, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + Container, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + try{ + const data = { + name: nomeEletiva, + description: descricao, + school_year: parseInt(serie), + teacher: professor, + vacancies: parseInt(vagas), + schedules: parseInt(horario) + }; + + const response = await axios.post('http://localhost:3001/elective/createElective', data) + console.log(response.data); + navigate('/home') + + }catch(err) { + console.error('Erro no cadastro:', err); + } + }; + + + return ( + + +
+ + + + + + + CADASTRAR ELETIVAS + + + + + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+ +
+ +
+
+ +
+
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231123010714.js b/.history/frontend/src/pages/CreateEletivas/index_20231123010714.js new file mode 100644 index 00000000..a946fd7b --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231123010714.js @@ -0,0 +1,157 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import ButtonCadastrar from "../../components/Button/index.js"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; + +import { + Input, + Button, + Box, + Center, + FormControl, + FormLabel, + Heading, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + Container, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + try{ + const data = { + name: nomeEletiva, + description: descricao, + school_year: parseInt(serie), + teacher: professor, + vacancies: parseInt(vagas), + schedules: parseInt(horario) + }; + + const response = await axios.post('http://localhost:3001/elective/createElective', data) + console.log(response.data); + navigate('/home') + + }catch(err) { + console.error('Erro no cadastro:', err); + } + }; + + + return ( + + +
+ + + + + + + CADASTRAR ELETIVAS + + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+ + + +
+
+ +
+
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231123010747.js b/.history/frontend/src/pages/CreateEletivas/index_20231123010747.js new file mode 100644 index 00000000..4e367dc8 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231123010747.js @@ -0,0 +1,155 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import ButtonCadastrar from "../../components/Button/index.js"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; + +import { + Input, + Button, + Box, + Center, + FormControl, + FormLabel, + Heading, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + Container, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + try{ + const data = { + name: nomeEletiva, + description: descricao, + school_year: parseInt(serie), + teacher: professor, + vacancies: parseInt(vagas), + schedules: parseInt(horario) + }; + + const response = await axios.post('http://localhost:3001/elective/createElective', data) + console.log(response.data); + navigate('/home') + + }catch(err) { + console.error('Erro no cadastro:', err); + } + }; + + + return ( + + +
+ + + + + + CADASTRAR ELETIVAS + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+ + + +
+
+ + +
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231123011024.js b/.history/frontend/src/pages/CreateEletivas/index_20231123011024.js new file mode 100644 index 00000000..5a11e96e --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231123011024.js @@ -0,0 +1,156 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import ButtonCadastrar from "../../components/Button/index.js"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; + +import { + Input, + Button, + Box, + Center, + FormControl, + FormLabel, + Heading, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + Container, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + try{ + const data = { + name: nomeEletiva, + description: descricao, + school_year: parseInt(serie), + teacher: professor, + vacancies: parseInt(vagas), + schedules: parseInt(horario) + }; + + const response = await axios.post('http://localhost:3001/elective/createElective', data) + console.log(response.data); + navigate('/home') + + }catch(err) { + console.error('Erro no cadastro:', err); + } + }; + + + return ( + + +
+ + + + + + + CADASTRAR ELETIVAS + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+ + + +
+
+ +
+
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231123011123.js b/.history/frontend/src/pages/CreateEletivas/index_20231123011123.js new file mode 100644 index 00000000..98733149 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231123011123.js @@ -0,0 +1,158 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import ButtonCadastrar from "../../components/Button/index.js"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; + +import { + Input, + Button, + Box, + Center, + FormControl, + FormLabel, + Heading, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + Container, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + try{ + const data = { + name: nomeEletiva, + description: descricao, + school_year: parseInt(serie), + teacher: professor, + vacancies: parseInt(vagas), + schedules: parseInt(horario) + }; + + const response = await axios.post('http://localhost:3001/elective/createElective', data) + console.log(response.data); + navigate('/home') + + }catch(err) { + console.error('Erro no cadastro:', err); + } + }; + + + return ( + + + +
+ + + + + + + CADASTRAR ELETIVAS + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+ + + +
+
+ +
+
+
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231123011141.js b/.history/frontend/src/pages/CreateEletivas/index_20231123011141.js new file mode 100644 index 00000000..3de5b5b5 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231123011141.js @@ -0,0 +1,159 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import ButtonCadastrar from "../../components/Button/index.js"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; + +import { + Input, + Button, + Box, + Center, + Flex, + FormControl, + FormLabel, + Heading, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + Container, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + try{ + const data = { + name: nomeEletiva, + description: descricao, + school_year: parseInt(serie), + teacher: professor, + vacancies: parseInt(vagas), + schedules: parseInt(horario) + }; + + const response = await axios.post('http://localhost:3001/elective/createElective', data) + console.log(response.data); + navigate('/home') + + }catch(err) { + console.error('Erro no cadastro:', err); + } + }; + + + return ( + + + +
+ + + + + + + CADASTRAR ELETIVAS + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+ + + +
+
+ +
+
+
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231123011314.js b/.history/frontend/src/pages/CreateEletivas/index_20231123011314.js new file mode 100644 index 00000000..bdf7af0f --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231123011314.js @@ -0,0 +1,159 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import ButtonCadastrar from "../../components/Button/index.js"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; + +import { + Input, + Button, + Box, + Center, + Flex, + FormControl, + FormLabel, + Heading, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + Container, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + try{ + const data = { + name: nomeEletiva, + description: descricao, + school_year: parseInt(serie), + teacher: professor, + vacancies: parseInt(vagas), + schedules: parseInt(horario) + }; + + const response = await axios.post('http://localhost:3001/elective/createElective', data) + console.log(response.data); + navigate('/home') + + }catch(err) { + console.error('Erro no cadastro:', err); + } + }; + + + return ( + + + +
+ + + + + + + CADASTRAR ELETIVAS + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+ + + +
+
+ +
+
+
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231123011331.js b/.history/frontend/src/pages/CreateEletivas/index_20231123011331.js new file mode 100644 index 00000000..e674d2f6 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231123011331.js @@ -0,0 +1,159 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import ButtonCadastrar from "../../components/Button/index.js"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; + +import { + Input, + Button, + Box, + Center, + Flex, + FormControl, + FormLabel, + Heading, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + Container, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + try{ + const data = { + name: nomeEletiva, + description: descricao, + school_year: parseInt(serie), + teacher: professor, + vacancies: parseInt(vagas), + schedules: parseInt(horario) + }; + + const response = await axios.post('http://localhost:3001/elective/createElective', data) + console.log(response.data); + navigate('/home') + + }catch(err) { + console.error('Erro no cadastro:', err); + } + }; + + + return ( + + + +
+ + + + + + + CADASTRAR ELETIVAS + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+ + + +
+
+ +
+
+
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231123011340.js b/.history/frontend/src/pages/CreateEletivas/index_20231123011340.js new file mode 100644 index 00000000..4d3fabbd --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231123011340.js @@ -0,0 +1,159 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import ButtonCadastrar from "../../components/Button/index.js"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; + +import { + Input, + Button, + Box, + Center, + Flex, + FormControl, + FormLabel, + Heading, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + Container, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + try{ + const data = { + name: nomeEletiva, + description: descricao, + school_year: parseInt(serie), + teacher: professor, + vacancies: parseInt(vagas), + schedules: parseInt(horario) + }; + + const response = await axios.post('http://localhost:3001/elective/createElective', data) + console.log(response.data); + navigate('/home') + + }catch(err) { + console.error('Erro no cadastro:', err); + } + }; + + + return ( + + + +
+ + + + + + + CADASTRAR ELETIVAS + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+ + + +
+
+ +
+
+
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/index_20231123011444.js b/.history/frontend/src/pages/CreateEletivas/index_20231123011444.js new file mode 100644 index 00000000..c7df66f8 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/index_20231123011444.js @@ -0,0 +1,159 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import ButtonCadastrar from "../../components/Button/index.js"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; + +import { + Input, + Button, + Box, + Center, + Flex, + FormControl, + FormLabel, + Heading, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + Container, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + try{ + const data = { + name: nomeEletiva, + description: descricao, + school_year: parseInt(serie), + teacher: professor, + vacancies: parseInt(vagas), + schedules: parseInt(horario) + }; + + const response = await axios.post('http://localhost:3001/elective/createElective', data) + console.log(response.data); + navigate('/home') + + }catch(err) { + console.error('Erro no cadastro:', err); + } + }; + + + return ( + + + +
+ + + + + + + CADASTRAR ELETIVAS + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+ + + +
+
+ +
+
+
+
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110041.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110041.js new file mode 100644 index 00000000..6f991ad5 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110041.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 1000px; + padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110057.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110057.js new file mode 100644 index 00000000..407b9bcc --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110057.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 50%; + padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110117.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110117.js new file mode 100644 index 00000000..b359e67a --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110117.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 70%; + padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110125.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110125.js new file mode 100644 index 00000000..8a4ec465 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110125.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 80%; + padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110216.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110216.js new file mode 100644 index 00000000..dfc5e32d --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110216.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 75%; + padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110325.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110325.js new file mode 100644 index 00000000..fe1c5e30 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110325.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 75%; + //padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110335.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110335.js new file mode 100644 index 00000000..397c9ab0 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110335.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + //align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 75%; + //padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110343.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110343.js new file mode 100644 index 00000000..43abe44b --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110343.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + //justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 75%; + //padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110353.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110353.js new file mode 100644 index 00000000..6aa3134e --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110353.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + //width: 100%; + //height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 75%; + //padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110403.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110403.js new file mode 100644 index 00000000..de943404 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110403.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + //height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 75%; + //padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110412.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110412.js new file mode 100644 index 00000000..a10e66f6 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110412.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + //display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + //height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 75%; + //padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110416.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110416.js new file mode 100644 index 00000000..de943404 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110416.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + //height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 75%; + //padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110425.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110425.js new file mode 100644 index 00000000..fe1c5e30 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110425.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 75%; + //padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110447.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110447.js new file mode 100644 index 00000000..71fac0eb --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110447.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + //gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 75%; + //padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110500.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110500.js new file mode 100644 index 00000000..83a5821d --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110500.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + //gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 75%; + padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110513.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110513.js new file mode 100644 index 00000000..3365b816 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110513.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + //gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + //gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 75%; + padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110530.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110530.js new file mode 100644 index 00000000..37bd79b6 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110530.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + //gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 80%; + padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110538.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110538.js new file mode 100644 index 00000000..8a4ec465 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110538.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 80%; + padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110600.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110600.js new file mode 100644 index 00000000..61bf6b03 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110600.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + //align-items: center; + justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 80%; + padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110605.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110605.js new file mode 100644 index 00000000..5bd0fa3e --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110605.js @@ -0,0 +1,67 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 80%; + padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110647.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110647.js new file mode 100644 index 00000000..fd0c8819 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110647.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + paddingContent: 20; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 80%; + padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110712.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110712.js new file mode 100644 index 00000000..b1b64f28 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110712.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + margin-content: 10; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 80%; + padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110719.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110719.js new file mode 100644 index 00000000..78907440 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110719.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + margin-content: '10'; + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 80%; + padding: 0px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110739.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110739.js new file mode 100644 index 00000000..c062c21e --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110739.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 80%; + paddingTop: 10px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110749.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110749.js new file mode 100644 index 00000000..d4f1fac2 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110749.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 80%; + paddingTop: 1%; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110802.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110802.js new file mode 100644 index 00000000..535dcb52 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110802.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 80%; + padding: 20px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110845.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110845.js new file mode 100644 index 00000000..7d5751b6 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110845.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 80%; + margin-top: 10px; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110854.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110854.js new file mode 100644 index 00000000..8481727b --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110854.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 80%; + margin-top: 10%; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110900.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110900.js new file mode 100644 index 00000000..eaab886d --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110900.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 80%; + margin-top: 2%; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122110908.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122110908.js new file mode 100644 index 00000000..4ce76ca2 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122110908.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 85%; + margin-top: 2%; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122112151.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122112151.js new file mode 100644 index 00000000..e10865af --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122112151.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 1%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 85%; + margin-top: 2%; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122112231.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122112231.js new file mode 100644 index 00000000..b4a4121e --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122112231.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: ; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 85%; + margin-top: 2%; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateEletivas/styles_20231122112246.js b/.history/frontend/src/pages/CreateEletivas/styles_20231122112246.js new file mode 100644 index 00000000..4ce76ca2 --- /dev/null +++ b/.history/frontend/src/pages/CreateEletivas/styles_20231122112246.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 85%; + margin-top: 2%; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateTrilhas/index_20231122135219.js b/.history/frontend/src/pages/CreateTrilhas/index_20231122135219.js new file mode 100644 index 00000000..3145eede --- /dev/null +++ b/.history/frontend/src/pages/CreateTrilhas/index_20231122135219.js @@ -0,0 +1,190 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; + + +import { + Input, + Box, + Center, + FormControl, + FormLabel, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + function close() { + if (toastIdRef.current) { + toast.close(toastIdRef.current) + } + } + const [nomeEletiva, setEletiva] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [professor, setProfessor] = useState(""); + const [vagas, setVagas] = useState(""); + const [horario, setHorario] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + if (!nomeEletiva || !descricao || !serie || !professor || !vagas || !horario) { + const id = 'test-toast' + + setError("Preencha todos os campos"); + return; + }; + console.log(nomeEletiva); + console.log(descricao); + console.log(serie); + console.log(professor); + console.log(vagas); + console.log(horario); + + try { + const response = await axios.post('localhost:3000', {nomeEletiva, descricao, serie, professor, vagas, horario }); + + if (response.status === 200) { + + toast({ + title: 'Account created.', + description: "We've created your account for you.", + status: 'success', + duration: 2800, + isClosable: true, + position: 'top' + }) + + // Sucesso, redirecionar ou realizar outras ações necessárias + navigate("/home"); + } else { + // Exibir mensagem de erro + setError(response.data.message); + } + } catch (error) { + if (axios.isAxiosError(error)) { + // Imprime informações detalhadas sobre o erro Axios + console.error("Erro ao fazer cadastro - Status:", error.response?.status); + console.error("Erro ao fazer cadastro - Data:", error.response?.data); + } else { + console.error("Erro ao cadastrar:", error); + } + + setError("Erro ao cadastrar. Tente novamente mais tarde."); + } + + } + return ( + + + + + + + + + +
+ + CADASTRO DE ELETIVAS + +
+ + + + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+
+ +
+
+
+
+ +
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateTrilhas/index_20231122135755.js b/.history/frontend/src/pages/CreateTrilhas/index_20231122135755.js new file mode 100644 index 00000000..d8fc8cc3 --- /dev/null +++ b/.history/frontend/src/pages/CreateTrilhas/index_20231122135755.js @@ -0,0 +1,186 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; + + +import { + Input, + Box, + Center, + FormControl, + FormLabel, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + function close() { + if (toastIdRef.current) { + toast.close(toastIdRef.current) + } + } + const id = 'test-toast' + const [nomeTrilha, setTrilha] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [eletivas, setEletivas] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + if (!nomeTrilha || !descricao || !serie || !eletivas) { + + setError("Preencha todos os campos"); + return; + }; + console.log(nomeTrilha); + console.log(descricao); + console.log(serie); + console.log(eletivas); + + try { + const response = await axios.post('localhost:3000', {nomeTrilha, descricao, serie, eletivas }); + + if (response.status === 200) { + + toast({ + title: 'Trilha cadastrada.', + description: "Trilha cadastrada com sucesso!", + status: 'success', + duration: 2800, + isClosable: true, + position: 'top' + }) + + // Sucesso, redirecionar ou realizar outras ações necessárias + navigate("/home"); + } else { + // Exibir mensagem de erro + setError(response.data.message); + } + } catch (error) { + if (axios.isAxiosError(error)) { + // Imprime informações detalhadas sobre o erro Axios + console.error("Erro ao fazer cadastro - Status:", error.response?.status); + console.error("Erro ao fazer cadastro - Data:", error.response?.data); + } else { + console.error("Erro ao cadastrar:", error); + } + + setError("Erro ao cadastrar. Tente novamente mais tarde."); + } + + } + return ( + + + + + + + + + +
+ + CADASTRO DE ELETIVAS + +
+ + + + + Nome da eletiva + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da eletiva + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+
+ +
+
+
+
+ +
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateTrilhas/index_20231122140012.js b/.history/frontend/src/pages/CreateTrilhas/index_20231122140012.js new file mode 100644 index 00000000..4c921a25 --- /dev/null +++ b/.history/frontend/src/pages/CreateTrilhas/index_20231122140012.js @@ -0,0 +1,194 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; + + +import { + Input, + Box, + Center, + FormControl, + FormLabel, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + +} from "@chakra-ui/react"; + + +const CreateEletivas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeTrilha, setTrilha] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [eletivas, setEletivas] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + if (!nomeTrilha || !descricao || !serie || !eletivas) { + + setError("Preencha todos os campos"); + return; + }; + console.log(nomeTrilha); + console.log(descricao); + console.log(serie); + console.log(eletivas); + + try { + const response = await axios.post('localhost:3000', {nomeTrilha, descricao, serie, eletivas }); + + if (response.status === 200) { + + toast({ + title: 'Trilha cadastrada.', + description: "Trilha cadastrada com sucesso!", + status: 'success', + duration: 2800, + isClosable: true, + position: 'top' + }) + + // Sucesso, redirecionar ou realizar outras ações necessárias + navigate("/home"); + } else { + // Exibir mensagem de erro + setError(response.data.message); + } + } catch (error) { + if (axios.isAxiosError(error)) { + // Imprime informações detalhadas sobre o erro Axios + console.error("Erro ao fazer cadastro - Status:", error.response?.status); + console.error("Erro ao fazer cadastro - Data:", error.response?.data); + } else { + console.error("Erro ao cadastrar:", error); + } + + setError("Erro ao cadastrar. Tente novamente mais tarde."); + } + + } + return ( + + + + + + + + + +
+ + CADASTRO DE ELETIVAS + +
+ + + + + Nome da trilha + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da trilha + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Eletivas relacionadas + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+
+ +
+
+
+
+ +
+ + + ); +}; + +export default CreateEletivas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateTrilhas/index_20231122140048.js b/.history/frontend/src/pages/CreateTrilhas/index_20231122140048.js new file mode 100644 index 00000000..46a0bf37 --- /dev/null +++ b/.history/frontend/src/pages/CreateTrilhas/index_20231122140048.js @@ -0,0 +1,194 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; + + +import { + Input, + Box, + Center, + FormControl, + FormLabel, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + +} from "@chakra-ui/react"; + + +const CreateTrilhas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeTrilha, setTrilha] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [eletivas, setEletivas] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + if (!nomeTrilha || !descricao || !serie || !eletivas) { + + setError("Preencha todos os campos"); + return; + }; + console.log(nomeTrilha); + console.log(descricao); + console.log(serie); + console.log(eletivas); + + try { + const response = await axios.post('localhost:3000', {nomeTrilha, descricao, serie, eletivas }); + + if (response.status === 200) { + + toast({ + title: 'Trilha cadastrada.', + description: "Trilha cadastrada com sucesso!", + status: 'success', + duration: 2800, + isClosable: true, + position: 'top' + }) + + // Sucesso, redirecionar ou realizar outras ações necessárias + navigate("/home"); + } else { + // Exibir mensagem de erro + setError(response.data.message); + } + } catch (error) { + if (axios.isAxiosError(error)) { + // Imprime informações detalhadas sobre o erro Axios + console.error("Erro ao fazer cadastro - Status:", error.response?.status); + console.error("Erro ao fazer cadastro - Data:", error.response?.data); + } else { + console.error("Erro ao cadastrar:", error); + } + + setError("Erro ao cadastrar. Tente novamente mais tarde."); + } + + } + return ( + + + + + + + + + +
+ + CADASTRO DE ELETIVAS + +
+ + + + + Nome da trilha + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da trilha + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Eletivas relacionadas + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+
+ +
+
+
+
+ +
+ + + ); +}; + +export default CreateTrilhas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateTrilhas/index_20231122143057.js b/.history/frontend/src/pages/CreateTrilhas/index_20231122143057.js new file mode 100644 index 00000000..46a0bf37 --- /dev/null +++ b/.history/frontend/src/pages/CreateTrilhas/index_20231122143057.js @@ -0,0 +1,194 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; + + +import { + Input, + Box, + Center, + FormControl, + FormLabel, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + +} from "@chakra-ui/react"; + + +const CreateTrilhas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeTrilha, setTrilha] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [eletivas, setEletivas] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + if (!nomeTrilha || !descricao || !serie || !eletivas) { + + setError("Preencha todos os campos"); + return; + }; + console.log(nomeTrilha); + console.log(descricao); + console.log(serie); + console.log(eletivas); + + try { + const response = await axios.post('localhost:3000', {nomeTrilha, descricao, serie, eletivas }); + + if (response.status === 200) { + + toast({ + title: 'Trilha cadastrada.', + description: "Trilha cadastrada com sucesso!", + status: 'success', + duration: 2800, + isClosable: true, + position: 'top' + }) + + // Sucesso, redirecionar ou realizar outras ações necessárias + navigate("/home"); + } else { + // Exibir mensagem de erro + setError(response.data.message); + } + } catch (error) { + if (axios.isAxiosError(error)) { + // Imprime informações detalhadas sobre o erro Axios + console.error("Erro ao fazer cadastro - Status:", error.response?.status); + console.error("Erro ao fazer cadastro - Data:", error.response?.data); + } else { + console.error("Erro ao cadastrar:", error); + } + + setError("Erro ao cadastrar. Tente novamente mais tarde."); + } + + } + return ( + + + + + + + + + +
+ + CADASTRO DE ELETIVAS + +
+ + + + + Nome da trilha + [setEletiva(e.target.value), setError("")]} + /> + + Descrição da trilha + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Eletivas relacionadas + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+
+ +
+
+
+
+ +
+ + + ); +}; + +export default CreateTrilhas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateTrilhas/index_20231122143305.js b/.history/frontend/src/pages/CreateTrilhas/index_20231122143305.js new file mode 100644 index 00000000..ce7f98e0 --- /dev/null +++ b/.history/frontend/src/pages/CreateTrilhas/index_20231122143305.js @@ -0,0 +1,194 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; + + +import { + Input, + Box, + Center, + FormControl, + FormLabel, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + +} from "@chakra-ui/react"; + + +const CreateTrilhas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeTrilha, setTrilha] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [eletivas, setEletivas] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + if (!nomeTrilha || !descricao || !serie || !eletivas) { + + setError("Preencha todos os campos"); + return; + }; + console.log(nomeTrilha); + console.log(descricao); + console.log(serie); + console.log(eletivas); + + try { + const response = await axios.post('localhost:3000', {nomeTrilha, descricao, serie, eletivas }); + + if (response.status === 200) { + + toast({ + title: 'Trilha cadastrada.', + description: "Trilha cadastrada com sucesso!", + status: 'success', + duration: 2800, + isClosable: true, + position: 'top' + }) + + // Sucesso, redirecionar ou realizar outras ações necessárias + navigate("/home"); + } else { + // Exibir mensagem de erro + setError(response.data.message); + } + } catch (error) { + if (axios.isAxiosError(error)) { + // Imprime informações detalhadas sobre o erro Axios + console.error("Erro ao fazer cadastro - Status:", error.response?.status); + console.error("Erro ao fazer cadastro - Data:", error.response?.data); + } else { + console.error("Erro ao cadastrar:", error); + } + + setError("Erro ao cadastrar. Tente novamente mais tarde."); + } + + } + return ( + + + + + + + + + +
+ + CADASTRO DE ELETIVAS + +
+ + + + + Nome da trilha + [setTrilha(e.target.value), setError("")]} + /> + + Descrição da trilha + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Eletivas relacionadas + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+
+ +
+
+
+
+ +
+ + + ); +}; + +export default CreateTrilhas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateTrilhas/index_20231122143332.js b/.history/frontend/src/pages/CreateTrilhas/index_20231122143332.js new file mode 100644 index 00000000..e0e8c822 --- /dev/null +++ b/.history/frontend/src/pages/CreateTrilhas/index_20231122143332.js @@ -0,0 +1,194 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; + + +import { + Input, + Box, + Center, + FormControl, + FormLabel, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + +} from "@chakra-ui/react"; + + +const CreateTrilhas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeTrilha, setTrilha] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [eletivas, setEletivas] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + if (!nomeTrilha || !descricao || !serie || !eletivas) { + + setError("Preencha todos os campos"); + return; + }; + console.log(nomeTrilha); + console.log(descricao); + console.log(serie); + console.log(eletivas); + + try { + const response = await axios.post('localhost:3000', {nomeTrilha, descricao, serie, eletivas }); + + if (response.status === 200) { + + toast({ + title: 'Trilha cadastrada.', + description: "Trilha cadastrada com sucesso!", + status: 'success', + duration: 2800, + isClosable: true, + position: 'top' + }) + + // Sucesso, redirecionar ou realizar outras ações necessárias + navigate("/home"); + } else { + // Exibir mensagem de erro + setError(response.data.message); + } + } catch (error) { + if (axios.isAxiosError(error)) { + // Imprime informações detalhadas sobre o erro Axios + console.error("Erro ao fazer cadastro - Status:", error.response?.status); + console.error("Erro ao fazer cadastro - Data:", error.response?.data); + } else { + console.error("Erro ao cadastrar:", error); + } + + setError("Erro ao cadastrar. Tente novamente mais tarde."); + } + + } + return ( + + + + + + + + + +
+ + CADASTRO DE ELETIVAS + +
+ + + + + Nome da trilha + [setTrilha(e.target.value), setError("")]} + /> + + Descrição da trilha + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Eletivas relacionadas + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+
+ +
+
+
+
+ +
+ + + ); +}; + +export default CreateTrilhas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateTrilhas/index_20231122143342.js b/.history/frontend/src/pages/CreateTrilhas/index_20231122143342.js new file mode 100644 index 00000000..d250c90b --- /dev/null +++ b/.history/frontend/src/pages/CreateTrilhas/index_20231122143342.js @@ -0,0 +1,194 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; + + +import { + Input, + Box, + Center, + FormControl, + FormLabel, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + +} from "@chakra-ui/react"; + + +const CreateTrilhas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeTrilha, setTrilha] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [eletivas, setEletivas] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + if (!nomeTrilha || !descricao || !serie || !eletivas) { + + setError("Preencha todos os campos"); + return; + }; + console.log(nomeTrilha); + console.log(descricao); + console.log(serie); + console.log(eletivas); + + try { + const response = await axios.post('localhost:3000', {nomeTrilha, descricao, serie, eletivas }); + + if (response.status === 200) { + + toast({ + title: 'Trilha cadastrada.', + description: "Trilha cadastrada com sucesso!", + status: 'success', + duration: 2800, + isClosable: true, + position: 'top' + }) + + // Sucesso, redirecionar ou realizar outras ações necessárias + navigate("/home"); + } else { + // Exibir mensagem de erro + setError(response.data.message); + } + } catch (error) { + if (axios.isAxiosError(error)) { + // Imprime informações detalhadas sobre o erro Axios + console.error("Erro ao fazer cadastro - Status:", error.response?.status); + console.error("Erro ao fazer cadastro - Data:", error.response?.data); + } else { + console.error("Erro ao cadastrar:", error); + } + + setError("Erro ao cadastrar. Tente novamente mais tarde."); + } + + } + return ( + + + + + + + + + +
+ + CADASTRO DE ELETIVAS + +
+ + + + + Nome da trilha + [setTrilha(e.target.value), setError("")]} + /> + + Descrição da trilha + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Eletivas relacionadas + + + Professor Responsável + [setProfessor(e.target.value), setError("")]} + /> + + Número de vagas + [setVagas(e.target.value), setError("")]} + /> + + Horário da aula + [setHorario(e.target.value), setError("")]} + /> + {error} +
+ + +
+
+ +
+
+
+
+ +
+ + + ); +}; + +export default CreateTrilhas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateTrilhas/index_20231122143406.js b/.history/frontend/src/pages/CreateTrilhas/index_20231122143406.js new file mode 100644 index 00000000..7349d044 --- /dev/null +++ b/.history/frontend/src/pages/CreateTrilhas/index_20231122143406.js @@ -0,0 +1,168 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; + + +import { + Input, + Box, + Center, + FormControl, + FormLabel, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + +} from "@chakra-ui/react"; + + +const CreateTrilhas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeTrilha, setTrilha] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [eletivas, setEletivas] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + if (!nomeTrilha || !descricao || !serie || !eletivas) { + + setError("Preencha todos os campos"); + return; + }; + console.log(nomeTrilha); + console.log(descricao); + console.log(serie); + console.log(eletivas); + + try { + const response = await axios.post('localhost:3000', {nomeTrilha, descricao, serie, eletivas }); + + if (response.status === 200) { + + toast({ + title: 'Trilha cadastrada.', + description: "Trilha cadastrada com sucesso!", + status: 'success', + duration: 2800, + isClosable: true, + position: 'top' + }) + + // Sucesso, redirecionar ou realizar outras ações necessárias + navigate("/home"); + } else { + // Exibir mensagem de erro + setError(response.data.message); + } + } catch (error) { + if (axios.isAxiosError(error)) { + // Imprime informações detalhadas sobre o erro Axios + console.error("Erro ao fazer cadastro - Status:", error.response?.status); + console.error("Erro ao fazer cadastro - Data:", error.response?.data); + } else { + console.error("Erro ao cadastrar:", error); + } + + setError("Erro ao cadastrar. Tente novamente mais tarde."); + } + + } + return ( + + + + + + + + + +
+ + CADASTRO DE ELETIVAS + +
+ + + + + Nome da trilha + [setTrilha(e.target.value), setError("")]} + /> + + Descrição da trilha + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Eletivas relacionadas + + + {error} +
+ + +
+
+ +
+
+
+
+ +
+ + + ); +}; + +export default CreateTrilhas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateTrilhas/index_20231122143432.js b/.history/frontend/src/pages/CreateTrilhas/index_20231122143432.js new file mode 100644 index 00000000..1a75fc79 --- /dev/null +++ b/.history/frontend/src/pages/CreateTrilhas/index_20231122143432.js @@ -0,0 +1,168 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; + + +import { + Input, + Box, + Center, + FormControl, + FormLabel, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + +} from "@chakra-ui/react"; + + +const CreateTrilhas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeTrilha, setTrilha] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [eletivas, setEletivas] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + if (!nomeTrilha || !descricao || !serie || !eletivas) { + + setError("Preencha todos os campos"); + return; + }; + console.log(nomeTrilha); + console.log(descricao); + console.log(serie); + console.log(eletivas); + + try { + const response = await axios.post('localhost:3000', {nomeTrilha, descricao, serie, eletivas }); + + if (response.status === 200) { + + toast({ + title: 'Trilha cadastrada.', + description: "Trilha cadastrada com sucesso!", + status: 'success', + duration: 2800, + isClosable: true, + position: 'top' + }) + + // Sucesso, redirecionar ou realizar outras ações necessárias + navigate("/home"); + } else { + // Exibir mensagem de erro + setError(response.data.message); + } + } catch (error) { + if (axios.isAxiosError(error)) { + // Imprime informações detalhadas sobre o erro Axios + console.error("Erro ao fazer cadastro - Status:", error.response?.status); + console.error("Erro ao fazer cadastro - Data:", error.response?.data); + } else { + console.error("Erro ao cadastrar:", error); + } + + setError("Erro ao cadastrar. Tente novamente mais tarde."); + } + + } + return ( + + + + + + + + + +
+ + CADASTRO DE TRILHAS + +
+ + + + + Nome da trilha + [setTrilha(e.target.value), setError("")]} + /> + + Descrição da trilha + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Eletivas relacionadas + + + {error} +
+ + +
+
+ +
+
+
+
+ +
+ + + ); +}; + +export default CreateTrilhas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateTrilhas/index_20231123004012.js b/.history/frontend/src/pages/CreateTrilhas/index_20231123004012.js new file mode 100644 index 00000000..cdf28f18 --- /dev/null +++ b/.history/frontend/src/pages/CreateTrilhas/index_20231123004012.js @@ -0,0 +1,165 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; + + +import { + Input, + Box, + Center, + FormControl, + FormLabel, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + +} from "@chakra-ui/react"; + + +const CreateTrilhas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeTrilha, setTrilha] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [eletivas, setEletivas] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + if (!nomeTrilha || !descricao || !serie || !eletivas) { + + setError("Preencha todos os campos"); + return; + }; + + try { + const response = await axios.post('http://localhost:3001/learningpath/createLearningPaths', {name: nomeTrilha, description: descricao, school_year: parseInt(serie), electives: eletivas }); + + console.log(response) + if (response.status === 201) { + + toast({ + title: 'Trilha cadastrada.', + description: "Trilha cadastrada com sucesso!", + status: 'success', + duration: 2800, + isClosable: true, + position: 'top' + }) + + // Sucesso, redirecionar ou realizar outras ações necessárias + navigate("/home"); + } else { + // Exibir mensagem de erro + setError(response.data.message); + } + } catch (error) { + if (axios.isAxiosError(error)) { + // Imprime informações detalhadas sobre o erro Axios + console.error("Erro ao fazer cadastro - Status:", error.response?.status); + console.error("Erro ao fazer cadastro - Data:", error.response?.data); + } else { + console.error("Erro ao cadastrar:", error); + } + + setError("Erro ao cadastrar. Tente novamente mais tarde."); + } + + } + return ( + + + + + + + + +
+
+ + CADASTRO DE TRILHAS + +
+ + + + + Nome da trilha + [setTrilha(e.target.value), setError("")]} + /> + + Descrição da trilha + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Eletivas relacionadas + + + {error} +
+ + +
+
+ +
+
+
+
+ +
+ + + ); +}; + +export default CreateTrilhas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateTrilhas/index_20231123004023.js b/.history/frontend/src/pages/CreateTrilhas/index_20231123004023.js new file mode 100644 index 00000000..fdf96a77 --- /dev/null +++ b/.history/frontend/src/pages/CreateTrilhas/index_20231123004023.js @@ -0,0 +1,165 @@ +import React, {useState} from "react"; +import { Link } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; +import { ChakraProvider } from '@chakra-ui/react' +import Header from "../Home"; +import ButtonCadastrar from "../../components/Button"; +import * as C from "./styles"; +import axios from "axios"; +import useAuth from "../../hooks/useAuth"; + + +import { + Input, + Box, + Center, + FormControl, + FormLabel, + Select, + Text, + Stack, + Alert, + AlertIcon, + useToast, + +} from "@chakra-ui/react"; + + +const CreateTrilhas = () => { + const { createEletivas } = useAuth(); + const navigate = useNavigate(); + const toastIdRef = React.useRef() + + const toast = useToast(); + const [nomeTrilha, setTrilha] = useState(""); + const [descricao, setDescricao] = useState(""); + const [serie, setSerie] = useState(""); + const [eletivas, setEletivas] = useState(""); + const [error, setError] = useState(""); + + const handleCadastro = async () => { + if (!nomeTrilha || !descricao || !serie || !eletivas) { + + setError("Preencha todos os campos"); + return; + }; + + try { + const response = await axios.post('http://localhost:3001/learningpath/createLearningPaths', {name: nomeTrilha, description: descricao, school_year: parseInt(serie), electives: eletivas }); + + console.log(response) + if (response.status === 201) { + + toast({ + title: 'Trilha cadastrada.', + description: "Trilha cadastrada com sucesso!", + status: 'success', + duration: 2800, + isClosable: true, + position: 'top' + }) + + // Sucesso, redirecionar ou realizar outras ações necessárias + navigate("/home"); + } else { + // Exibir mensagem de erro + setError(response.data.message); + } + } catch (error) { + if (axios.isAxiosError(error)) { + // Imprime informações detalhadas sobre o erro Axios + console.error("Erro ao fazer cadastro - Status:", error.response?.status); + console.error("Erro ao fazer cadastro - Data:", error.response?.data); + } else { + console.error("Erro ao cadastrar:", error); + } + + setError("Erro ao cadastrar. Tente novamente mais tarde."); + } + + } + return ( + + + + + + + + + +
+ + CADASTRO DE TRILHAS + +
+ + + + + Nome da trilha + [setTrilha(e.target.value), setError("")]} + /> + + Descrição da trilha + [setDescricao(e.target.value), setError("")]} + /> + + Série + + + Eletivas relacionadas + + + {error} +
+ + +
+
+ +
+
+
+
+ +
+ + + ); +}; + +export default CreateTrilhas; \ No newline at end of file diff --git a/.history/frontend/src/pages/CreateTrilhas/styles_20231122135219.js b/.history/frontend/src/pages/CreateTrilhas/styles_20231122135219.js new file mode 100644 index 00000000..4ce76ca2 --- /dev/null +++ b/.history/frontend/src/pages/CreateTrilhas/styles_20231122135219.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 85%; + margin-top: 2%; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateTrilhas/styles_20231122143505.js b/.history/frontend/src/pages/CreateTrilhas/styles_20231122143505.js new file mode 100644 index 00000000..b42d720d --- /dev/null +++ b/.history/frontend/src/pages/CreateTrilhas/styles_20231122143505.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 60%; + margin-top: 2%; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/CreateTrilhas/styles_20231122143613.js b/.history/frontend/src/pages/CreateTrilhas/styles_20231122143613.js new file mode 100644 index 00000000..3eb16e99 --- /dev/null +++ b/.history/frontend/src/pages/CreateTrilhas/styles_20231122143613.js @@ -0,0 +1,68 @@ +import styled from "styled-components"; + +export const Container = styled.div` + display: flex; + align-items: center; + //justify-content: center; + + flex-direction: column; + gap: 10px; + height: 100vh; + background-color: 'white'; +`; + +export const Content = styled.div` + gap: 15px; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 100%; + height: 100%; + box-shadow: 0 1px 2px #0003; + background-color: #f4f4f2; + max-width: 650px; + max-height: 65%; + margin-top: 2%; + border-radius: 60px; +`; + +export const Label = styled.label` + font-size: 18px; + font-weight: 600; + color: #676767; +`; + +export const LabelSignup = styled.label` + font-size: 16px; + color: #676767; +`; + +export const labelError = styled.label` + font-size: 14px; + color: red; +`; + +export const Strong = styled.strong` + cursor: pointer; + + a { + text-decoration: none; + color: #676767; + } +`; +export const titulo = styled.div` + font-size: 150%; + font-weight: 600; + color: #243A69; + margin-left: 20px; + margin-top: 20px; + align: center; +`; +export const box = styled.div` +`; + +export const texto = styled.label` + color: #243A69; + +`; diff --git a/.history/frontend/src/pages/Signin/index_20231121082406.js b/.history/frontend/src/pages/Signin/index_20231121082406.js new file mode 100644 index 00000000..08f3ac73 --- /dev/null +++ b/.history/frontend/src/pages/Signin/index_20231121082406.js @@ -0,0 +1,90 @@ +import React, { useState } from "react"; +import { useNavigate } from "react-router-dom"; +import useAuth from "../../hooks/useAuth"; +import { Box, Center } from '@chakra-ui/react' +import { Grid } from '@chakra-ui/react' +import student from '../../img/student.png' +import { Image } from '@chakra-ui/react' +import * as C from "./styles"; +import Input from "../../components/Input"; +import Button from "../../components/Button"; +import { Text } from '@chakra-ui/react'; +import axios from 'axios'; + +const Signin = () => { + const { signin } = useAuth(); + const navigate = useNavigate(); + + const [email, setEmail] = useState(""); + const [senha, setSenha] = useState(""); + const [error, setError] = useState(""); + + const handleLogin = async () => { + if (!email || !senha) { + setError("Preencha todos os campos"); + return; + } + console.log(email); + console.log(senha); + try { + const response = await axios.post('localhost:3000', { email, senha }); + + if (response.status === 200) { + // Sucesso, redirecionar ou realizar outras ações necessárias + navigate("/home"); + } else { + // Exibir mensagem de erro + setError(response.data.message); + } + } catch (error) { + if (axios.isAxiosError(error)) { + // Imprime informações detalhadas sobre o erro Axios + console.error("Erro ao fazer login - Status:", error.response?.status); + console.error("Erro ao fazer login - Data:", error.response?.data); + } else { + console.error("Erro ao fazer login:", error); + } + setError("Erro ao fazer login. Tente novamente mais tarde."); + } + }; + + return ( + + + + +
+ BEM-VINDO AO MATRICULAÍ +
+ A plataforma de matrícula do CEMTN +
+ [setEmail(e.target.value), setError("")]} + /> +
+ + [setSenha(e.target.value), setError("")]} + /> + {error} +
+ +
+
+ + + student + +
+
+
+ ); +}; + +export default Signin; diff --git a/.history/frontend/src/pages/Signin/index_20231121233650.js b/.history/frontend/src/pages/Signin/index_20231121233650.js new file mode 100644 index 00000000..4f87207d --- /dev/null +++ b/.history/frontend/src/pages/Signin/index_20231121233650.js @@ -0,0 +1,98 @@ +import React, { useState } from "react"; +import { useNavigate } from "react-router-dom"; +import useAuth from "../../hooks/useAuth"; +import { Box, Center, Grid, Text, Input, Image, Button } from '@chakra-ui/react'; +import student from '../../img/student.png'; +import axios from 'axios'; + +const Signin = () => { + const { signin } = useAuth(); + const navigate = useNavigate(); + + const [email, setEmail] = useState(""); + const [senha, setSenha] = useState(""); + const [error, setError] = useState(""); + + const handleLogin = async () => { + if (!email || !senha) { + setError("Preencha todos os campos"); + return; + } + + try { + const response = await axios.post('localhost:3000', { email, senha }); + + if (response.status === 200) { + // Sucesso, redirecionar ou realizar outras ações necessárias + navigate("/home"); + } else { + // Exibir mensagem de erro + setError(response.data.message); + } + } catch (error) { + if (axios.isAxiosError(error)) { + // Imprime informações detalhadas sobre o erro Axios + console.error("Erro ao fazer login - Status:", error.response?.status); + console.error("Erro ao fazer login - Data:", error.response?.data); + } else { + console.error("Erro ao fazer login:", error); + } + setError("Erro ao fazer login. Tente novamente mais tarde."); + } + }; + + return ( + + + +
+ + BEM-VINDO AO MATRICULAÍ + +
+ + A plataforma de matrícula do CEMTN + +
+ [setEmail(e.target.value), setError("")]} + /> +
+ + [setSenha(e.target.value), setError("")]} + /> + + {error} + +
+ +
+
+ + + student + +
+
+ ); +}; + +export default Signin; diff --git a/.history/frontend/src/pages/Signin/index_20231122000040.js b/.history/frontend/src/pages/Signin/index_20231122000040.js new file mode 100644 index 00000000..68a96e81 --- /dev/null +++ b/.history/frontend/src/pages/Signin/index_20231122000040.js @@ -0,0 +1,99 @@ +import React, { useState } from "react"; +import { useNavigate } from "react-router-dom"; +import useAuth from "../../hooks/useAuth"; +import { Box, Center, Grid, Text, Input, Image, Button } from '@chakra-ui/react'; +import student from '../../img/student.png'; +import axios from 'axios'; +import { theme } from '../../styles/global.js'; + +const Signin = () => { + const { signin } = useAuth(); + const navigate = useNavigate(); + + const [email, setEmail] = useState(""); + const [senha, setSenha] = useState(""); + const [error, setError] = useState(""); + + const handleLogin = async () => { + if (!email || !senha) { + setError("Preencha todos os campos"); + return; + } + + try { + const response = await axios.post('localhost:3000', { email, senha }); + + if (response.status === 200) { + // Sucesso, redirecionar ou realizar outras ações necessárias + navigate("/home"); + } else { + // Exibir mensagem de erro + setError(response.data.message); + } + } catch (error) { + if (axios.isAxiosError(error)) { + // Imprime informações detalhadas sobre o erro Axios + console.error("Erro ao fazer login - Status:", error.response?.status); + console.error("Erro ao fazer login - Data:", error.response?.data); + } else { + console.error("Erro ao fazer login:", error); + } + setError("Erro ao fazer login. Tente novamente mais tarde."); + } + }; + + return ( + + + +
+ + BEM-VINDO AO MATRICULAÍ + +
+ + A plataforma de matrícula do CEMTN + +
+ [setEmail(e.target.value), setError("")]} + /> +
+ + [setSenha(e.target.value), setError("")]} + /> + + {error} + +
+ +
+
+ + + student + +
+
+ ); +}; + +export default Signin; diff --git a/.history/frontend/src/routes/index_20231122143002.js b/.history/frontend/src/routes/index_20231122143002.js new file mode 100644 index 00000000..1d66a21c --- /dev/null +++ b/.history/frontend/src/routes/index_20231122143002.js @@ -0,0 +1,33 @@ +import { Fragment } from "react"; +import { BrowserRouter, Route, Routes } from "react-router-dom"; +import useAuth from "../hooks/useAuth"; +import Home from "../pages/Home"; +import Signin from "../pages/Signin"; +import Signup from "../pages/Signup"; +import CreateEletivas from "../pages/CreateEletivas"; +import CreateTrilhas from "../pages/CreateTrilhas"; + +const Private = ({ Item }) => { + const { signed } = useAuth(); + + return signed > 0 ? : ; +}; + +const RoutesApp = () => { + return ( + + + + } /> + } /> + } /> + } /> + } /> + } /> + + + + ); +}; + +export default RoutesApp; diff --git a/.history/frontend/src/styles/global_20231121082406.js b/.history/frontend/src/styles/global_20231121082406.js new file mode 100644 index 00000000..15c27d3d --- /dev/null +++ b/.history/frontend/src/styles/global_20231121082406.js @@ -0,0 +1,21 @@ +import { createGlobalStyle } from "styled-components"; + +const GlobalStyle = createGlobalStyle` + + * { + margin: 0; + padding: 0; + box-sizing: border-box; + //border: 1px solid hotpink; + } + + body { + width: 100vw; + height: 100vh; + background-color: #f0f2f5; + font-family: 'Cabin', sans-serif; + //font-family: 'Roboto', sans-serif; + } +`; + +export default GlobalStyle; diff --git a/.history/frontend/src/styles/global_20231122002739.js b/.history/frontend/src/styles/global_20231122002739.js new file mode 100644 index 00000000..cf5ecdbc --- /dev/null +++ b/.history/frontend/src/styles/global_20231122002739.js @@ -0,0 +1,18 @@ +import { extendTheme } from "@chakra-ui/react"; + +const theme = extendTheme({ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + width: 100vw; + height: 100vh; + background-color: #f0f2f5; + font-family: 'Cabin', sans-serif; +} + +}); + +export { theme }; diff --git a/.history/frontend/src/styles/global_20231122103412.js b/.history/frontend/src/styles/global_20231122103412.js new file mode 100644 index 00000000..65f1ae42 --- /dev/null +++ b/.history/frontend/src/styles/global_20231122103412.js @@ -0,0 +1,21 @@ +import { createGlobalStyle } from "styled-components"; + +const GlobalStyle = createGlobalStyle` + + * { + margin: 0; + padding: 0; + box-sizing: border-box; + border: 1px solid hotpink; + } + + body { + width: 100vw; + height: 100vh; + background-color: #f0f2f5; + font-family: 'Cabin', sans-serif; + //font-family: 'Roboto', sans-serif; + } +`; + +export default GlobalStyle; diff --git a/.history/frontend/src/styles/global_20231122103421.js b/.history/frontend/src/styles/global_20231122103421.js new file mode 100644 index 00000000..65f1ae42 --- /dev/null +++ b/.history/frontend/src/styles/global_20231122103421.js @@ -0,0 +1,21 @@ +import { createGlobalStyle } from "styled-components"; + +const GlobalStyle = createGlobalStyle` + + * { + margin: 0; + padding: 0; + box-sizing: border-box; + border: 1px solid hotpink; + } + + body { + width: 100vw; + height: 100vh; + background-color: #f0f2f5; + font-family: 'Cabin', sans-serif; + //font-family: 'Roboto', sans-serif; + } +`; + +export default GlobalStyle; diff --git a/.history/frontend/src/styles/global_20231122105141.js b/.history/frontend/src/styles/global_20231122105141.js new file mode 100644 index 00000000..eeaaddc4 --- /dev/null +++ b/.history/frontend/src/styles/global_20231122105141.js @@ -0,0 +1,21 @@ +import { createGlobalStyle } from "styled-components"; + +const GlobalStyle = createGlobalStyle` + + * { + margin: 0; + padding: 0; + box-sizing: border-box; + //border: 1px solid hotpink; + } + + body { + width: 100vw; + height: 100vh; + background-color: #f0f2f5; + font-family: 'Cabin', sans-serif; + //font-family: 'Roboto', sans-serif; + } +`; + +export default GlobalStyle; diff --git a/backend/config/config.json b/backend/config/config.json index 417b8a93..14e95799 100644 --- a/backend/config/config.json +++ b/backend/config/config.json @@ -1,8 +1,8 @@ { "development": { - "username": "root", - "password": "password", - "database": "matriculai_development", + "username": "eu", + "password": "12345", + "database": "matriculai", "host": "localhost", "dialect": "mysql" }, diff --git a/frontend/src/components/Button/index.js b/frontend/src/components/Button/index.js index a9eb18e4..c1074cd7 100644 --- a/frontend/src/components/Button/index.js +++ b/frontend/src/components/Button/index.js @@ -18,3 +18,4 @@ const ButtonCadastrar = ({ Text, onClick, Type = "button" }) => { ); }; +export { ButtonCadastrar }; \ No newline at end of file diff --git a/frontend/src/pages/CreateEletivas/index.js b/frontend/src/pages/CreateEletivas/index.js index fd49038b..c7df66f8 100644 --- a/frontend/src/pages/CreateEletivas/index.js +++ b/frontend/src/pages/CreateEletivas/index.js @@ -2,25 +2,29 @@ import React, {useState} from "react"; import { Link } from "react-router-dom"; import { useNavigate } from "react-router-dom"; import { ChakraProvider } from '@chakra-ui/react' -import Header from "../Home"; -import ButtonCadastrar from "../../components/Button"; +import ButtonCadastrar from "../../components/Button/index.js"; import * as C from "./styles"; import axios from "axios"; -import useAuth from "../../hooks/useAuth"; - +import useAuth from "../../hooks/useAuth"; +import Header from "../../components/Header/index.js"; +import Footer from "../../components/Footer/index.js"; import { Input, + Button, Box, Center, + Flex, FormControl, FormLabel, + Heading, Select, Text, Stack, Alert, AlertIcon, useToast, + Container, } from "@chakra-ui/react"; @@ -62,22 +66,17 @@ const CreateEletivas = () => { return ( - - - - - - - -
- - CADASTRO DE ELETIVAS - -
+ - +
+ + + + + CADASTRAR ELETIVAS + Nome da eletiva { onChange={(e)=>[setHorario(e.target.value), setError("")]} /> {error} -
+
- + + - - - + + + +