USER REDESIGN: redesign the Create Event Modal for the talawa user po…

…rtal (PalisadoesFoundation#1629) * user portal create events modal redesigned * Removed updated README.md * handled linting warnings * Handled linting warnings * handled linting warnings * Handled linting warnings * added tests for missing lines
palisadoes · Mar 1, 2024 · 35c7251 · 35c7251
1 parent 4b94cc6
commit 35c7251
Show file tree

Hide file tree

Showing 8 changed files with 451 additions and 198 deletions.
diff --git a/public/locales/en.json b/public/locales/en.json
@@ -707,22 +707,26 @@
     "nothingToShow": "Nothing to show here.",
     "search": "Search",
     "createEvent": "Create Event",
-    "eventTitle": "Event Title",
-    "eventDescription": "Event Description",
-    "eventLocation": "Event Location",
-    "startDate": "Select Start Date",
-    "endDate": "Select End Date",
-    "publicEvent": "Public Event",
-    "registerable": "Registerable",
-    "recurring": "Recurring",
+    "recurring": "Recurring Event",
     "startTime": "Start Time",
     "endTime": "End Time",
     "cancel": "Cancel",
     "create": "Create",
     "listView": "List View",
     "calendarView": "Calendar View",
     "allDay": "All Day",
-    "eventCreated": "Event created and posted successfully."
+    "eventCreated": "Event created and posted successfully.",
+    "eventDetails": "Event Details",
+    "eventTitle": "Title",
+    "enterTitle": "Enter Title",
+    "eventDescription": "Description",
+    "enterDescription": "Enter Description",
+    "eventLocation": "Location",
+    "enterLocation": "Enter Location",
+    "startDate": "Start Date",
+    "endDate": "End Date",
+    "publicEvent": "Is Public",
+    "registerable": "Is Registerable"
   },
   "userEventCard": {
     "location": "Location",

diff --git a/public/locales/fr.json b/public/locales/fr.json
@@ -702,13 +702,6 @@
     "nothingToShow": "Rien à montrer ici.",
     "search": "Recherche",
     "createEvent": "Créer un évènement",
-    "eventTitle": "Titre de l'événement",
-    "eventDescription": "Description de l'évenement",
-    "eventLocation": "Lieu de l'événement",
-    "startDate": "Sélectionnez la date de début",
-    "endDate": "Sélectionnez la date de fin",
-    "publicEvent": "Évennement publique",
-    "registerable": "Enregistrable",
     "recurring": "Récurrente",
     "startTime": "Heure de début",
     "endTime": "Heure de fin",
@@ -717,7 +710,18 @@
     "listView": "Vue en liste",
     "calendarView": "Vue du calendrier",
     "allDay": "Toute la journée",
-    "eventCreated": "Événement créé et publié avec succès."
+    "eventCreated": "Événement créé et publié avec succès.",
+    "eventDetails": "Détails de l'événement",
+    "eventTitle": "Titre",
+    "enterTitle": "Entrez le titre",
+    "eventDescription": "Description",
+    "enterDescription": "Entrez la description",
+    "eventLocation": "Emplacement",
+    "enterLocation": "Entrez l'emplacement",
+    "startDate": "Date de début",
+    "endDate": "Date de fin",
+    "publicEvent": "Est public",
+    "registerable": "Est enregistrable"
   },
   "userEventCard": {
     "location": "Emplacement",

diff --git a/public/locales/hi.json b/public/locales/hi.json
@@ -704,13 +704,6 @@
     "nothingToShow": "यहां दिखाने के लिए कुछ भी नहीं है.",
     "search": "खोज",
     "createEvent": "कार्यक्रम बनाएँ",
-    "eventTitle": "कार्यक्रम का शीर्षक",
-    "eventDescription": "घटना विवरण",
-    "eventLocation": "घटना स्थान",
-    "startDate": "आरंभ तिथि चुनें",
-    "endDate": "अंतिम तिथि चुनें",
-    "publicEvent": "सार्वजनिक समारोह",
-    "registerable": "पंजीकरण योग्य",
     "recurring": "पुनरावर्ती",
     "startTime": "समय शुरू",
     "endTime": "अंत समय",
@@ -719,7 +712,18 @@
     "listView": "लिस्ट व्यू",
     "calendarView": "कैलेंडर दृश्य",
     "allDay": "पूरे दिन",
-    "eventCreated": "ईवेंट सफलतापूर्वक बनाया और पोस्ट किया गया."
+    "eventCreated": "इवेंट सफलतापूर्वक बनाया और पोस्ट किया गया।",
+    "eventDetails": "घटना विवरण",
+    "eventTitle": "शीर्षक",
+    "enterTitle": "शीर्षक दर्ज करें",
+    "eventDescription": "विवरण",
+    "enterDescription": "विवरण दर्ज करें",
+    "eventLocation": "स्थान",
+    "enterLocation": "स्थान दर्ज करें",
+    "startDate": "प्रारंभ तिथि",
+    "endDate": "अंतिम तिथि",
+    "publicEvent": "सार्वजनिक है",
+    "registerable": "पंजीकृत करने योग्य है"
   },
   "userEventCard": {
     "location": "जगह",

diff --git a/public/locales/sp.json b/public/locales/sp.json
@@ -702,13 +702,6 @@
     "nothingToShow": "No hay nada que mostrar aquí.",
     "search": "Buscar",
     "createEvent": "Crear evento",
-    "eventTitle": "Título del evento",
-    "eventDescription": "Descripción del evento",
-    "eventLocation": "Lugar del evento",
-    "startDate": "Seleccione la fecha de inicio",
-    "endDate": "Seleccionar fecha de finalización",
-    "publicEvent": "Evento público",
-    "registerable": "Registrable",
     "recurring": "Periódica",
     "startTime": "Hora de inicio",
     "endTime": "Hora de finalización",
@@ -717,7 +710,18 @@
     "listView": "Vista de la lista",
     "calendarView": "Vista de calendario",
     "allDay": "Todo el dia",
-    "eventCreated": "Evento creado y publicado exitosamente."
+    "eventCreated": "Evento creado y publicado exitosamente.",
+    "eventDetails": "Detalles del evento",
+    "eventTitle": "Título",
+    "enterTitle": "Ingrese el título",
+    "eventDescription": "Descripción",
+    "enterDescription": "Ingresar descripción",
+    "eventLocation": "Ubicación",
+    "enterLocation": "Ingresar Ubicación",
+    "startDate": "Fecha de inicio",
+    "endDate": "Fecha de finalización",
+    "publicEvent": "Es público",
+    "registerable": "Es registrable"
   },
   "userEventCard": {
     "location": "Ubicación",

diff --git a/public/locales/zh.json b/public/locales/zh.json
@@ -704,13 +704,6 @@
     "nothingToShow": "這裡沒有什麼可顯示的。",
     "search": "搜索",
     "createEvent": "創建事件",
-    "eventTitle": "活動標題",
-    "eventDescription": "活動說明",
-    "eventLocation": "活動地點",
-    "startDate": "選擇開始日期",
-    "endDate": "選擇結束日期",
-    "publicEvent": "公共活動",
-    "registerable": "可註冊",
     "recurring": "再次發生的",
     "startTime": "開始時間",
     "endTime": "時間結束",
@@ -719,7 +712,18 @@
     "listView": "列表顯示",
     "calendarView": "日曆視圖",
     "allDay": "整天",
-    "eventCreated": "活動已成功創建並發布。"
+    "eventCreated": "活动创建并发布成功。",
+    "eventDetails": "活动详情",
+    "eventTitle": "标题",
+    "enterTitle": "输入标题",
+    "eventDescription": "描述",
+    "enterDescription": "输入描述",
+    "eventLocation": "地点",
+    "enterLocation": "输入位置",
+    "startDate": "开始日期",
+    "endDate": "结束日期",
+    "publicEvent": "公开",
+    "registerable": "可注册"
   },
   "userEventCard": {
     "location": "地點",

diff --git a/src/screens/UserPortal/Events/Events.module.css b/src/screens/UserPortal/Events/Events.module.css
@@ -81,3 +81,76 @@
   flex-wrap: wrap;
   margin-top: 20px;
 }
