feat(sessions): add questionnaire view to sessions ✨

src/api.js

@@ -17,7 +17,11 @@ const API_ENDPOINTS = {
   updateApplicationSharing: `${BASE_API}/applications/{}/sharing/`,
   createApplication: `${BASE_API}/applications/`,
   editApplication: `${BASE_API}/applications/{}/`,
-  deleteApplication: `${BASE_API}/applications/{}/`
+  deleteApplication: `${BASE_API}/applications/{}/`,
+  getQuestionnaires: `${BASE_API}/questionnaires/`,
+  getQuestionnaireInfo: `${BASE_API}/questionnaires/{}/`,
+  updateQuestionnaire: `${BASE_API}/questionnaires/{}/`,
+  createQuestionnaire: `${BASE_API}/questionnaires/`,
 };
 
 export { API_ENDPOINTS };

src/assets/sass/partials/_checkbox-radio-switch.scss

@@ -156,7 +156,7 @@
 
 .radio input[type="radio"]:checked:not(:disabled):hover + label::after,
 .radio input[type="radio"]:checked + label::after {
-  color: $color-azure;
+  color: $secondary-color;
 }
 
 .radio input[type="radio"]:disabled + label {

src/assets/sass/partials/_misc.scss

@@ -444,4 +444,8 @@ legend {
 /* 10. Global Backgrounds */
 .bg-white {
   background: $color-white !important;
+}
+
+.inline-block {
+  display: inline-block !important;
 }

src/assets/sass/partials/_pages.scss

@@ -276,4 +276,4 @@
   .new-session-content {
     margin-top: 10%;
   }
-}
+}

src/elements/custom-radio.jsx

@@ -3,13 +3,13 @@ import PropTypes from 'prop-types';
 
 const CustomRadio = (props) => {
   const {
-    id, label, option, name, inline, ...rest
+    id, label, option, name, inline, additionalClasses, checked, ...rest
   } = props;
-
+  const mainClasses = inline ? 'radio radio-inline':'radio';
   return (
-    <div className={inline ? 'radio custom-radio-inline' : 'radio'}>
+    <div className={mainClasses + ' ' + additionalClasses}>
+      <input id={id} name={name} type="radio" value={option} {...rest} checked={checked}/>
       <label htmlFor={id}>
-        <input id={id} name={name} type="radio" value={option} {...rest} />
         {label}
       </label>
     </div>
@@ -29,7 +29,6 @@ CustomRadio.propTypes = {
     PropTypes.bool,
   ]).isRequired,
   name: PropTypes.string.isRequired,
-  inline: PropTypes.bool,
   checked: PropTypes.bool.isRequired,
 };
 

src/forms/applications/create-application/submit.js

@@ -13,9 +13,13 @@ function submit(values, dispatch, props) {
     public_sharing: values.sharing? values.sharing: false
   };
 
-  if (props.config && props.config.mode === 'create') dispatch(createApplication(body));
-  else if (props.config && props.config.mode === 'edit') dispatch(editApplication(body));
-  else dispatch(createApplication(body));
+  if (props.config && props.config.mode === 'create') {
+    dispatch(createApplication(body));
+  } else if (props.config && props.config.mode === 'edit') {
+    dispatch(editApplication(body));
+  } else {
+    dispatch(createApplication(body));
+  }
 
   dispatch(closeModal({ modalKey: createApplicationModalKey }));
 }

src/forms/index.js

@@ -1,2 +1,3 @@
 export * from './auth';
 export * from './applications';
+export * from './sessions';