Eventtype

src/app/services/breathecode.js

@@ -776,6 +776,28 @@ class BreatheCodeClient {
                     "Academy event",
                     `${this.host}/events/academy/organizer`
                 ),
+            addAcademyEventType: (payload) =>
+                axios.bcPost(
+                    "Academy event type",
+                    `${this.host}/events/academy/eventype`,
+                    payload
+            ),
+            getAcademyEventType: () =>
+                axios.bcGet(
+                    "Event Type",
+                    `${this.host}/events/academy/eventype`
+                ),
+            getAcademyEventTypeSlug: (slug) =>
+                axios.bcGet(
+                    "Event Type Slug",
+                    `${this.host}/events/academy/eventype/${slug}`
+                ),
+            updateAcademyEventTypeSlug: (slug, payload) =>
+                axios.bcPut(
+                    "Event Type Slug",
+                    `${this.host}/events/academy/eventype/${slug}`,
+                    payload
+                ),
             postAcademyEventOrganization: (payload) =>
                 axios.bcPost(
                     "Academy event",
@@ -802,6 +824,11 @@ class BreatheCodeClient {
                     "Delete organizer",
                     `${this.host}/events/academy/organization/organizer/${org}`
                 ),
+            deleteAcademyEventTypes: (org) =>
+                axios.bcDelete(
+                    "Delete Eventtype",
+                    `${this.host}/events/academy/eventype`
+                ),
             getEventbriteWebhook: (query) => {
                 const qs = serializeQuerystring(query);
                 return axios.bcGet(
@@ -815,11 +842,6 @@ class BreatheCodeClient {
             },
             getAcademyVenues: () =>
                 axios.bcGet("Venues", `${this.host}/events/academy/venues`),
-            getAcademyEventType: () =>
-                axios.bcGet(
-                    "Event Type",
-                    `${this.host}/events/academy/eventype`
-                ),
             downloadCSV: (query) => {
                 const qs = Object.keys(query)
                     .map((key) => `${key}=${query[key]}`)

src/app/views/admin/syllabus-form/SyllabusDetails.jsx

@@ -56,7 +56,6 @@ const schema = Yup.object().shape({
 
 const StudentDetails = ({ syllabus, onSubmit }) => {
   const [status, setStatus] = useState({ color: "", message: "" });
-
   const session = getSession();
   const academyOwner = session.academy.id
   const syllabusId = syllabus.academy_owner.id

src/app/views/admin/syllabus-form/index.jsx

@@ -34,7 +34,6 @@ dayjs.extend(LocalizedFormat);
 const Student = () => {
   const { syllabusSlug } = useParams();
   const session = getSession();
-  console.log("session", session)
   const [syllabus, setSyllabus] = useState(null);
   const [schedules, setSchedules] = useState([]);
   const [openDialog, setOpenDialog] = useState(false);

src/app/views/events/EditAddEventTypes/EventTypeDetails.jsx

@@ -0,0 +1,187 @@
+import React, { useState, useEffect } from 'react';
+import { Button, Card, Grid, TextField, MenuItem, Checkbox, FormControlLabel } from '@material-ui/core';
+import { Formik, Form } from 'formik';
+import { Alert, AlertTitle } from '@material-ui/lab';
+import * as Yup from 'yup';
+// import axios from 'axios';
+// import * as yup from 'yup';
+import PropTypes from 'prop-types';
+import Field from '../../../components/Field';
+import { schemas } from '../../../utils';
+import { getSession } from '../../../redux/actions/SessionActions';
+
+
+const eventypePropTypes = {
+  id: PropTypes.number,
+  slug: PropTypes.string,
+  name: PropTypes.string,
+  language: PropTypes.string,
+  onSubmit: PropTypes.func,
+  academy_owner: PropTypes.number,
+};
+
+const propTypes = {
+  onSubmit: PropTypes.func.isRequired,
+  eventype: PropTypes.shape(eventypePropTypes).isRequired,
+};
+
+const schema = Yup.object().shape({
+  // academy: yup.number().required().positive().integer(),
+  // schedule: yup.number().required().positive().integer(),
+  slug: schemas.slug(),
+  name: schemas.name(),
+});
+
+
+
+const EventTypeDetails = ({ eventype, onSubmit }) => {
+  const [status, setStatus] = useState({ color: "", message: "" });
+  const session = getSession();
+  const academyOwner = session.academy.id;
+  const eventypeAcademyId = eventype.academy.id;
+
+  useEffect(() => {
+    if (eventypeAcademyId !== academyOwner) {
+      setStatus({ color: "warning", message: `This Event Type is owned by another academy, you can not make changes to its basic information.` });
+    } else {
+      "";
+    }
+  }, [academyOwner]);
+
+  return (
+
+    <Card elevation={3}>
+      {eventypeAcademyId !== academyOwner && (<Alert severity={status.color}>
+
+        <AlertTitle>{eventypePropTypes.id !== academyOwner
+          ? (<>{status.message}</>)
+          : ""}
+        </AlertTitle>
+      </Alert>)}
+
+      {eventype.private && (
+        <Grid item md={12} sm={12} xs={12}>
+          <Alert severity="warning">
+            <AlertTitle className="m-auto" cy-data="eventype-private-alert">
+              This event type is private
+            </AlertTitle>
+          </Alert>
+        </Grid>
+      )}
+
+
+      <Formik
+        initialValues={eventype}
+        validationSchema={schema}
+        onSubmit={(values, { setSubmitting }) => {
+          onSubmit(values);
+          setSubmitting(false);
+        }}
+      >
+
+        {eventypeAcademyId !== academyOwner ? (
+          <Grid className="p-4" container spacing={1} alignItems="center">
+            <Field
+              type="text"
+              name="Name"
+              placeholder="Full Stack PT"
+              disabled
+            />
+            <Field
+              type="text"
+              name="Slug"
+              placeholder="full-stack-pt"
+              disabled
+            />
+            <Field
+              type="text"
+              name="Description"
+              placeholder="Description"
+              disabled
+            />
+          </Grid>
+        ) : (
+          ({ values, isSubmitting, setFieldValue, handleChange }) => (
+            <Form className="p-4">
+              <Grid container spacing={3} alignItems="center">
+                <Field
+                  type="text"
+                  name="Name"
+                  placeholder="Full Stack PT"
+                  required
+                />
+                <Field
+                  type="text"
+                  name="Slug"
+                  placeholder="full-stack-pt"
+                  disabled
+                  required
+                />
+                <Field
+                  type="text"
+                  label="Description"
+                  name="description"
+                  placeholder="This is a description"
+                  required
+                />
+                <Grid item md={5} sm={4} xs={12}>
+                  Language
+                </Grid>
+                <Grid item md={7} sm={8} xs={12}>
+                  <TextField
+                    label="Language"
+                    type="text"
+                    data-cy="language"
+                    size="small"
+                    fullWidth
+                    variant="outlined"
+                    value={values.lang}
+                    onChange={(e) => {
+                      setFieldValue('lang', e.target.value);
+                    }}
+                    select
+                  >
+                    {['es', 'en'].map((item) => (
+                      <MenuItem value={item} key={item}>
+                        {item?.toUpperCase()}
+                      </MenuItem>
+                    ))}
+                  </TextField>
+                </Grid>
+                <Grid item md={12} sm={12} xs={12}>
+                  <FormControlLabel
+                    control={
+                      <Checkbox
+                        className="text-right"
+                        checked={values.shared}
+                        onChange={handleChange}
+                        name="shared_creation"
+                        data-cy="shared_creation"
+                        color="primary"
+                      />
+                    }
+                    label="Allow Shared Creation"
+                  />
+                </Grid>
+                <div className="flex-column items-start px-4 mb-4">
+                  <Button
+                    color="primary"
+                    variant="contained"
+                    type="submit"
+                    data-cy="submit"
+                    disabled={isSubmitting}
+                  >
+                    Save Event type Details
+                  </Button>
+                </div>
+              </Grid>
+            </Form>
+          ))}
+      </Formik>
+    </Card>
+  )
+};
+
+EventTypeDetails.propTypes = propTypes;
+
+export default EventTypeDetails;