+.titlemodal {
+  color: #707070;
+  font-weight: 600;
+  font-size: 20px;
+  margin-bottom: 20px;
+  padding-bottom: 5px;
+  border-bottom: 3px solid #31bb6b;
+  width: 65%;
+}
+
+.datediv {
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 15px;
+}
+
+.datebox {
+  width: 90%;
+  border-radius: 7px;
+  border-color: #e8e5e5;
+  outline: none;
+  box-shadow: none;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  padding-right: 5px;
+  padding-left: 5px;
+  margin-right: 5px;
+  margin-left: 5px;
+}
+
+.checkboxdiv > label {
+  margin-right: 50px;
+}
+.checkboxdiv > label > input {
+  margin-left: 10px;
+}
+
+.checkboxdiv {
+  display: flex;
+}
+.checkboxdiv > div {
+  width: 50%;
+}
+
+.dispflex {
+  display: flex;
+  align-items: center;
+}
+.dispflex > input {
+  border: none;
+  box-shadow: none;
+  margin-top: 5px;
+}
+
+.greenregbtn {
+  margin: 1rem 0 0;
+  margin-top: 15px;
+  border: 1px solid #e8e5e5;
+  box-shadow: 0 2px 2px #e8e5e5;
+  padding: 10px 10px;
+  border-radius: 5px;
+  background-color: #31bb6b;
+  width: 100%;
+  font-size: 16px;
+  color: white;
+  outline: none;
+  font-weight: 600;
+  cursor: pointer;
+  transition:
+    transform 0.2s,
+    box-shadow 0.2s;
+  width: 100%;
+}