\r\n \r\n +k)) == 0 ||\r\n !this.state.name ||\r\n this.state.usersSelected == 0 ||\r\n (this.state.delegated && this.state.delegatedUsersSelected == 0)\r\n }\r\n >\r\n {this.state.delegated && (\r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, FormText, Button, Modal, ModalHeader, ModalBody, ModalFooter, Badge } from \"reactstrap\";\r\n\r\nimport { uniqBy, some, sum, keys, take, isEqual, sortBy } from \"lodash\";\r\n\r\nimport { GetCurrentLogin, Account } from \"../account/AccountStore\";\r\nimport { Campaign, CampaignFrequencies, EvaluateCampaignQuestionnaires, GetCampaigns, UpdateCampaign, UpdateCampaignQuestionnaires } from \"./CampaignStore\";\r\nimport localize from \"../general/LocalizationStore\";\r\n\r\nimport { IdentityGroups } from \"../identityServer/IdentityGroups\";\r\nimport { GetGroupMembers } from \"../identityServer/IdentityServerStore\";\r\nimport CampaignInfo from \"./CampaignInfo\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport QuestionnaireAccessTypeSelector, { accessTypeValueToAccessLevelState } from \"../questionnaires/QuestionnaireAccessTypeSelector\";\r\nimport { IdentityGroupsResolver } from \"../identityServer/IdentityGroupsResolver\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface Props {\r\n campaign: Campaign;\r\n modifiedCampaign: Campaign;\r\n}\r\n\r\ninterface State {}\r\n\r\nexport default class CampaignDiff extends ComponentCreate Campaign
\r\n\r\n Create {!this.state.loadingUsers && `${this.state.usersSelected}`} {this.state.loadingUsers &&
\r\n )}\r\n {!this.state.delegated && (\r\n \r\n Create for {!this.state.loadingUsers && `${this.state.usersSelected}`} {this.state.loadingUsers &&
\r\n )}\r\n \r\n | Name | \r\n|
| {this.props.campaign.name} | \r\n{this.props.modifiedCampaign.name} | \r\n
| Icon | \r\n|
| {this.props.campaign.data.icon} | \r\n{this.props.modifiedCampaign.data.icon} | \r\n
| Description | \r\n|
| {this.props.campaign.description} | \r\n{this.props.modifiedCampaign.description} | \r\n
| Key | \r\n|
| {this.props.campaign.key} | \r\n{this.props.modifiedCampaign.key} | \r\n
| Campaign Frequency | \r\n|
| {CampaignFrequencies[this.props.campaign.campaignFrequency]} | \r\n{CampaignFrequencies[this.props.modifiedCampaign.campaignFrequency]} | \r\n
| Allow Uploads | \r\n|
| {this.props.campaign.allowUploads ? \"Yes\" : \"No\"} | \r\n{this.props.modifiedCampaign.allowUploads ? \"Yes\" : \"No\"} | \r\n
| Allow Comments | \r\n|
| {this.props.campaign.allowComments ? \"Yes\" : \"No\"} | \r\n{this.props.modifiedCampaign.allowComments ? \"Yes\" : \"No\"} | \r\n
| \r\n | \r\n \r\n | \r\n
| Start Date | \r\n|
| {this.props.campaign.startDate && new Date(this.props.campaign.startDate).toLocaleDateString()} | \r\n{this.props.modifiedCampaign.startDate && new Date(this.props.modifiedCampaign.startDate).toLocaleDateString()} | \r\n
| Flag Date | \r\n|
| {this.props.campaign.flagDate && new Date(this.props.campaign.flagDate).toLocaleDateString()} | \r\n{this.props.modifiedCampaign.flagDate && new Date(this.props.modifiedCampaign.flagDate).toLocaleDateString()} | \r\n
| End Date | \r\n|
| {this.props.campaign.endDate && new Date(this.props.campaign.endDate).toLocaleDateString()} | \r\n{this.props.modifiedCampaign.endDate && new Date(this.props.modifiedCampaign.endDate).toLocaleDateString()} | \r\n
| Staff Member Subjects | \r\n|
| {this.props.campaign.data.allowStaffAsSubjects ? \"Yes\" : \"No\"} | \r\n{this.props.modifiedCampaign.data.allowStaffAsSubjects ? \"Yes\" : \"No\"} | \r\n
| Student Member Subjects | \r\n|
| {this.props.campaign.data.allowStudentsAsSubjects ? \"Yes\" : \"No\"} | \r\n{this.props.modifiedCampaign.data.allowStudentsAsSubjects ? \"Yes\" : \"No\"} | \r\n
| Parent Member Subjects | \r\n|
| {this.props.campaign.data.allowParentsAsSubjects ? \"Yes\" : \"No\"} | \r\n{this.props.modifiedCampaign.data.allowParentsAsSubjects ? \"Yes\" : \"No\"} | \r\n
| Guest Member Subjects | \r\n|
| {this.props.campaign.data.allowGuestsAsSubjects ? \"Yes\" : \"No\"} | \r\n{this.props.modifiedCampaign.data.allowGuestsAsSubjects ? \"Yes\" : \"No\"} | \r\n
| Groups | \r\n|
| \r\n | \r\n \r\n | \r\n
\r\n \r\n \r\n Update Campaign \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n Update Questionnaires \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, FormText, Button, Modal, ModalHeader, ModalBody, ModalFooter, Badge } from \"reactstrap\";\r\n\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport JDenticon from \"../general/JDenticon\";\r\nimport { GetCurrentLogin, Account } from \"../account/AccountStore\";\r\nimport { Campaign, GetCampaigns } from \"./CampaignStore\";\r\nimport localize from \"../general/LocalizationStore\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface CampaignIndexState {\r\n campaigns: Campaign[];\r\n}\r\n\r\nexport default class CampaignIndex extends Component<{ user: Account; match: any; history: any }, CampaignIndexState> {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n campaigns: [],\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.getCampaigns();\r\n }\r\n\r\n getCampaigns = () => {\r\n GetCampaigns(this.props.match.params.id).then((response) => this.setState({ campaigns: response }));\r\n };\r\n\r\n showCreateCampaign = () => {\r\n this.props.history.push(`/Campaigns/${this.props.match.params.id}/$create`);\r\n };\r\n\r\n render() {\r\n return (\r\n {this.props.campaign.name}
\r\n\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, FormText, Button, Modal, ModalHeader, ModalBody, ModalFooter, CustomInput, Row, Col } from \"reactstrap\";\r\nimport { uniqBy, some, sum, keys, take, has } from \"lodash\";\r\n\r\nimport axios from \"../general/HttpClient\";\r\n\r\nimport { Link, withRouter } from \"react-router-dom\";\r\n\r\nimport { GetQuestionnaires, CreateQuestionnaire, DeleteQuestionnaire } from \"../questionnaires/QuestionnaireStore\";\r\nimport { GetOrganization, GetIdentityOrganizations, LinkIdentityOrganizations } from \"../organizations/OrganizationStore\";\r\nimport { QuestionnaireType } from \"../questionnairetypes/QuestionnaireTypeIndex\";\r\nimport { GetQuestionnaireTypes } from \"../questionnairetypes/QuestionnaireTypeStore\";\r\nimport { FormatDate } from \"../general/DateStore\";\r\nimport { Account, GetCurrentLogin } from \"../account/AccountStore\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport QuestionnaireTable from \"../questionnaires/QuestionnaireTable\";\r\nimport Loader from \"../general/Loader\";\r\nimport QuestionnaireAccessTypeSelector, { accessTypeValueToAccessLevelState } from \"../questionnaires/QuestionnaireAccessTypeSelector\";\r\nimport { Campaign, CampaignFrequencies, CreateCampaign } from \"./CampaignStore\";\r\nimport localize from \"../general/LocalizationStore\";\r\nimport DatePicker from \"../general/DatePicker\";\r\nimport { IdentityGroups } from \"../identityServer/IdentityGroups\";\r\nimport { GetGroupMembersCount } from \"../identityServer/IdentityServerStore\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface State {\r\n delegated: boolean;\r\n allowUploads: boolean;\r\n allowComments: boolean;\r\n questionnaireAccessType: any;\r\n campaignFrequency: number;\r\n questionnaireTypes: Array\r\n \r\n
\r\n Campaigns
\r\n {this.props.user.hasRole(\"Admin\") && (\r\n \r\n )}\r\n| Campaign | \r\nGroups | \r\n{localize(\"Questionnaires\")} | \r\n
| \r\n \r\n {campaign.name} \r\n {campaign.description}\r\n \r\n | \r\n {campaign.data.groups.length} | \r\n{campaign.statistics.totalQuestionnaires} | \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default class CampaignInstance extends Component<{ user: Account; campaign: Campaign; history: any }, CampaignInstanceState> {\r\n constructor(props) {\r\n super(props);\r\n this.state = { showDeleteModal: false, questionnaires: 0, submitted: 0, complete: \"0\", totalQuestions: 0, lateSubmissions: 0, untouchedQuestionnaires: 0 };\r\n }\r\n\r\n componentDidMount() {\r\n this.CalculateStats(this.props.campaign);\r\n }\r\n\r\n CalculateStats = (campaign) => {\r\n let stats = campaign.questionnaires.reduce(\r\n (agg, curr) => {\r\n agg.requiredAnswers += curr.requiredAnsweredQuestions;\r\n agg.requiredQuestions += curr.requiredQuestions;\r\n if (curr.answeredQuestions == 0) {\r\n agg.untouchedQuestionnaires++;\r\n }\r\n if (!curr.lastSubmissionDate || curr.lastSubmissionDate > this.props.campaign.flagDate) {\r\n agg.lateSubmissions++;\r\n }\r\n agg.totalQuestions += curr.answeredQuestions;\r\n\r\n return agg;\r\n },\r\n {\r\n requiredAnswers: 0,\r\n requiredQuestions: 0,\r\n untouchedQuestionnaires: 0,\r\n lateSubmissions: 0,\r\n totalQuestions: 0,\r\n }\r\n );\r\n\r\n this.setState({\r\n questionnaires: campaign.questionnaires.length,\r\n submitted: campaign.questionnaires.filter((q) => q.locked && q.lastSubmissionDate).length,\r\n complete: ((stats.requiredAnswers / stats.requiredQuestions) * 100).toFixed(2),\r\n untouchedQuestionnaires: stats.untouchedQuestionnaires,\r\n lateSubmissions: stats.lateSubmissions,\r\n totalQuestions: stats.totalQuestions,\r\n });\r\n };\r\n\r\n deleteCampaign = () => {\r\n DeleteCampaign(this.props.campaign.id).then(() => {\r\n this.props.history.push(`/Organizations/${this.props.campaign.organizationID}/Campaigns`);\r\n this.setState((prevState) => ({ showDeleteModal: false }));\r\n });\r\n };\r\n\r\n startDeleteCampaign = () => {\r\n this.setState((prevState) => ({ showDeleteModal: true }));\r\n };\r\n toggleDeleteModal = () => {\r\n this.setState((prevState) => ({ showDeleteModal: !prevState.showDeleteModal }));\r\n };\r\n\r\n render() {\r\n return (\r\n {title}
\r\n {number}
\r\n \r\n \r\n \r\n Delete Campaign \r\n Are You sure you want to delete ? \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { keys, sum, every, groupBy, values } from \"lodash\";\r\nimport * as React from \"react\";\r\nimport { Button } from \"reactstrap\";\r\nimport { Question } from \"../questions/QuestionIndex\";\r\nimport { Account } from \"../account/AccountStore\";\r\nimport localize from \"../general/LocalizationStore\";\r\nimport { IdentityGroups } from \"../identityServer/IdentityGroups\";\r\nimport { GetGroupMembersCount } from \"../identityServer/IdentityServerStore\";\r\nimport CampaignInfo from \"./CampaignInfo\";\r\nimport { Campaign, CreateCampaign, GetCampaignReport, GetCampaignSubmissions } from \"./CampaignStore\";\r\nimport { scaleQuantize } from \"d3-scale\";\r\nimport { extent } from \"d3-array\";\r\n\r\nimport { ResponsiveScatterPlot } from \"@nivo/scatterplot\";\r\nimport { ResponsivePie } from \"@nivo/pie\";\r\n\r\nimport * as moment from \"moment\";\r\n\r\nimport styled from \"styled-components\";\r\n\r\nlet Box = styled.div`\r\n background-color: #eee;\r\n padding: 1rem;\r\n border-radius: 25px;\r\n transition: background-color ease 0.3s;\r\n display: flex;\r\n height: 200px;\r\n margin-top: 1rem;\r\n flex-direction: column;\r\n`;\r\n\r\nconst { Component } = React;\r\n\r\ninterface CampaignReportState {\r\n submissions: Array\r\n {this.props.user.hasCampaignAccess(this.props.campaign.id, 16) && (\r\n \r\n Report\r\n \r\n )}\r\n {this.props.user.hasCampaignAccess(this.props.campaign.id, 8) && (\r\n \r\n Edit\r\n \r\n )}\r\n {this.props.user.hasCampaignAccess(this.props.campaign.id, 2) && (\r\n \r\n Export All\r\n \r\n )}\r\n {this.props.user.hasCampaignAccess(this.props.campaign.id, 4) && (\r\n \r\n )}\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n {this.props.campaign && \r\n \r\n \r\n \r\n ))}\r\n {/*
\r\n );\r\n }\r\n}\r\n\r\n// q.answers = res.submissions.reduce((p,c)=> {\r\n\r\n// let matchedKeys = this.GetQuestionSubmissionAnswers(q,c)\r\n\r\n// p = p.concat(matchedKeys.map(m=>c[m]));\r\n// return p;\r\n// },[])\r\n\r\n// if (every(q.options,(o)=> o.type == 2) ){\r\n// let numbersAndDates = res.submissions.reduce((p,c)=> {\r\n// let matchedKeys = this.GetQuestionSubmissionAnswers(q,c)\r\n\r\n// p = p.concat(matchedKeys.map(m=>({x:+moment(c[\"$date\"]).startOf('day'),y:+c[m]})));\r\n// return p;\r\n// },[]);\r\n\r\n// let domain =extent(numbersAndDates.map(nd=>nd.y));\r\n// let scale = scaleQuantize()\r\n// .domain(domain)\r\n// .range(['low', 'expected', 'high', 'danger'])\r\n// .nice()\r\n// q.data =[];\r\n// // q.data = values(groupBy(numbersAndDates,(d)=>d.x).reduce((p,c)=>{\r\n// // if (p[scale(c.y)]){\r\n// // p[scale(c.y)]++;\r\n// // }else{\r\n// // p[scale(c.y)] = 1;\r\n// // }\r\n\r\n// // return p;\r\n// // },{}))\r\n// };\r\n\r\n// if (every(q.options,(o)=> o.type == 0) && !q.multipleOptions ){\r\n\r\n// }\r\n","import axios from \"../general/HttpClient\";\r\n\r\nimport { isEqual, sortBy } from \"lodash\";\r\n\r\nimport { QuestionnaireType } from \"../questionnairetypes/QuestionnaireTypeIndex\";\r\nimport { Organization } from \"../organizations/OrganizationStore\";\r\n\r\nlet campaign = [];\r\nlet fetched = false;\r\n\r\nexport class CampaignStatistics {\r\n submitted: number;\r\n questionsAnswered: number;\r\n required: number;\r\n requiredAnswered: number;\r\n maxScore: number;\r\n score: number;\r\n totalQuestionnaires: number;\r\n}\r\n\r\nexport class Campaign {\r\n id: string;\r\n name: string;\r\n organizationID: string;\r\n key: string;\r\n organization?: Organization;\r\n questionnaireTypeID: string;\r\n questionnaireType?: QuestionnaireType;\r\n delegated: boolean;\r\n allowComments: boolean;\r\n allowUploads: boolean;\r\n accessType: number;\r\n description: string;\r\n data: CampaignData;\r\n questionnaires?: ArrayCampaign Report
\r\n {this.state.questions.map((q, i) => (\r\n{q.text}
\r\n \r\n {every(q.options, (o) => o.type == 0) && q.multipleOptions &&
\r\n do bar chart
}\r\n {every(q.options, (o) => o.type == 0) && !q.multipleOptions && (\r\n \r\n
\r\n )}\r\n {every(q.options, (o) => o.type == 2) && (\r\n \r\n
\r\n )}\r\n {!every(q.options, (o) => o.type == 0) && !every(q.options, (o) => o.type == 2) && (\r\n <>\r\n {q.answers.map((c, i) => (\r\n {c}
\r\n ))}\r\n \r\n )}\r\n {/* {this.state.submissions.map((c,i)=>{c}
)} */}\r\n {JSON.stringify(this.state.questions,null,2)}\r\n {JSON.stringify(this.state.submissions, null, 2)}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","export function UploadComment(comment) {\r\n let body = JSON.stringify(comment)\r\n return fetch(`/api/comments`, {\r\n body,\r\n method: 'POST',\r\n headers: {\r\n \"Content-Type\": \"application/json; charset=utf-8\",\r\n }\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n return Promise.reject();\r\n }).then(response => {\r\n return response.result;\r\n });\r\n}\r\n\r\nexport function DeleteComment(commentId) {\r\n return fetch(`/api/comments/${commentId}`, {\r\n method: 'DELETE',\r\n headers: {\r\n \"Content-Type\": \"application/json; charset=utf-8\",\r\n }\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n return Promise.reject();\r\n }).then(response => {\r\n return response.result;\r\n });\r\n}","import * as React from \"react\";\r\nimport { GetOrganization, Organization } from \"../../organizations/OrganizationStore\";\r\nimport { Account, GetCurrentLogin } from \"../../account/AccountStore\";\r\nimport { Campaign, GetCampaign } from \"../../campaigns/CampaignStore\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface WithUserComponentState {\r\n isLoading: boolean;\r\n user: Account;\r\n}\r\n\r\nexport function withUser(WrappedComponent) {\r\n return class extends Component{!this.state.isLoading && this.state.user.isAuthenticated ?
;\r\n }\r\n };\r\n}\r\n\r\ninterface WithOrganizationComponentState {\r\n isLoading: boolean;\r\n organization: Organization;\r\n}\r\n\r\nexport function withOrganization(WrappedComponent) {\r\n return class extends Component{!this.state.isLoading &&
;\r\n }\r\n };\r\n}\r\n\r\ninterface WithCampaignComponentState {\r\n isLoading: boolean;\r\n campaign: Campaign;\r\n}\r\n\r\nexport function withCampaign(WrappedComponent) {\r\n return class extends Component{!this.state.isLoading &&
;\r\n }\r\n };\r\n}\r\n","import * as React from \"react\";\r\nimport { GetOption } from \"../../options/OptionStore\";\r\nimport { Option } from \"../../options/OptionIndex\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface WithOptionComponentState {\r\n isLoading: boolean;\r\n option: Option;\r\n}\r\n\r\nexport function withOption(WrappedComponent) {\r\n return class extends Component{!this.state.isLoading &&
;\r\n }\r\n };\r\n}\r\n","import * as React from \"react\";\r\nimport { GetQuestionnaireType } from \"../../questionnairetypes/QuestionnaireTypeStore\";\r\nimport { QuestionnaireType } from \"../../questionnairetypes/QuestionnaireTypeIndex\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface WithQuestionnaireTypeComponentState {\r\n isLoading: boolean;\r\n questionnaireType: QuestionnaireType;\r\n}\r\n\r\nexport function withQuestionnaireType(WrappedComponent) {\r\n return class extends Component{!this.state.isLoading &&
;\r\n }\r\n };\r\n}\r\n","import * as moment from \"moment-timezone\";\r\n\r\nexport function FormatDate(date, format?) {\r\n format = format || \"YYYY-MM-DDTHHH:mm:ssZ\";\r\n return moment.tz(date, \"Europe/London\").tz(moment.tz.guess()).format(format);\r\n}\r\n","import axios, { AxiosError } from \"axios\";\r\n\r\n// GetContext((context) => {\r\n// axios.defaults.headers.common[\"X-sca-ide-org-context\"] = context.currentOrganization.id;\r\n// axios.defaults.headers.common[\"X-sca-ide-org-membership\"] = context.currentMembership.type;\r\n// });\r\n\r\naxios.defaults.withCredentials = true;\r\n\r\naxios.interceptors.response.use(\r\n function (response) {\r\n // Any status code that lie within the range of 2xx cause this function to trigger\r\n // Do something with response data\r\n return response;\r\n },\r\n function (error: AxiosError) {\r\n if (error.code == \"401\") {\r\n window.location.href = \"/Account/SignIn\";\r\n }\r\n return Promise.reject(error);\r\n }\r\n);\r\n\r\nexport let TrimFields = (obj) => {\r\n Object.keys(obj).map((k) => (obj[k] = obj[k].trim()));\r\n return obj;\r\n};\r\n\r\nexport default axios;\r\n","import * as _JDenticon from \"jdenticon\";\r\n\r\nimport * as React from \"react\";\r\nimport { render } from \"react-dom\";\r\n\r\nconst { Component } = React;\r\n\r\nexport default class JDenticon extends Component\r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, Button, Modal, ModalHeader, ModalBody, ModalFooter, Row, Col } from \"reactstrap\";\r\nimport { clone } from \"lodash\";\r\n\r\nimport { Link, withRouter } from \"react-router-dom\";\r\n\r\nimport { GetGroups, CreateGroup, DeleteGroup, UpdateGroup } from \"./GroupStore\";\r\nimport { Question } from \"../questions/QuestionIndex\";\r\nimport { QuestionnaireType } from \"../questionnairetypes/QuestionnaireTypeIndex\";\r\nimport { UpDown } from \"../general/UpDown\";\r\nimport { Organization } from \"../organizations/OrganizationStore\";\r\n\r\nconst { Component } = React;\r\n\r\nexport class Group {\r\n name: string;\r\n weight: number;\r\n sortKey: number;\r\n questions?: Array\r\n \r\n \r\n \r\n \r\n \r\n Group name required \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, Button, Modal, ModalHeader, ModalBody, ModalFooter, Row, Col, CustomInput } from \"reactstrap\";\r\nimport { clone, find } from \"lodash\";\r\n\r\nimport { Link, withRouter } from \"react-router-dom\";\r\n\r\nimport { GetGroup, UpdateGroup, ToggleGroupQuestionnaireTypeLink } from \"./GroupStore\";\r\nimport OptionIndex from \"../options/OptionIndex\";\r\nimport { ToggleGroupQuestionLink, GetGroups } from \"./GroupStore\";\r\nimport { GetQuestions } from \"../questions/QuestionStore\";\r\nimport { Group } from \"./GroupIndex\";\r\nimport { GetQuestionnaireTypes } from \"../questionnairetypes/QuestionnaireTypeStore\";\r\n\r\nimport Loader from \"../general/Loader\";\r\nimport { Organization } from \"../organizations/OrganizationStore\";\r\nimport localize from \"../general/LocalizationStore\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface GroupEditProps {\r\n organization?: Organization;\r\n history: any;\r\n match?: any;\r\n}\r\n\r\ninterface GroupEditState {\r\n group: Group;\r\n isLoaded: boolean;\r\n questions: ArrayNew Group
\r\n\r\n {!this.state.isLoaded && \r\n \r\n \r\n Group name required \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.questionnaireTypes.map((questionnaireType, key) => (\r\n \r\n \r\n \r\n ))}\r\n {this.state.questionnaireTypes.length == 0 && (\r\n
\r\n \r\n {this.state.questions.map((question, key) => (\r\n \r\n \r\n \r\n ))}\r\n
\r\n {this.state.questions.length == 0 && (\r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, Button, Modal, ModalHeader, ModalBody, ModalFooter, Row, Col } from \"reactstrap\";\r\nimport { clone } from \"lodash\";\r\n\r\nimport { Link, withRouter } from \"react-router-dom\";\r\n\r\nimport { GetGroups, CreateGroup, DeleteGroup, UpdateGroup } from \"./GroupStore\";\r\nimport { Question } from \"../questions/QuestionIndex\";\r\nimport { QuestionnaireType } from \"../questionnairetypes/QuestionnaireTypeIndex\";\r\nimport { UpDown } from \"../general/UpDown\";\r\n\r\nconst { Component } = React;\r\n\r\nexport class Group {\r\n name: string;\r\n weight: number;\r\n sortKey: number;\r\n questions?: ArrayGroup
\r\n{localize(\"Questionnaire\")} Types
\r\n\r\n No {localize(\"questionnaire\")} types found,{\" \"}\r\n create a {localize(\"questionnaire\")} type\r\n
\r\n )}\r\n Questions
\r\n\r\n No questions found, create a question\r\n
\r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Delete Group \r\n Are You sure you want to delete ? \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import axios from \"../general/HttpClient\";\r\n\r\nexport function GetGroups(organizationId) {\r\n return axios.get(\"/api/groups\", { params: { organizationId } }).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function GetGroup(id) {\r\n return axios.get(`/api/groups/${id}`).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function DeleteGroup(id) {\r\n return axios.delete(`/api/groups/${id}`).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function CreateGroup(data) {\r\n return axios.post(\"/api/groups\", data).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function ToggleGroupQuestionLink(group, question) {\r\n if (question.selected) {\r\n return CreateGroupQuestionLink(group, question);\r\n }\r\n return DeleteGroupQuestionLink(group, question);\r\n}\r\n\r\nexport function CreateGroupQuestionLink(group, question) {\r\n return axios.post(`/api/groups/question/$link?group=${group.id}&question=${question.id}`, {}).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\nexport function DeleteGroupQuestionLink(group, question) {\r\n return axios.delete(`/api/groups/question/$link?group=${group.id}&question=${question.id}`).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function ToggleGroupQuestionnaireTypeLink(group, questionnnaireType) {\r\n if (group.selected) {\r\n return CreateGroupQuestionnaireTypeLink(group, questionnnaireType);\r\n }\r\n return DeleteGroupQuestionnaireTypeLink(group, questionnnaireType);\r\n}\r\n\r\nexport function CreateGroupQuestionnaireTypeLink(group, questionnaireType) {\r\n return axios.post(`/api/groups/questionnairetype/$link?group=${group.id}&questionnaireType=${questionnaireType.id}`).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\nexport function DeleteGroupQuestionnaireTypeLink(group, questionnaireType) {\r\n return axios.delete(`/api/groups/questionnairetype/$link?group=${group.id}&questionnaireType=${questionnaireType.id}`).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function UpdateGroup(data) {\r\n return axios.put(`/api/groups/${data.id}`, data).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n","import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { createBrowserHistory } from \"history\";\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { BrowserRouter as Router, Link, Route, Switch, withRouter } from \"react-router-dom\";\r\nimport { Account, GetCurrentLogin } from \"./account/AccountStore\";\r\nimport CampaignCreate from \"./campaigns/CampaignCreate\";\r\nimport CampaignEdit from \"./campaigns/CampaignEdit\";\r\nimport CampaignIndex from \"./campaigns/CampaignIndex\";\r\nimport CampaignInstance from \"./campaigns/CampaignInstance\";\r\nimport CampaignReport from \"./campaigns/CampaignReport\";\r\nimport { withCampaign, withOrganization, withUser } from \"./general/ComponentExtensions\";\r\nimport { withOption } from \"./general/ComponentExtensions/withOption\";\r\nimport { withQuestionnaireType } from \"./general/ComponentExtensions/withQuestionnaireType\";\r\nimport Loader from \"./general/Loader\";\r\nimport localize from \"./general/LocalizationStore\";\r\nimport GroupCreate from \"./groups/GroupCreate\";\r\nimport GroupEdit from \"./groups/GroupEdit\";\r\nimport GroupIndex from \"./groups/GroupIndex\";\r\nimport Home from \"./home/home\";\r\nimport OptionCreate from \"./options/OptionCreate\";\r\nimport OptionEdit from \"./options/OptionEdit\";\r\nimport OptionIndex from \"./options/OptionIndex\";\r\nimport OrganizationCreate from \"./organizations/OrganizationCreate\";\r\nimport OrganizationIndex from \"./organizations/OrganizationIndex\";\r\nimport OrganizationInstance from \"./organizations/OrganizationInstance\";\r\nimport OrganizationReport from \"./organizations/OrganizationReport\";\r\nimport { Organization } from \"./organizations/OrganizationStore\";\r\nimport MyQuestionnaires from \"./questionnaires/MyQuestionnaires\";\r\nimport CampaignQuestionnaireCreateConfirm from \"./questionnaires/CampaignQuestionnaireCreateConfirm\";\r\nimport QuestionnaireIndex from \"./questionnaires/QuestionnaireIndex\";\r\nimport QuestionnaireInstance from \"./questionnaires/QuestionnaireInstance\";\r\nimport QuestionnaireTypeAccessPoliciesCreate from \"./questionnairetypes/QuestionnaireTypeAccessPoliciesCreate\";\r\nimport QuestionnaireTypeAccessPoliciesUpdate from \"./questionnairetypes/QuestionnaireTypeAccessPoliciesUpdate\";\r\nimport QuestionnaireTypeCreate from \"./questionnairetypes/QuestionnaireTypeCreate\";\r\nimport QuestionnaireTypeEdit from \"./questionnairetypes/QuestionnaireTypeEdit\";\r\nimport QuestionnaireTypeIndex from \"./questionnairetypes/QuestionnaireTypeIndex\";\r\nimport QuestionCreate from \"./questions/QuestionCreate\";\r\nimport QuestionEdit from \"./questions/QuestionEdit\";\r\nimport QuestionIndex from \"./questions/QuestionIndex\";\r\nconst { Component } = React;\r\n\r\ndeclare global {\r\n interface Window {\r\n identityServer: string;\r\n }\r\n}\r\n\r\nconst customHistory = createBrowserHistory();\r\n\r\nlet AuthenticatedComponentQuestionnaireTypeIndex = withUser(QuestionnaireTypeIndex);\r\nlet AuthenticatedComponentQuestionnaireTypeEdit = withUser(QuestionnaireTypeEdit);\r\n\r\nlet AuthenticatedQuestionnaireInstance = withUser(QuestionnaireInstance);\r\nlet AuthenticatedQuestionnaireIndex = withUser(QuestionnaireIndex);\r\n\r\nlet QuestionnaireTypeWrappedAccessPolicyUpdate = withQuestionnaireType(QuestionnaireTypeAccessPoliciesUpdate);\r\nlet QuestionnaireTypeWrappedAccessPolicyCreate = withQuestionnaireType(QuestionnaireTypeAccessPoliciesCreate);\r\n\r\nlet RoutedHome = withRouter(Home);\r\nlet RoutedMyQuestionnaires = withRouter(MyQuestionnaires);\r\nlet RoutedOrganizationIndex = withRouter(OrganizationIndex);\r\nlet RoutedOrganizationCreate = withRouter(OrganizationCreate);\r\nlet RoutedOrganizationReport = withRouter(OrganizationReport);\r\nlet RoutedAuthenticatedQuestionnaireIndex = withRouter(withOrganization(AuthenticatedQuestionnaireIndex));\r\nlet RoutedAuthenticatedQuestionnaireInstance = withRouter(AuthenticatedQuestionnaireInstance);\r\n// let RoutedQuestionIndex = withRouter(withUser(QuestionIndex));\r\nlet RoutedQuestionEdit = withRouter(QuestionEdit);\r\nlet RoutedOptionIndex = withRouter(OptionIndex);\r\nlet RoutedGroupIndex = withRouter(GroupIndex);\r\nlet RoutedGroupEdit = withRouter(GroupEdit);\r\nlet RoutedAuthenticatedComponentQuestionnaireTypeIndex = withRouter(AuthenticatedComponentQuestionnaireTypeIndex);\r\nlet RoutedAuthenticatedComponentQuestionnaireTypeEdit = withRouter(AuthenticatedComponentQuestionnaireTypeEdit);\r\nlet RoutedQuestionnaireTypeWrappedAccessPolicyUpdate = withRouter(QuestionnaireTypeWrappedAccessPolicyUpdate);\r\nlet RoutedQuestionnaireTypeWrappedAccessPolicyCreate = withRouter(QuestionnaireTypeWrappedAccessPolicyCreate);\r\nlet RoutedCampaignCreate = withRouter(withUser(CampaignCreate));\r\n\r\nlet RoutedCampaignQuestionnaireCreateConfirm = withRouter(withUser(withCampaign(CampaignQuestionnaireCreateConfirm)));\r\n\r\nlet RoutedOrganizationInstance = withRouter(withUser(withOrganization(OrganizationInstance)));\r\nlet RoutedCampaignIndex = withRouter(withUser(withOrganization(CampaignIndex)));\r\nlet RoutedCampaignInstance = withRouter(withUser(withCampaign(CampaignInstance)));\r\nlet RoutedCampaignEdit = withRouter(withUser(withCampaign(CampaignEdit)));\r\nlet RoutedCampaignReport = withRouter(withUser(withCampaign(CampaignReport)));\r\n\r\nlet OrganizationQuestionnaireTypeIndex = withRouter(withUser(withOrganization(QuestionnaireTypeIndex)));\r\nlet OrganizationQuestionnaireTypeCreate = withRouter(withUser(withOrganization(QuestionnaireTypeCreate)));\r\n\r\nlet OrganizationGroupCreate = withRouter(withUser(withOrganization(GroupCreate)));\r\nlet OrganizationGroupIndex = withRouter(withUser(withOrganization(GroupIndex)));\r\n\r\nlet OrganizationQuestionCreate = withRouter(withUser(withOrganization(QuestionCreate)));\r\nlet OrganizationQuestionIndex = withRouter(withUser(withOrganization(QuestionIndex)));\r\n\r\nlet QuestionOptionsCreate = withRouter(OptionCreate);\r\n\r\nlet QuestionOptionsEdit = withRouter(withOption(OptionEdit));\r\n\r\nexport function inIframe() {\r\n try {\r\n return window.self !== window.top;\r\n } catch (e) {\r\n return true;\r\n }\r\n}\r\n\r\ninterface State {\r\n sideBarOpen: boolean;\r\n user: Account;\r\n isLoading: boolean;\r\n inIframe: boolean;\r\n isSingleOrganizationUser: boolean;\r\n singleOrganization?: Organization;\r\n}\r\n\r\nclass App extends ComponentGroups
\r\n {this.props.user.hasRole(\"Admin\") && Create New}\r\n| Group | \r\nWeight | \r\nSort Key | \r\n\r\n |
|---|---|---|---|
| \r\n {group.name}\r\n \r\n \r\n \r\n \r\n \r\n \r\n | \r\n {group.weight} | \r\n\r\n | \r\n \r\n \r\n \r\n \r\n \r\n | \r\n
\r\n {!this.state.inIframe && (\r\n
\r\n \r\n \r\n \r\n
\r\n {!this.state.isLoading && (\r\n
\r\n )}\r\n \r\n \r\n \r\n 
\r\n \r\n
\r\n {!this.state.isLoading && (\r\n - \r\n {this.state.user.isAuthenticated && (\r\n <>\r\n
- \r\n \r\n {/* @ts-ignore */}\r\n
{localize(\"myQuestionnaires\")}\r\n \r\n \r\n {this.state.isSingleOrganizationUser && (\r\n - \r\n \r\n
{this.state.singleOrganization.name}\r\n \r\n \r\n )}\r\n {!this.state.user.isSingleOrganizationUser() && (\r\n - \r\n \r\n
{localize(\"Organizations\")}\r\n \r\n \r\n )}\r\n {/* {this.state.user.hasRole(\"Admin\") && (\r\n <>\r\n - \r\n \r\n
Questions\r\n \r\n \r\n - \r\n \r\n
Groups\r\n \r\n \r\n - \r\n \r\n
{localize(\"Questionnaire\")} Types\r\n \r\n \r\n \r\n )} */}\r\n {/* - {this.state.user.name} */}\r\n \r\n )}\r\n {!this.state.user.isAuthenticated && (\r\n <>\r\n
- \r\n \r\n
Sign In\r\n \r\n \r\n {/* - \r\n \r\n
Register\r\n \r\n */}\r\n \r\n )}\r\n
\r\n {!inIframe() && (\r\n \r\n
\r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { CustomInput, FormGroup, Input, Label } from \"reactstrap\";\r\nimport Loader from \"../general/Loader\";\r\n\r\nimport { GetGroups } from \"../identityServer/IdentityServerStore\";\r\n\r\nimport { orderBy } from \"lodash\";\r\nimport * as fp from \"lodash/fp\";\r\n\r\nexport let IdentityGroups = ({ organizationId, onChange, selectedGroupsIn }) => {\r\n selectedGroupsIn = selectedGroupsIn || [];\r\n let [groups, setGroups] = React.useState([]);\r\n let [groupTypes, setGroupTypes] = React.useState([]);\r\n let [loading, setLoading] = React.useState(true);\r\n let [filteredGroups, setFilteredGroups] = React.useState([]);\r\n let [selectedGroups, setSelectedGroups] = React.useState([]);\r\n let [groupFilter, setGroupFilter] = React.useState(\"\");\r\n\r\n let handleGroupTypeChange = (groupType) => (e) => {\r\n let selected = e.target.checked;\r\n\r\n groupTypes.filter((g) => g.id == groupType.id)[0].selected = selected;\r\n setGroupTypes(groupTypes);\r\n filterGroups();\r\n };\r\n\r\n let handleGroupChange = (group) => (e) => {\r\n let selected = e.target.checked;\r\n\r\n groups.filter((g) => g.id == group.id)[0].selected = selected;\r\n\r\n setGroups(groups);\r\n setSelectedGroups(groups.filter((g) => g.selected));\r\n };\r\n\r\n let filterGroups = () => {\r\n let result = fp(groups)\r\n .groupBy((g) => g.groupCustomType.id)\r\n .entries()\r\n .filter(([key, value]) => groupTypes.filter((gt) => gt.selected && gt.id == key).length > 0)\r\n .map(([key, value]) => value)\r\n .flatten()\r\n .filter(evaluateFilter)\r\n .value();\r\n\r\n setFilteredGroups(result);\r\n };\r\n\r\n let handleGroupFilterChange = (e) => {\r\n setGroupFilter(e.target.value);\r\n // filterGroups();\r\n };\r\n\r\n let evaluateFilter = (group) => {\r\n let match = !groupFilter;\r\n\r\n if (groupFilter) {\r\n let filterRegex = new RegExp(groupFilter, \"i\");\r\n match = match || filterRegex.test(group.name);\r\n }\r\n\r\n return match;\r\n };\r\n\r\n React.useEffect(() => {\r\n GetGroups(organizationId).then((res) => {\r\n setGroups(orderBy(res.identityGroups, [\"name\", \"desc\"]));\r\n setGroupTypes(orderBy(res.groupTypes, [\"name\", \"desc\"]));\r\n setLoading(false);\r\n });\r\n }, [organizationId]);\r\n\r\n React.useEffect(filterGroups, [groupFilter]);\r\n\r\n React.useEffect(() => {\r\n onChange && onChange(selectedGroups);\r\n }, [selectedGroups]);\r\n\r\n React.useEffect(() => {\r\n setSelectedGroups(\r\n groups\r\n .filter((g) => selectedGroupsIn.indexOf(g.id) > -1)\r\n .map((g) => {\r\n g.selected = true;\r\n return g;\r\n })\r\n );\r\n }, [groups]);\r\n\r\n return (\r\n <>\r\n {loading && {localize(\"application.ScadsysServiceManager.name\")}
\r\nManage your {localize(\"organization\")}'s tracking requirements with screening, audits and surveys.
\r\n\r\n
\r\n Setup {localize(\"questionnaires\")} and distribute them with campaigns to get feedback or collect important information from your {localize(\"users\")}.\r\n
\r\n\r\n \r\n Sign In\r\n \r\n
\r\nSelected Groups
\r\n\r\n {selectedGroups.map((group) => (\r\n \r\n \r\n ))}\r\n
\r\n Group Types
\r\n\r\n {groupTypes.map((groupType) => (\r\n \r\n \r\n ))}\r\n
\r\n Groups
\r\n\r\n {filteredGroups.map((group) => (\r\n \r\n \r\n ))}\r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\n","import * as React from \"react\";\r\nimport { CustomInput, FormGroup, Input, Label } from \"reactstrap\";\r\nimport Loader from \"../general/Loader\";\r\n\r\nimport { GetGroups } from \"../identityServer/IdentityServerStore\";\r\n\r\nimport { orderBy } from \"lodash\";\r\nimport * as fp from \"lodash/fp\";\r\n\r\nexport let IdentityGroupsResolver = ({ organizationId, onChange, selectedGroupsIn, readonly }) => {\r\n selectedGroupsIn = selectedGroupsIn || [];\r\n let [groups, setGroups] = React.useState([]);\r\n let [loading, setLoading] = React.useState(true);\r\n let [selectedGroups, setSelectedGroups] = React.useState([]);\r\n\r\n let handleGroupChange = (group) => (e) => {\r\n let selected = e.target.checked;\r\n\r\n groups.filter((g) => g.id == group.id)[0].selected = selected;\r\n\r\n setGroups(groups);\r\n setSelectedGroups(groups.filter((g) => g.selected));\r\n };\r\n\r\n React.useEffect(() => {\r\n GetGroups(organizationId).then((res) => {\r\n setGroups(orderBy(res.identityGroups, [\"name\", \"desc\"]));\r\n setLoading(false);\r\n });\r\n }, [organizationId]);\r\n\r\n React.useEffect(() => {\r\n onChange && onChange(selectedGroups);\r\n }, [selectedGroups]);\r\n\r\n React.useEffect(() => {\r\n setSelectedGroups(\r\n groups\r\n .filter((g) => selectedGroupsIn.indexOf(g.id) > -1)\r\n .map((g) => {\r\n g.selected = true;\r\n return g;\r\n })\r\n );\r\n }, [groups]);\r\n\r\n return (\r\n <>\r\n {loading && \r\n {selectedGroups.map((group) => (\r\n \r\n \r\n ))}\r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\n","import axios from \"../general/HttpClient\";\r\nimport { uniqBy } from \"lodash\";\r\n\r\nlet cache = {};\r\n\r\nexport function GetGroups(organizationId) {\r\n if (cache[organizationId] && +new Date() - cache[organizationId].time < 60 * 1000) {\r\n if (cache[organizationId].promise) {\r\n return cache[organizationId].promise;\r\n }\r\n return Promise.resolve(cache[organizationId].result);\r\n }\r\n\r\n let promise = axios.get(`/api/identityserver/groups/${organizationId}`).then((response) => {\r\n if (!response.data.result) {\r\n response.data = { result: [] };\r\n }\r\n\r\n let result = {\r\n identityGroups: response.data.result.map((g) => {\r\n g.selected = false;\r\n return g;\r\n }),\r\n groupTypes: uniqBy(\r\n response.data.result.map((g) => g.groupCustomType),\r\n \"id\"\r\n )\r\n .filter((g) => g)\r\n .map((g) => {\r\n g.selected = false;\r\n return g;\r\n }),\r\n };\r\n\r\n cache[organizationId] = { time: +new Date(), result };\r\n\r\n return result;\r\n });\r\n\r\n cache[organizationId] = { promise };\r\n\r\n return promise;\r\n}\r\n\r\nexport function GetGroupMembersCount(organizationId, delegated, groups, allowStaff, allowStudents, allowParents, allowGuests) {\r\n let params = {\r\n filter: groups.map((i) => i.id).join(\",\"),\r\n delegated,\r\n allowStaff,\r\n allowStudents,\r\n allowParents,\r\n allowGuests,\r\n };\r\n\r\n if (!delegated) {\r\n return axios\r\n .get(`/api/identityserver/groups/${organizationId}/allmemberscount`, {\r\n params,\r\n })\r\n .then((response) => ({ subjects: response.data.result, delegatees: response.data.result }));\r\n } else {\r\n return Promise.all([\r\n axios.get(`/api/identityserver/groups/${organizationId}/allmemberscount`, {\r\n params: { ...params, delegated: false },\r\n }),\r\n axios.get(`/api/identityserver/groups/${organizationId}/allmemberscount`, {\r\n params: { ...params, delegated: true },\r\n }),\r\n ]).then((responses) => ({ subjects: responses[0].data.result, delegatees: responses[1].data.result }));\r\n }\r\n}\r\n\r\nexport function GetGroupMembers(organizationId, delegated, groups, allowStaff, allowStudents, allowParents, allowGuests) {\r\n let params = {\r\n filter: groups.map((i) => i.id).join(\",\"),\r\n delegated,\r\n allowStaff,\r\n allowStudents,\r\n allowParents,\r\n allowGuests,\r\n };\r\n\r\n if (!delegated) {\r\n return axios\r\n .get(`/api/identityserver/groups/${organizationId}/allmembers`, {\r\n params,\r\n })\r\n .then((response) => ({ subjects: response.data.result, delegatees: response.data.result }));\r\n } else {\r\n return Promise.all([\r\n axios.get(`/api/identityserver/groups/${organizationId}/allmembers`, {\r\n params: { ...params, delegated: false },\r\n }),\r\n axios.get(`/api/identityserver/groups/${organizationId}/allmembers`, {\r\n params: { ...params, delegated: true },\r\n }),\r\n ]).then((responses) => ({ subjects: responses[0].data.result, delegatees: responses[1].data.result }));\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { FormGroup, Label, Input, CustomInput, ListGroupItem, Button } from \"reactstrap\";\r\n\r\nimport { debounce, camelCase } from \"lodash\";\r\nimport DynamicOption from \"./DynamicOption\";\r\nimport { QuestionnaireContext } from \"../questionnaires/QuestionnaireInstance\";\r\n\r\nconst { Component } = React;\r\n\r\nexport default class AnswerableOption extends Component<{ option: any; changed: Function; value: any; atomic: boolean; disabled: boolean; style: Object }, any> {\r\n constructor(props) {\r\n super(props);\r\n\r\n let value = this.props.value;\r\n\r\n value = value === \"true\" ? true : value;\r\n value = value === \"false\" ? false : value;\r\n value = value == null ? \"\" : value;\r\n\r\n this.state = {\r\n id: Math.floor(Math.random() * 100000),\r\n value,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n let timer = 10;\r\n switch (this.props.option.type) {\r\n case 0: {\r\n timer = 100;\r\n break;\r\n }\r\n case 1: {\r\n timer = 750;\r\n break;\r\n }\r\n case 2: {\r\n timer = 750;\r\n break;\r\n }\r\n }\r\n\r\n this.debounceHandleChange = debounce(function (value, option, questionId) {\r\n this.props.changed(value);\r\n }, timer);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.option.value != prevProps.value) {\r\n let value = this.props.option.value;\r\n\r\n value = value === \"true\" ? true : value;\r\n value = value === \"false\" ? false : value;\r\n value = value == null ? \"\" : value;\r\n\r\n this.setState({ value });\r\n }\r\n }\r\n\r\n handleChange = (e) => {\r\n let value = e.target.value;\r\n if (this.props.option.type == 0) {\r\n value = !this.state.value;\r\n }\r\n this.setState({ value });\r\n this.debounceHandleChange(value);\r\n };\r\n\r\n handleAtomicChange = (value) => (e) => {\r\n this.setState({ value });\r\n this.debounceHandleChange(value);\r\n };\r\n\r\n debounceHandleChange = (value) => {};\r\n\r\n render() {\r\n switch (this.props.option.type) {\r\n case 0: {\r\n return (\r\n <>\r\n {this.props.atomic && (\r\n \r\n {this.props.option.text && }\r\n
\r\n )}\r\n {!this.props.atomic && (\r\n \r\n )}\r\n \r\n );\r\n }\r\n case 1:\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n ))}\r\n \r\n );\r\n};\r\n\r\nexport default DynamicOption;\r\n","import * as React from \"react\";\r\nimport { FormGroup, Label, Input, FormFeedback, Button } from \"reactstrap\";\r\n\r\nimport { CreateOption } from \"./OptionStore\";\r\n\r\nconst { Component } = React;\r\n\r\nimport { useHistory, useParams } from \"react-router-dom\";\r\n\r\ninterface OptionState {\r\n questionId: string;\r\n text: string;\r\n score: number;\r\n sortKey: number;\r\n type: any;\r\n}\r\n//extends Component<{ match?: any; history: any }, OptionState>\r\nconst OptionCreate = ({}) => {\r\n const params = useParams();\r\n const history = useHistory();\r\n\r\n const [text, setText] = React.useState(\"\");\r\n const [score, setScore] = React.useState(0);\r\n const [sortKey, setSortKey] = React.useState(0);\r\n const [type, setType] = React.useState(0);\r\n const [questionID, setQuestionID] = React.useState(params.id);\r\n\r\n let handleTextChange = (e) => {\r\n setText(e.target.value);\r\n };\r\n let handleScoreChange = (e) => {\r\n setScore(e.target.value);\r\n };\r\n let handleSortKeyChange = (e) => {\r\n setSortKey(e.target.value);\r\n };\r\n let handleTypeChange = (e) => {\r\n setType(e.target.value);\r\n };\r\n\r\n let createOption = () => {\r\n CreateOption({\r\n text,\r\n score,\r\n sortKey,\r\n type,\r\n questionID,\r\n }).then((res) => {\r\n history.push(`/Questions/${questionID}`);\r\n });\r\n };\r\n\r\n return (\r\n {q.qualificationName}
\r\n\r\n {q.qualificationLevels.filter(ql=>ql.hasAvailability).map((ql) => (\r\n
\r\n \r\n \r\n {m.moduleName}\r\n \r\n ))}\r\n
\r\n ))}\r\n {ql.qualificationLevelName}
\r\n {ql.modules.map((m) => (\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Option text required \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default OptionCreate;\r\n","import * as React from \"react\";\r\nimport { FormGroup, Label, Input, FormFeedback, Button } from \"reactstrap\";\r\nimport { Option } from \"../options/OptionIndex\";\r\n\r\nimport { UpdateOption } from \"./OptionStore\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface Props {\r\n match?: any;\r\n history: any;\r\n option: Option;\r\n}\r\n\r\ninterface OptionState {\r\n id?: string;\r\n questionID?: string;\r\n text: string;\r\n score: number;\r\n sortKey: number;\r\n type: any;\r\n value?: any;\r\n key?: string;\r\n}\r\n\r\nexport default class OptionEdit extends ComponentNew Option
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Option text required \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, Button, Modal, ModalHeader, ModalBody, ModalFooter, Row, Col } from \"reactstrap\";\r\nimport { clone, orderBy } from \"lodash\";\r\n\r\nimport { Link, withRouter } from \"react-router-dom\";\r\n\r\nimport { GetOptions, CreateOption, CreateYesNoOptions, DeleteOption } from \"./OptionStore\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { UpdateOption } from \"./OptionStore\";\r\nimport { UpDown } from \"../general/UpDown\";\r\n\r\nconst { Component } = React;\r\n\r\nexport class Option {\r\n id?: string;\r\n questionID?: string;\r\n text: string;\r\n score: number;\r\n sortKey: number;\r\n type: any;\r\n value?: any;\r\n key?: string;\r\n}\r\n\r\ninterface OptionState {\r\n options: ArrayUpdate Option
\r\n\r\n \r\n \r\n
\r\n \r\n Delete Option \r\n Are You sure you want to delete ? \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import axios from '../general/HttpClient'\r\nimport { Option } from './OptionIndex'\r\n\r\nexport function GetOptions(question) {\r\n return axios.get(`/api/options?question=${question}`).then((response) => {\r\n return response.data.result\r\n })\r\n}\r\n\r\nexport function DeleteOption(id) {\r\n return axios.delete(`/api/options/${id}`).then((response) => {\r\n return response.data.result\r\n })\r\n}\r\n\r\nexport function GetOption(id) {\r\n return axios.get(`/api/options/${id}`).then((response) => {\r\n return response.data.result\r\n })\r\n}\r\n\r\nexport function CreateOption(data: Option) {\r\n return axios.post('/api/options', data).then((response) => {\r\n return response.data.result\r\n })\r\n}\r\n\r\nexport function CreateYesNoOptions(question) {\r\n let promises = []\r\n\r\n promises.push(\r\n CreateOption({\r\n questionID: question,\r\n text: 'Yes',\r\n type: 0,\r\n score: 5,\r\n sortKey: 1,\r\n }),\r\n )\r\n promises.push(\r\n CreateOption({\r\n questionID: question,\r\n text: 'No',\r\n type: 0,\r\n score: 0,\r\n sortKey: 2,\r\n }),\r\n )\r\n\r\n return Promise.all(promises)\r\n}\r\n\r\nexport function UpdateOption(option: Option) {\r\n return axios.put(`/api/options/${option.id}`, option).then((response) => {\r\n return response.data.result\r\n })\r\n}\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, FormText, Button, Modal, ModalHeader, ModalBody, ModalFooter, Badge } from \"reactstrap\";\r\n\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport { GetOrganizations, CreateOrganization, GetIdentityOrganizations } from \"./OrganizationStore\";\r\nimport JDenticon from \"../general/JDenticon\";\r\nimport { GetCurrentLogin, Account } from \"../account/AccountStore\";\r\nimport { Organization } from \"./OrganizationStore\";\r\nimport Loader from \"../general/Loader\";\r\nimport localize from \"../general/LocalizationStore\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface OrganizationCreateState {\r\n newOrganization: string;\r\n newIdentityOrganization: Organization;\r\n newIdentityOrganizationId: string;\r\n isLoaded: boolean;\r\n user: Account;\r\n identityOrganizations: ArrayOptions
\r\n {this.state.options.length == 0 && (\r\n \r\n )}\r\n Create new option\r\n| Option | \r\nScore | \r\nType | \r\nSort | \r\n\r\n |
|---|---|---|---|---|
| \r\n {option.text || \"Option\"}\r\n | \r\n\r\n {option.score}\r\n | \r\n\r\n {OptionTypes[option.type]}\r\n | \r\n\r\n | \r\n \r\n \r\n | \r\n
\r\n {this.state.user.hasRole(\"Admin\") && (\r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, FormText, Button, Modal, ModalHeader, ModalBody, ModalFooter, Badge } from \"reactstrap\";\r\n\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport { GetOrganizations, CreateOrganization, GetIdentityOrganizations } from \"./OrganizationStore\";\r\nimport JDenticon from \"../general/JDenticon\";\r\nimport { GetCurrentLogin, Account } from \"../account/AccountStore\";\r\nimport { Organization } from \"./OrganizationStore\";\r\nimport localize from \"../general/LocalizationStore\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface OrganizationIndexState {\r\n newOrganization: string;\r\n newIdentityOrganization: Organization;\r\n newIdentityOrganizationId: string;\r\n organizations: Array\r\n \r\n \r\n \r\n \r\n {this.state.identityOrganizations.map((org, key) => (\r\n \r\n ))}\r\n \r\n Organization required \r\n \r\n
\r\n )}\r\n Create {localize(\"Organization\")}
\r\n {this.state.isLoaded && (\r\n <>\r\n\r\n \r\n \r\n
\r\n \r\n )}\r\n {!this.state.isLoaded && \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Row, Col, Button } from \"reactstrap\";\r\n\r\nimport { GetOrganizations, CreateOrganization, GetIdentityOrganizations } from \"./OrganizationStore\";\r\nimport JDenticon from \"../general/JDenticon\";\r\nimport { GetCurrentLogin, Account } from \"../account/AccountStore\";\r\nimport { Organization } from \"./OrganizationStore\";\r\nimport Loader from \"../general/Loader\";\r\nimport SquareButton from \"../general/SquareButton\";\r\nimport localize from \"../general/LocalizationStore\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface OrganizationInstanceState {}\r\n\r\nexport default class OrganizationInstance extends Component<{ user: Account; organization: Organization; history: any }, OrganizationInstanceState> {\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n }\r\n\r\n componentDidMount() {}\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {localize(\"Organizations\")}
\r\n {this.state.user.hasRole(\"Admin\") && (\r\n \r\n )}\r\n| {localize(\"Organization\")} | \r\nProperties | \r\n\r\n |
|---|---|---|
| \r\n | \r\n {org.identityID && | \r\n \r\n {/* \r\n \r\n */}\r\n \r\n \r\n \r\n | \r\n
\r\n \r\n \r\n {\r\n this.props.history.push(`/Organizations/${this.props.organization.id}/Questionnaires`);\r\n }}\r\n >\r\n {localize(\"Questionnaires\")}\r\n \r\n Here you can see {localize(\"questionnaires\")} that were created without a campaign\r\n \r\n {(this.props.user.hasPermission(\"serviceManager:manageCampaigns\", this.props.organization.identityID) || this.props.user.hasAnyCampaignAccess(1)) && (\r\n {\r\n this.props.history.push(`/Organizations/${this.props.organization.id}/Campaigns`);\r\n }}\r\n >\r\n Campaigns\r\n \r\n Here you can see campaigns and their associated {localize(\"questionnaires\")}\r\n \r\n )}\r\n {this.props.user.hasPermission(\"serviceManager:manageQuestionnaireTypes\", this.props.organization.identityID) && (\r\n {\r\n this.props.history.push(`/Organizations/${this.props.organization.id}/QuestionnaireTypes`);\r\n }}\r\n >\r\n {localize(\"Questionnaire\")} Types\r\n \r\n Here you can setup {localize(\"questionnaires\")}\r\n \r\n )}\r\n {this.props.user.hasPermission(\"serviceManager:manageGroups\", this.props.organization.identityID) && (\r\n {\r\n this.props.history.push(`/Organizations/${this.props.organization.id}/Groups`);\r\n }}\r\n >\r\n Groups\r\n \r\n Here you can setup {localize(\"questionnaire\")} groups\r\n \r\n )}\r\n {this.props.user.hasPermission(\"serviceManager:manageQuestions\", this.props.organization.identityID) && (\r\n {\r\n this.props.history.push(`/Organizations/${this.props.organization.id}/Questions`);\r\n }}\r\n >\r\n Questions\r\n \r\n Here you can setup questions and add them to {localize(\"questionnaires\")} and groups\r\n \r\n )}\r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\n\r\nimport { parse } from \"query-string\";\r\nimport { Badge, Button } from \"reactstrap\";\r\n\r\nimport * as _ from \"lodash\";\r\n\r\nimport { Link, withRouter } from \"react-router-dom\";\r\n\r\nimport { Line, Bar, Scatter, HorizontalBar } from \"react-chartjs-2\";\r\n\r\nimport { GetOrganizations, CreateOrganization, GetOrganization } from \"./OrganizationStore\";\r\nimport { Organization } from \"./OrganizationStore\";\r\nimport { GetReportData } from \"../reports/ReportStore\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { GetQuestionnaire } from \"../questionnaires/QuestionnaireStore\";\r\nimport { FormatDate } from \"../general/DateStore\";\r\n\r\nimport { PieChart, Pie, Sector, Cell } from \"recharts\";\r\n\r\nimport * as moment from \"moment-timezone\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface OrganizationReportState {\r\n organization: Organization;\r\n data: {\r\n questionnaire: any;\r\n groupStatistics: any;\r\n totalStatistics: any;\r\n };\r\n questions: any;\r\n questionnaire: any;\r\n isLoaded: boolean;\r\n focusAreasPlot: any;\r\n totalStatsPlot: any;\r\n groupsPlot: any;\r\n}\r\n\r\nconst colorMap = {\r\n primary: \"#592C52\",\r\n success: \"#C1C2D9\",\r\n info: \"#F2913D\",\r\n warning: \"#D9560B\",\r\n danger: \"#BF3B0B\",\r\n};\r\n\r\nconst blockClasses = \"p-2 m-2 border\";\r\nconst plotLayout = {\r\n legend: { orientation: \"h\" },\r\n margin: {\r\n l: 25,\r\n r: 25,\r\n b: 25,\r\n t: 50,\r\n pad: 4,\r\n },\r\n autosize: true,\r\n colorway: [colorMap.primary, colorMap.info, colorMap.success, colorMap.warning, colorMap.danger],\r\n};\r\nexport default class OrganizationReport extends Component<{ match: any; location: any; history: any }, OrganizationReportState> {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n organization: {\r\n id: \"\",\r\n name: \"\",\r\n },\r\n data: {\r\n questionnaire: {},\r\n groupStatistics: [],\r\n totalStatistics: [],\r\n },\r\n questions: [],\r\n questionnaire: {\r\n timestamp: \"\",\r\n },\r\n isLoaded: false,\r\n focusAreasPlot: [],\r\n totalStatsPlot: [],\r\n groupsPlot: [],\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n GetOrganization(this.props.match.params.id).then((organization: Organization) => {\r\n let query = parse(this.props.location.search);\r\n this.setState({ organization });\r\n return GetReportData(organization.id, query.questionnaireId || \"\").then((res) => {\r\n this.setState({ data: res });\r\n GetQuestionnaire(res.questionnaire.id).then((response) => {\r\n this.setState({ questionnaire: response, questions: response.questionnaire.questions, isLoaded: true }, () => {\r\n let focusAreas = _(this.state.data.groupStatistics)\r\n .filter((g) => g.weight > 0)\r\n .orderBy((g) => (g.score / g.maxScore) * 100)\r\n .take(5)\r\n .value();\r\n\r\n let focusAreasPlot = [\r\n {\r\n name: \"Score\",\r\n x: focusAreas.map((x) => x.group),\r\n y: focusAreas.map((x) => (x.score / x.maxScore) * 100),\r\n type: \"bar\",\r\n marker: { color: colorMap.primary },\r\n },\r\n {\r\n name: \"Max Score\",\r\n x: focusAreas.map((x) => x.group),\r\n y: focusAreas.map((x) => (1 - x.score / x.maxScore) * 100),\r\n type: \"bar\",\r\n marker: { color: \"#eee\" },\r\n },\r\n ];\r\n\r\n let reduction = this.state.data.groupStatistics.reduce(\r\n (p, c) => {\r\n p.possible += c.maxScore - c.score;\r\n return p;\r\n },\r\n {\r\n possible: 0,\r\n }\r\n );\r\n\r\n let totalStatsValues = this.state.data.groupStatistics.map((g) => g.score);\r\n let totalStatsLabels = this.state.data.groupStatistics.map((g) => g.group);\r\n\r\n let totalStatsPlot = [\r\n {\r\n labels: [\"Possible Score\", ...totalStatsLabels],\r\n values: [reduction.possible, ...totalStatsValues],\r\n type: \"pie\",\r\n marker: {\r\n colors: [\"#eee\"],\r\n },\r\n textinfo: \"value\",\r\n },\r\n ];\r\n\r\n let weights = _(this.state.data.groupStatistics)\r\n .groupBy((g) => g.weight)\r\n .keys()\r\n .value();\r\n\r\n let groups = _(this.state.data.groupStatistics)\r\n .groupBy((g) => g.weight)\r\n .mapValues((v, k) => {\r\n let axis = weights.indexOf(k) + 1;\r\n axis = axis == 1 ? \"\" : axis;\r\n return [\r\n {\r\n name: k,\r\n x: v.map((g) => g.group),\r\n y: v.map((g) => (g.score / g.maxScore) * 100),\r\n xaxis: \"x\" + axis,\r\n yaxis: \"y\" + axis,\r\n type: \"bar\",\r\n showlegend: false,\r\n hoverinfo: \"y+x\",\r\n _key: k,\r\n },\r\n {\r\n name: k,\r\n x: v.map((g) => g.group),\r\n y: v.map((g) => (1 - g.score / g.maxScore) * 100),\r\n xaxis: \"x\" + axis,\r\n yaxis: \"y\" + axis,\r\n type: \"bar\",\r\n showlegend: false,\r\n hoverinfo: \"y+x\",\r\n marker: { color: \"#eee\" },\r\n _key: k,\r\n },\r\n ];\r\n })\r\n .values()\r\n .flatten()\r\n .orderBy((g) => -1 * g._key)\r\n .value();\r\n\r\n let groupsPlot = groups;\r\n\r\n this.setState({ focusAreasPlot, totalStatsPlot, groupsPlot });\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import axios from \"../general/HttpClient\";\r\n\r\nlet organizations = [];\r\nlet fetched = false;\r\n\r\nGetOrganizations();\r\n\r\nexport class Organization {\r\n id: string;\r\n identityID?: string;\r\n name: string;\r\n questionnaires?: Array{this.state.organization.name}
\r\n {this.state.isLoaded && (\r\n <>\r\n{FormatDate(this.state.questionnaire.questionnaire.timestamp, \"DD MMMM YYYY\")}
\r\n \r\n \r\n \r\n\r\n {/*
\r\n \r\n
\r\n \r\n
\r\n \r\n
*/}\r\n {/* {this.state.data.groupStatistics.filter(g => g.weight == 500).map((d, key) => {\r\n let ratio = d.score / d.maxScore;\r\n let ratioClass = ratio > 0.8 ? 'text-success' : ratio > 0.5 ? 'text-warning' : 'text-danger';\r\n let ratioColorName = ratio > 0.8 ? 'success' : ratio > 0.5 ? 'warning' : 'danger';\r\n return (\r\n \r\n
\r\n \r\n
\r\n )\r\n })}\r\n {this.state.data.groupStatistics.filter(g => g.weight == 100).map((d, key) => {\r\n let ratio = d.score / d.maxScore;\r\n let ratioClass = ratio > 0.8 ? 'text-success' : ratio > 0.5 ? 'text-warning' : 'text-danger';\r\n let ratioColorName = ratio > 0.8 ? 'success' : ratio > 0.5 ? 'warning' : 'danger';\r\n return (\r\n \r\n
\r\n {d.group}
\r\n \r\n{d.score}/{d.maxScore}
\r\n\r\n
\r\n )\r\n })} */}\r\n \r\n\r\n
\r\n {d.group}
\r\n \r\n{d.score}/{d.maxScore}
\r\n\r\n\r\n\r\n
\r\n\r\n \r\n {/*
\r\n \r\n
\r\n \r\n \r\n \r\n {this.state.questions.length > 0 &&\r\n _.take(\r\n _.orderBy(\r\n this.state.questions.filter((q) => q.weight > 0),\r\n [\"answers.0.option.score\", \"weight\"]\r\n ),\r\n 5\r\n ).map((q, key) => (\r\n
\r\n
\r\n Lowest Scores
\r\n| \r\n {q.text}\r\n \r\n {q.answers && q.answers[0].option.text}\r\n \r\n {q.groups.map((group) => (\r\n | \r\n \r\n \r\n {q.answers && q.answers[0].option.score}\r\n \r\n \r\n Score\r\n | \r\n
\r\n
\r\n \r\n )}\r\n {!this.state.isLoaded && \r\n
\r\n \r\n
\r\n Detail
\r\n\r\n {this.state.questions.length > 0 &&\r\n this.state.questions\r\n .filter((q) => q.answers && q.answers.filter((a) => a.option.type != 0).length > 0)\r\n .map((q, k1) =>\r\n q.answers.map((a, k2) => (\r\n
\r\n \r\n {q.text} {a.option.text}
{a.value}\r\n
\r\n ))\r\n )}\r\n {a.value}\r\n
No Data
}\r\n\r\n
\r\n {question.subtext && (\r\n {question.text}
\r\n {question.required && Required}\r\n {!questionnaire.locked &&\r\n {question.subtext} \r\n
\r\n )}\r\n \r\n {question.allowSets && (\r\n \r\n \r\n
\r\n
\r\n
\r\n ))}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {FormatDate(comment.timestamp, \"DD/MM/YYYY HH:mm\")} - {comment.username} - {comment.text}\r\n \r\n {!questionnaire.locked && (\r\n \r\n )}\r\n
\r\n ))}\r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nfunction OptionTypeGridSpan(option, question) {\r\n if (option.type === 0) return \"span \" + 1;\r\n if (option.type === 1) return \"span \" + Math.floor(clamp(6 / question.options.length, 1, 6));\r\n if (option.type === 2) return \"span \" + 1;\r\n\r\n return \"\";\r\n}\r\n\r\nfunction QuestionOptions(props) {\r\n let { question, options, handleOptionChange, setId, disabled } = props;\r\n let atomic = some(options, (o) => o.type === 0) && (!every(options, (o) => o.type === 0) || options.length == 1);\r\n return (\r\n <>\r\n \r\n {options.map((option, optionKey) => (\r\n handleOptionChange(value, option, question.id, setId)}\r\n atomic={atomic}\r\n disabled={disabled}\r\n >\r\n ))}\r\n
\r\n {question.multipleOptions &&\r\n every(question.options, {\r\n type: 0,\r\n }) && Choose multiple}\r\n {!question.multipleOptions && every(question.options, { type: 0 }) && Choose one}\r\n \r\n );\r\n}\r\n\r\nfunction CopyAnswer(props) {\r\n let { question, similarQuestionnaires, handleOptionChange, addSet } = props;\r\n let show = some(similarQuestionnaires, (s) => some(s.answers, (a) => a.questionID == question.id));\r\n\r\n let [showCopyModal, setShowCopyModal] = React.useState(false);\r\n\r\n let [selectedAnswers, setSelectedAnswers] = React.useState([]);\r\n\r\n let [selectedQuestionnaire, setSelectedQuestionnaire] = React.useState(-1);\r\n\r\n let toggleCopyModal = () => {\r\n setShowCopyModal(!showCopyModal);\r\n };\r\n\r\n let select = (questionnaire) => () => {\r\n setSelectedQuestionnaire(similarQuestionnaires.indexOf(questionnaire));\r\n setSelectedAnswers(questionnaire.answers.filter((q) => q.questionID == question.id));\r\n };\r\n\r\n let submit = () => {\r\n let sets = uniq(selectedAnswers.map((a) => a.setID));\r\n\r\n let setMap = {};\r\n\r\n selectedAnswers.forEach((answer) => {\r\n let option = clone(answer.option);\r\n option.value = answer.value;\r\n if (!answer.setID) {\r\n handleOptionChange(answer.value, option, question.id, null).then(toggleCopyModal);\r\n } else {\r\n if (setMap[answer.setID]) {\r\n handleOptionChange(answer.value, option, question.id, setMap[answer.setID]).then(toggleCopyModal);\r\n }\r\n addSet(question.id).then((set) => {\r\n setMap[answer.setID] = set.id;\r\n handleOptionChange(answer.value, option, question.id, setMap[answer.setID]).then(toggleCopyModal);\r\n });\r\n }\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n {show && (\r\n <>\r\n \r\n Select the {localize(\"questionnaire\")} below that you wish to copy the answer from.
\r\n\r\n | \r\n | \r\n \r\n You answered: \r\n \r\n {questionnaire.answers\r\n .filter((q) => q.questionID == question.id)\r\n .map((answer, i) => {\r\n if (answer.option.type === 0) {\r\n return {answer.option.text} ;\r\n } else {\r\n return{answer.option.text + \" : \" + answer.value} ;\r\n }\r\n })}\r\n \r\n | \r\n
Confirm Choice
\r\n {selectedAnswers.map((answer, i) => (\r\n \r\n {answer.option.type === 0 && answer.option.text}\r\n {answer.option.type !== 0 && answer.option.text + \" : \" + answer.value}\r\n
\r\n ))}\r\n \r\n )}\r\n \r\n {campaign && (\r\n <>\r\n {/* @ts-ignore */}\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default CampaignQuestionnaireCreateConfirm;\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, FormText, Button, Modal, ModalHeader, ModalBody, ModalFooter, Row, Col } from \"reactstrap\";\r\n\r\nimport { Link, withRouter } from \"react-router-dom\";\r\n\r\nimport { GetMyQuestionnaires, CreateQuestionnaire, Questionnaire } from \"./QuestionnaireStore\";\r\nimport { QuestionnaireType } from \"../questionnairetypes/QuestionnaireTypeIndex\";\r\nimport { GetQuestionnaireTypes } from \"../questionnairetypes/QuestionnaireTypeStore\";\r\nimport { Account, GetCurrentLogin } from \"../account/AccountStore\";\r\nimport SquareButton from \"../general/SquareButton\";\r\nimport { clone, groupBy, values, orderBy } from \"lodash\";\r\nimport localize from \"../general/LocalizationStore\";\r\nimport QuestionnaireTable from \"./QuestionnaireTable\";\r\nimport QuestionnaireCreate from \"./QuestionnaireCreate\";\r\nimport { Campaign } from \"../campaigns/CampaignStore\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface MyQuestionnairesState {\r\n questionnaires: Array\r\n
\r\n {campaign.description}
\r\n Click continue to get started.
\r\n\r\n \r\n
\r\n \r\n )}\r\n \r\n {this.state.isLoaded && (\r\n <>\r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { FormGroup, Input, Label } from \"reactstrap\";\r\nimport { orderBy, mapValues, keyBy } from \"lodash\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface QuestionnaireAccessTypeSelectorState {\r\n accessLevels: any;\r\n}\r\n\r\nexport const accessLevels = [\r\n { level: 1, name: \"View\" },\r\n { level: 2, name: \"Answer\" },\r\n { level: 4, name: \"Delete\" },\r\n { level: 8, name: \"Upload\" },\r\n { level: 16, name: \"Comment\" },\r\n];\r\n\r\nexport function accessTypeToAccessLevels(accessType) {\r\n let levels = [];\r\n orderBy(accessLevels, \"level\", \"desc\").forEach((accessLevel) => {\r\n if (accessType >= accessLevel.level) {\r\n accessType -= accessLevel.level;\r\n levels.push(accessLevel);\r\n }\r\n });\r\n return levels;\r\n}\r\n\r\nexport function accessTypeValueToAccessLevelState(accessTypeValue) {\r\n return mapValues(keyBy(accessTypeToAccessLevels(accessTypeValue), \"level\"), () => true);\r\n}\r\n\r\nexport default class QuestionnaireAccessTypeSelector extends Component<{ handleChange: any; value?: any; readonly?: boolean }, QuestionnaireAccessTypeSelectorState> {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n accessLevels: this.props.value || {},\r\n };\r\n }\r\n\r\n componentDidMount() {}\r\n\r\n handleAccessLevelChange = (level) => (e) => {\r\n let value = e.target.checked;\r\n\r\n this.setState(\r\n (prevState) => {\r\n let accessLevels = prevState.accessLevels;\r\n if (value) {\r\n //add\r\n if (accessLevels[level] === undefined) {\r\n accessLevels[level] = true;\r\n }\r\n } else {\r\n //remove\r\n if (accessLevels[level] !== undefined) {\r\n delete accessLevels[level];\r\n }\r\n }\r\n\r\n return { accessLevels };\r\n },\r\n () => {\r\n if (this.props.handleChange) this.props.handleChange(this.state.accessLevels);\r\n }\r\n );\r\n };\r\n\r\n render() {\r\n return (\r\n {localize(\"myQuestionnaires\")}
\r\n\r\nNo {localize(\"questionnaires\")} available, check back later.
\r\n Your {localize(\"organization\")} will use this space to gather feedback.
\r\n \r\n )}\r\n {this.state.questionnaires.length > 0 &&\r\n orderBy(values(groupBy(this.state.questionnaires, (q) => q.campaignID)), (q) => q[0].campaign?.id, [\"desc\"]).map((questionnaires: Questionnaire[]) => {\r\n let campaign = questionnaires[0].campaign;\r\n return (\r\n \r\n {campaign && (\r\n <>\r\n
\r\n );\r\n })}\r\n \r\n )}\r\n {campaign.name}
\r\n{campaign.description}
\r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, FormText, Button, Modal, ModalHeader, ModalBody, ModalFooter, Row, Col } from \"reactstrap\";\r\n\r\nimport { Link, withRouter } from \"react-router-dom\";\r\n\r\nimport { CreateQuestionnaire } from \"./QuestionnaireStore\";\r\nimport { QuestionnaireType } from \"../questionnairetypes/QuestionnaireTypeIndex\";\r\nimport { GetQuestionnaireTypes } from \"../questionnairetypes/QuestionnaireTypeStore\";\r\nimport { Account, GetCurrentLogin } from \"../account/AccountStore\";\r\nimport SquareButton from \"../general/SquareButton\";\r\nimport { clone, groupBy, values, orderBy } from \"lodash\";\r\nimport localize from \"../general/LocalizationStore\";\r\nimport QuestionnaireTable from \"./QuestionnaireTable\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface Props {\r\n done?: Function;\r\n organizationId: string;\r\n}\r\n\r\ninterface State {\r\n isLoaded: boolean;\r\n showCreateModal: boolean;\r\n questionnaireTypes: ArrayQuestionnaire Access
\r\n \r\n {accessLevels.map((accessLevel, key) => (\r\n \r\n \r\n \r\n ))}\r\n
\r\n \r\n {this.state.questionnaireTypes.length > 0 && (\r\n <>\r\n \r\n {this.state.questionnaireTypes.map((questionnaireType, key) => (\r\n {questionnaireType.name} \r\n \r\n ))}\r\n
\r\n \r\n )}\r\n\r\n \r\n \r\n Create {localize(\"Questionnaires\")} - {this.state.creatingQuestionnaire.type.name}\r\n \r\n \r\n \r\n \r\n \r\n {/* Subject required */}\r\n {/* invalid={!this.state.creatingQuestionnaire.subject} */}\r\n \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, FormText, Button, Modal, ModalHeader, ModalBody, ModalFooter } from \"reactstrap\";\r\n\r\nimport { Link, withRouter } from \"react-router-dom\";\r\n\r\nimport { GetQuestionnaires, CreateQuestionnaire, DeleteQuestionnaire } from \"./QuestionnaireStore\";\r\nimport { GetOrganization, GetIdentityOrganizations, LinkIdentityOrganizations } from \"../organizations/OrganizationStore\";\r\nimport { QuestionnaireType } from \"../questionnairetypes/QuestionnaireTypeIndex\";\r\nimport { GetQuestionnaireTypes } from \"../questionnairetypes/QuestionnaireTypeStore\";\r\nimport { FormatDate } from \"../general/DateStore\";\r\nimport { Account, GetCurrentLogin } from \"../account/AccountStore\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport QuestionnaireTable from \"./QuestionnaireTable\";\r\nimport Loader from \"../general/Loader\";\r\nimport CampaignCreate from \"../campaigns/CampaignCreate\";\r\nimport { Organization } from \"../organizations/OrganizationStore\";\r\nimport localize from \"../general/LocalizationStore\";\r\nimport QuestionnaireCreate from \"./QuestionnaireCreate\";\r\nconst { Component } = React;\r\n\r\ninterface QuestionnaireIndexState {\r\n organization: Organization;\r\n questionnaires: ArrayStart new:
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Row, Col, ButtonGroup, Button, ButtonDropdown, DropdownToggle, DropdownMenu, DropdownItem, Modal, ModalHeader, ModalBody, ModalFooter, Progress } from \"reactstrap\";\r\n\r\nimport { clone } from \"lodash\";\r\n\r\nimport { Link, withRouter } from \"react-router-dom\";\r\n\r\nimport { GetQuestionnaire, GetSimilarQuestionnaires, SubmitQuestionnaire, UnlockQuestionnaire } from \"./QuestionnaireStore\";\r\nimport { AnswerQuestion } from \"../answers/AnswerStore\";\r\nimport { AddSet, RemoveSet } from \"../questionanswersets/QuestionAnswerSetStore\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport Loader from \"../general/Loader\";\r\nimport { DeleteAttachment } from \"../attachments/AttachmentsStore\";\r\nimport { FormatDate } from \"../general/DateStore\";\r\nimport CommentUpload from \"../comments/CommentUpload\";\r\nimport { DeleteComment } from \"../comments/CommentsStore\";\r\nimport { GetReportData } from \"../reports/ReportStore\";\r\nimport { Account } from \"../account/AccountStore\";\r\nimport localize from \"../general/LocalizationStore\";\r\nimport { AnswerableQuestion } from \"./AnswerableQuestion\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface IQuestionAnswerSet {\r\n id: string;\r\n questionId: string;\r\n questionnaireId: string;\r\n options: Array\r\n {this.state.organization.name} - {localize(\"Questionnaires\")}\r\n
\r\n\r\n\r\n
\r\n \r\n )}\r\n \r\n );\r\n }\r\n\r\n renderSubmitDialog = () => {\r\n let remainingGroups = this.state.report.groupStatistics.filter((g) => g.requiredAnswered != g.required);\r\n\r\n return (\r\n <>\r\n \r\n {/* */}\r\n {this.state.currentGroupIndex != 0 && (\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n {this.state.currentGroupIndex + 1} of {this.state.groups.length}\r\n \r\n \r\n {this.state.groups.map((group, groupKey) => (\r\n \r\n {group.name}\r\n \r\n ))}\r\n \r\n \r\n
\r\n \r\n {this.state.currentGroupIndex < this.state.groups.length - 1 && (\r\n \r\n )}\r\n {/* */}\r\n
\r\n {localize(\"requiredQuestionsDialog\")}
\r\n \r\n {remainingGroups.map((g, i) => (\r\n <>\r\n {g.group}{\" \"}\r\n \r\n {g.requiredAnswered} / {g.required}\r\n \r\n {this.renderProgress(g)}\r\n
\r\n \r\n ))}\r\n
\r\n \r\n )}\r\n\r\n {remainingGroups.length == 0 && localize(\"trueAndCorrectDisclaimer\")}\r\n
\r\n \r\n {!this.state.isLoaded && \r\n
\r\n {this.props.user.hasRole(\"Admin\") && this.state.questionnaire.locked && (\r\n \r\n
\r\n )}\r\n \r\n Post Comment \r\n \r\n \r\n \r\n \r\n Submit \r\n {this.renderSubmitDialog()}\r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction ConditionEvaluator(props) {\r\n let { question, questions } = props;\r\n let show = false;\r\n\r\n if (question.conditions.length > 0) {\r\n question.conditions.forEach((condition) => {\r\n let reliesOn = questions.filter((q) => q.id == condition.reliesOnID)[0];\r\n\r\n if (reliesOn) {\r\n if (condition.type == 1 && reliesOn.answers && reliesOn.answers.length > 0) {\r\n let result = false;\r\n\r\n condition.conditionOptions.forEach((conditionOption) => {\r\n reliesOn.options.forEach((option) => {\r\n if (option.id == conditionOption.optionID && option.value) {\r\n result = true;\r\n }\r\n });\r\n });\r\n\r\n show = show || result;\r\n }\r\n } else {\r\n show = false;\r\n }\r\n });\r\n } else {\r\n show = true;\r\n }\r\n\r\n return <>{show && props.children};\r\n}\r\n","import axios from \"../general/HttpClient\";\r\nimport { some } from \"lodash\";\r\nimport { number } from \"prop-types\";\r\nimport { QuestionnaireType } from \"../questionnairetypes/QuestionnaireTypeIndex\";\r\nimport { Question } from \"../questions/QuestionIndex\";\r\nimport { Campaign } from \"../campaigns/CampaignStore\";\r\nimport { Organization } from \"../organizations/OrganizationStore\";\r\nimport { Answer } from \"../answers/AnswerStore\";\r\n\r\nexport function GetSimilarQuestionnaires(id) {\r\n return axios.get(`/api/questionnaires/${id}/$similar`).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function GetQuestionnaires(organizationId) {\r\n return axios\r\n .get(`/api/questionnaires`, {\r\n params: { organizationId, includeCampaign: false },\r\n })\r\n .then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function GetMyQuestionnaires() {\r\n return axios\r\n .get(`/api/questionnaires/MyQuestionnaires`)\r\n\r\n .then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function GetQuestionnaire(id) {\r\n return axios.get(`/api/questionnaires/${id}`).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function DeleteQuestionnaire(id) {\r\n return axios.delete(`/api/questionnaires/${id}`).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function CreateQuestionnaire(data) {\r\n return axios.post(\"/api/questionnaires\", data).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function SubmitQuestionnaire(data) {\r\n return axios.post(\"/api/questionnaires/$submit\", data).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function UnlockQuestionnaire(id) {\r\n return axios.put(`/api/questionnaires/${id}/$unlock`).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function ExportQuestionnairesAnswer(data) {\r\n return axios.post(\"/api/questionnaires/$export\", data).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport class Questionnaire{\r\n id :string;\r\n timestamp :string;\r\n name :string;\r\n description :string;\r\n questionnaireTypeID :string;\r\n questionnaireType : QuestionnaireType \r\n campaignID :string;\r\n campaign: Campaign \r\n organizationID :string;\r\n organization: Organization \r\n subjectID :string;\r\n subjectType:number;\r\n allowComments :boolean;\r\n allowUploads :boolean;\r\n locked :boolean;\r\n lastSubmissionDate:string\r\n answers :Array\r\n An error occurred while loading{\" \"}\r\n \r\n
\r\n )}\r\n {this.state.isLoaded && !this.state.isError && (\r\n <>\r\n \r\n \r\n {this.state.questionnaire.campaignID && (\r\n
\r\n {this.state.overview && (\r\n <>\r\n \r\n
\r\n )}\r\n {!this.state.questionnaire.campaignID && this.state.questionnaire.questionnaireType.name}\r\n \r\n {this.state.questionnaire.name} {this.state.questionnaire.campaign.name}\r\n
\r\n{this.state.questionnaire.campaign.description}
\r\n Sections
\r\n \r\n {this.state.groups.map((group, groupKey) => (\r\n\r\n
\r\n )}\r\n \r\n )}\r\n {this.state.questionnaire.allowComments && (\r\n Attachments
\r\n {this.state.questionnaire.questions\r\n .filter((q) => q.attachments.length > 0)\r\n .map((question, questionKey) => (\r\n\r\n {question.text}\r\n
\r\n {question.attachments.map((attachment, attachmentKey) => (\r\n\r\n \r\n this.deleteAttachment(question.id, attachment.id)}\r\n >\r\n {/* @ts-ignore */}\r\n \r\n ))}\r\n
\r\n ))}\r\n \r\n {question.attachments.map((attachment, attachmentKey) => (\r\n
\r\n
\r\n )}\r\n \r\n )}\r\n Comments
\r\n {this.state.questionnaire.questions\r\n .filter((q) => q.comments.length > 0)\r\n .map((question, questionKey) => (\r\n\r\n {question.text}\r\n
\r\n {question.comments.map((comment, commentKey) => (\r\n
\r\n ))}\r\n \r\n {question.comments.map((comment, commentKey) => (\r\n
\r\n \r\n {FormatDate(comment.timestamp, \"DD/MM/YYYY HH:mm\")} - {comment.username} - {comment.text}\r\n \r\n this.deleteComment(question.id, comment.id)}\r\n >\r\n {/* @ts-ignore */}\r\n
\r\n ))}\r\n \r\n
\r\n )}\r\n {!this.state.questionnaire.locked && (\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n )}\r\n {!this.state.overview && (\r\n \r\n \r\n
\r\n \r\n \r\n {this.state.currentGroupIndex > 0 && (\r\n
\r\n \r\n
\r\n );\r\n })()}\r\n {this.state.currentGroupIndex == this.state.groups.length - 1 && (\r\n \r\n
\r\n )}\r\n {this.pager(\"bottom\")}\r\n \r\n \r\n {!this.state.questionnaire.locked && (\r\n \r\n )}\r\n {this.props.user.hasRole(\"Admin\") && this.state.questionnaire.locked && }\r\n
\r\n \r\n {this.state.selectedQuestionnaires.length > 0 && uniqBy(this.state.selectedQuestionnaires, (q) => q.questionnaireTypeID).length == 1 && (\r\n q.id).join(\",\")}`}\r\n >\r\n Export Selected\r\n \r\n )}\r\n
\r\n | \r\n | \r\n | \r\n \r\n \r\n \r\n | \r\n\r\n \r\n | \r\n|
| \r\n | \r\n \r\n {questionnaire.locked && | \r\n \r\n \r\n \r\n Created: {FormatDate(questionnaire.timestamp, \"DD MMM YYYY HH:mm\")}\r\n {!questionnaire.locked && questionnaire.campaign && questionnaire.campaign.endDate && (\r\n Due: {FormatDate(questionnaire.campaign.endDate, \"DD MMM YYYY HH:mm\")}\r\n )}\r\n\r\n {questionnaire.locked && Submitted: {FormatDate(questionnaire.lastSubmissionDate, \"DD MMM YYYY HH:mm\")}}\r\n \r\n | \r\n \r\n \r\n \r\n \r\n \r\n | \r\n \r\n {/* \r\n \r\n */}\r\n \r\n \r\n \r\n {this.props.user.hasQuestionnaireAccess(questionnaire.id, 4) && (\r\n \r\n )}\r\n | \r\n
\r\n
\r\n )}\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Page {this.state.pageNumber} of {Math.ceil(this.props.questionnaires.length / this.state.pageSize)}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {questionnaire.name} - {questionnaire.questionnaireType.name}\r\n
\r\n {questionnaire.description && (\r\n \r\n {questionnaire.description}\r\n
\r\n )}\r\n \r\n )}\r\n {!questionnaire.name && questionnaire.questionnaireType.name}\r\n \r\n );\r\n}\r\n","import * as React from 'react'\r\nimport { FormGroup, Input, Label, Button } from 'reactstrap'\r\nimport {\r\n CreateAccessPolicy,\r\n UpdateQuestionnaireType,\r\n} from './QuestionnaireTypeStore'\r\n\r\nimport { sum, keys } from 'lodash'\r\nimport QuestionnaireTypeAccessTypeSelector from './QuestionnaireTypeAccessTypeSelector'\r\nimport QuestionnaireAccessTypeSelector from '../questionnaires/QuestionnaireAccessTypeSelector'\r\n\r\nconst { Component } = React\r\n\r\ninterface QuestionnaireTypeAccessPoliciesCreateState {\r\n newPolicy: {\r\n policyType: string\r\n policyTarget: string\r\n accessLevels: any\r\n questionnaireAccessLevels: any\r\n }\r\n}\r\n\r\nexport default class QuestionnaireTypeAccessPoliciesCreate extends Component<\r\n { questionnaireType: any },\r\n QuestionnaireTypeAccessPoliciesCreateState\r\n> {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n newPolicy: {\r\n questionnaireAccessLevels: {},\r\n accessLevels: {},\r\n policyTarget: '',\r\n policyType: 'membership',\r\n },\r\n }\r\n }\r\n\r\n componentDidMount() {}\r\n\r\n handlePolicyTypeChange = (e) => {\r\n let value = e.target.value\r\n\r\n this.setState((prevState) => {\r\n let newPolicy = prevState.newPolicy\r\n\r\n newPolicy.policyType = value\r\n\r\n return { newPolicy }\r\n })\r\n }\r\n\r\n handlePolicyTargetChange = (e) => {\r\n let value = e.target.value\r\n\r\n this.setState((prevState) => {\r\n let newPolicy = prevState.newPolicy\r\n\r\n newPolicy.policyTarget = value\r\n\r\n return { newPolicy }\r\n })\r\n }\r\n\r\n handleAccessLevelChange = (accessLevels) => {\r\n this.setState((prevState) => {\r\n let newPolicy = prevState.newPolicy\r\n\r\n newPolicy.accessLevels = accessLevels\r\n\r\n return { newPolicy }\r\n })\r\n }\r\n\r\n handleQuestionnaireAccessLevelChange = (accessLevels) => {\r\n this.setState((prevState) => {\r\n let newPolicy = prevState.newPolicy\r\n\r\n newPolicy.questionnaireAccessLevels = accessLevels\r\n\r\n return { newPolicy }\r\n })\r\n }\r\n\r\n setQuestionnaireOrganzationMembership = (membershipType) => () => {\r\n this.setState((prevState) => {\r\n let newPolicy = prevState.newPolicy\r\n\r\n newPolicy.policyTarget =\r\n this.props.questionnaireType.organizationID + ':' + membershipType\r\n\r\n return { newPolicy }\r\n })\r\n }\r\n\r\n createAccessPolicy = () => {\r\n CreateAccessPolicy({\r\n accessType: sum(keys(this.state.newPolicy.accessLevels).map((k) => +k)),\r\n questionnaireTypeID: this.props.questionnaireType.id,\r\n rule: this.state.newPolicy.policyTarget,\r\n questionnaireAccessType: sum(\r\n keys(this.state.newPolicy.questionnaireAccessLevels).map((k) => +k),\r\n ),\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Students\r\n \r\n \r\n Parents\r\n \r\n \r\n Guests\r\n \r\n \r\n \r\n \r\n \r\n {/*
\r\n )\r\n }\r\n}\r\n","import * as React from 'react'\r\nimport { FormGroup, Input, Label, Button } from 'reactstrap'\r\nimport {\r\n UpdateAccessPolicy,\r\n UpdateQuestionnaireType,\r\n} from './QuestionnaireTypeStore'\r\n\r\nimport { sum, keys, keyBy, mapValues } from 'lodash'\r\nimport QuestionnaireTypeAccessTypeSelector from './QuestionnaireTypeAccessTypeSelector'\r\nimport QuestionnaireAccessTypeSelector from '../questionnaires/QuestionnaireAccessTypeSelector'\r\n\r\nimport { accessTypeToAccessLevels as questionnaireAccessLevels } from '../questionnaires/QuestionnaireAccessTypeSelector'\r\nimport { accessTypeToAccessLevels as questionnaireTypeAccessLevels } from './QuestionnaireTypeAccessTypeSelector'\r\n\r\nconst { Component } = React\r\n\r\ninterface QuestionnaireTypeAccessPoliciesUpdateState {\r\n newPolicy: {\r\n policyType: string\r\n policyTarget: string\r\n accessLevels: any\r\n questionnaireAccessLevels: any\r\n }\r\n}\r\n\r\nexport default class QuestionnaireTypeAccessPoliciesUpdate extends Component<\r\n { questionnaireType: any; match: any },\r\n QuestionnaireTypeAccessPoliciesUpdateState\r\n> {\r\n constructor(props) {\r\n super(props)\r\n\r\n let rule = this.props.match.params.rule\r\n let accessPolicy = this.props.questionnaireType.accessPolicies.filter(\r\n (a) => a.rule == rule,\r\n )[0]\r\n\r\n this.state = {\r\n newPolicy: {\r\n questionnaireAccessLevels: mapValues(\r\n keyBy(\r\n questionnaireAccessLevels(accessPolicy.questionnaireAccessType),\r\n 'level',\r\n ),\r\n () => true,\r\n ),\r\n accessLevels: mapValues(\r\n keyBy(\r\n questionnaireTypeAccessLevels(accessPolicy.accessType),\r\n 'level',\r\n ),\r\n () => true,\r\n ),\r\n policyTarget: accessPolicy.rule,\r\n policyType: 'membership',\r\n },\r\n }\r\n }\r\n\r\n componentDidMount() {}\r\n\r\n handleAccessLevelChange = (accessLevels) => {\r\n this.setState((prevState) => {\r\n let newPolicy = prevState.newPolicy\r\n\r\n newPolicy.accessLevels = accessLevels\r\n\r\n return { newPolicy }\r\n })\r\n }\r\n\r\n handleQuestionnaireAccessLevelChange = (accessLevels) => {\r\n this.setState((prevState) => {\r\n let newPolicy = prevState.newPolicy\r\n\r\n newPolicy.questionnaireAccessLevels = accessLevels\r\n\r\n return { newPolicy }\r\n })\r\n }\r\n\r\n setQuestionnaireOrganzationMembership = (membershipType) => () => {\r\n this.setState((prevState) => {\r\n let newPolicy = prevState.newPolicy\r\n\r\n newPolicy.policyTarget =\r\n this.props.questionnaireType.organizationID + ':' + membershipType\r\n\r\n return { newPolicy }\r\n })\r\n }\r\n\r\n UpdateAccessPolicy = () => {\r\n UpdateAccessPolicy({\r\n accessType: sum(\r\n keys(this.state.newPolicy.accessLevels).map((k) => +k),\r\n ),\r\n questionnaireTypeID: this.props.questionnaireType.id,\r\n rule: this.state.newPolicy.policyTarget,\r\n questionnaireAccessType: sum(\r\n keys(this.state.newPolicy.questionnaireAccessLevels).map((k) => +k),\r\n ),\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n Access Policies
\r\n\r\n {JSON.stringify(this.state.newPolicy, null, 2)}\r\n */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import * as React from 'react'\r\nimport { FormGroup, Input, Label } from 'reactstrap'\r\nimport { orderBy } from 'lodash'\r\n\r\nconst { Component } = React\r\n\r\ninterface QuestionnaireAccessTypeSelectorState {\r\n accessLevels: any\r\n}\r\n\r\nexport const accessLevels = [\r\n { level: 1, name: 'Create' },\r\n { level: 2, name: 'View' },\r\n { level: 4, name: 'Delete' },\r\n { level: 8, name: 'Edit' },\r\n]\r\n\r\nexport function accessTypeToAccessLevels(accessType) {\r\n let levels = []\r\n orderBy(accessLevels, 'level', 'desc').forEach((accessLevel) => {\r\n if (accessType >= accessLevel.level) {\r\n accessType -= accessLevel.level\r\n levels.push(accessLevel)\r\n }\r\n })\r\n return levels\r\n}\r\n\r\nexport default class QuestionnaireTypeAccessTypeSelector extends Component<\r\n { handleChange: any; value?: any },\r\n QuestionnaireAccessTypeSelectorState\r\n> {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n accessLevels: this.props.value || {},\r\n }\r\n }\r\n\r\n componentDidMount() {}\r\n\r\n handleAccessLevelChange = (level) => (e) => {\r\n let value = e.target.checked\r\n\r\n this.setState(\r\n (prevState) => {\r\n let accessLevels = prevState.accessLevels\r\n if (value) {\r\n //add\r\n if (accessLevels[level] === undefined) {\r\n accessLevels[level] = true\r\n }\r\n } else {\r\n //remove\r\n if (accessLevels[level] !== undefined) {\r\n delete accessLevels[level]\r\n }\r\n }\r\n\r\n return { accessLevels }\r\n },\r\n () => {\r\n if (this.props.handleChange)\r\n this.props.handleChange(this.state.accessLevels)\r\n },\r\n )\r\n }\r\n\r\n render() {\r\n return (\r\n Access Policies
\r\n\r\n {JSON.stringify(this.state.newPolicy, null, 2)}\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, Button, Modal, ModalHeader, ModalBody, ModalFooter, Row, Col } from \"reactstrap\";\r\nimport { clone } from \"lodash\";\r\n\r\nimport { Link, withRouter } from \"react-router-dom\";\r\n\r\nimport { GetQuestionnaireTypes, CreateQuestionnaireType, DeleteQuestionnaireType } from \"./QuestionnaireTypeStore\";\r\nimport { Question } from \"../questions/QuestionIndex\";\r\nimport { Group } from \"../groups/GroupIndex\";\r\nimport { Account } from \"../account/AccountStore\";\r\nimport localize from \"../general/LocalizationStore\";\r\nimport { Organization } from \"../organizations/OrganizationStore\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface QuestionnaireTypeCreateProps {\r\n organization?: Organization;\r\n history: any;\r\n}\r\ninterface QuestionnaireTypeCreateState {\r\n name: string;\r\n subjectType: number;\r\n organizationID?: string;\r\n}\r\n\r\nexport default class QuestionnaireTypeCreate extends ComponentQuestionnaire Type Access
\r\n \r\n {accessLevels.map((accessLevel, key) => (\r\n \r\n \r\n \r\n ))}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {localize(\"Questionnaire\")} type name required \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {localize(\"Questionnaire\")} subject type required \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, Button, Modal, ModalHeader, ModalBody, ModalFooter, Row, Col, CustomInput } from \"reactstrap\";\r\nimport { clone, find } from \"lodash\";\r\n\r\nimport { Link, withRouter } from \"react-router-dom\";\r\n\r\nimport { GetQuestionnaireType, UpdateQuestionnaireType } from \"./QuestionnaireTypeStore\";\r\n\r\nimport { ToggleGroupQuestionnaireTypeLink, GetGroups } from \"../groups/GroupStore\";\r\nimport { QuestionnaireType } from \"./QuestionnaireTypeIndex\";\r\n\r\nimport Treemap from \"../lib/Treemap.js\";\r\nimport * as _ from \"lodash\";\r\nimport { interpolatePuOr } from \"d3-scale-chromatic\";\r\nimport { isColorDark } from \"../lib/Color\";\r\nimport QuestionnaireTypeAccessPoliciesCreate from \"./QuestionnaireTypeAccessPoliciesCreate\";\r\nimport { Account } from \"../account/AccountStore\";\r\nimport localize from \"../general/LocalizationStore\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface QuestionnaireTypeEditState {\r\n questionnaireType: QuestionnaireType;\r\n isLoaded: boolean;\r\n groups: ArrayNew {localize(\"Questionnaire\")} Type
\r\n\r\n \r\n \r\n \r\n \r\n {localize(\"Questionnaire\")} Type name required \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {localize(\"Questionnaire\")} subject type required \r\n \r\n \r\n\r\n {this.props.user.hasRole(\"Admin\") && (\r\n \r\n \r\n
\r\n )}\r\n\r\n \r\n {this.state.groups.map((group, key) => (\r\n \r\n \r\n \r\n ))}\r\n
\r\n {this.state.groups.length == 0 && (\r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, Button, Modal, ModalHeader, ModalBody, ModalFooter, Row, Col } from \"reactstrap\";\r\nimport { clone } from \"lodash\";\r\n\r\nimport { Link, withRouter } from \"react-router-dom\";\r\n\r\nimport { GetQuestionnaireTypes, CreateQuestionnaireType, DeleteQuestionnaireType, CloneQuestionnaireType } from \"./QuestionnaireTypeStore\";\r\nimport { Question } from \"../questions/QuestionIndex\";\r\nimport { Group } from \"../groups/GroupIndex\";\r\nimport { Account } from \"../account/AccountStore\";\r\nimport localize from \"../general/LocalizationStore\";\r\nimport { GetOrganizations, Organization } from \"../organizations/OrganizationStore\";\r\nimport QuestionnaireTypeCreate from \"./QuestionnaireTypeCreate\";\r\n\r\nconst { Component } = React;\r\n\r\nexport interface QuestionnaireTypeAccessPolicy {\r\n accessType: number;\r\n questionnaireTypeID: string;\r\n rule: string;\r\n questionnaireAccessType: number;\r\n}\r\n\r\nexport class QuestionnaireType {\r\n id: string;\r\n name: string;\r\n groups: Array{localize(\"Questionnaire\")} Type
\r\n| Access Rule | \r\nPermissions | \r\n{localize(\"Questionnaire\")} Permissions | \r\n\r\n |
| {accessPolicy.rule} | \r\n{accessPolicy.accessType} | \r\n{accessPolicy.questionnaireAccessType} | \r\n\r\n Edit\r\n | \r\n
| \r\n Create New Access Rule\r\n | \r\n
Groups
\r\n\r\n No Groups to add, create a group\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Delete {localize(\"Questionnaire\")} Type \r\n Are You sure you want to delete ? \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n\r\n \r\n Clone {localize(\"Questionnaire\")} Type \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import axios from \"../general/HttpClient\";\r\n\r\nexport function GetQuestionnaireTypes(organizationId) {\r\n return axios.get(\"/api/questionnairetypes\", { params: { organizationId } }).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function GetQuestionnaireType(id) {\r\n return axios.get(`/api/questionnairetypes/${id}`).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function DeleteQuestionnaireType(id) {\r\n return axios.delete(`/api/questionnairetypes/${id}`).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function CreateQuestionnaireType(data) {\r\n return axios.post(\"/api/questionnairetypes\", data).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function UpdateQuestionnaireType(data) {\r\n return axios.put(`/api/questionnairetypes/${data.id}`, data).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function CreateAccessPolicy(data) {\r\n return axios.post(\"/api/accesspolicies/questionnaireType/$create\", data).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function UpdateAccessPolicy(data) {\r\n return axios.put(\"/api/accesspolicies/questionnaireType/$update\", data).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n\r\nexport function CloneQuestionnaireType(questionnaireTypeId, organizationId) {\r\n return axios.post(\"/api/questionnaireTypes/$clone\", { questionnaireTypeId, organizationId }).then((response) => {\r\n return response.data.result;\r\n });\r\n}\r\n","import * as React from \"react\";\r\nimport { FormGroup, Label, Input, FormFeedback, Button, CustomInput, Row, Col } from \"reactstrap\";\r\n\r\nimport * as _ from \"lodash\";\r\n\r\nimport { CreateQuestion } from \"./QuestionStore\";\r\n\r\nimport { Organization } from \"../organizations/OrganizationStore\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface QuestionCreateProps {\r\n organization?: Organization;\r\n history: any;\r\n}\r\ninterface QuestionCreateState {\r\n text: string;\r\n subtext: string;\r\n weight: number;\r\n sortKey: number;\r\n required?: boolean;\r\n organizationId: string;\r\n}\r\n\r\nexport default class QuestionCreate extends Component{localize(\"Questionnaire\")} Types
\r\n {this.props.user.hasRole(\"Admin\") && Create New}\r\n| {localize(\"Questionnaire\")} Type | \r\nWeight | \r\n\r\n |
|---|---|---|
| \r\n {questionnairetype.name}\r\n \r\n \r\n \r\n \r\n \r\n \r\n | \r\n {questionnairetype.weight} | \r\n\r\n {this.props.user.hasQuestionnaireTypeAccess(questionnairetype.id, 2) && (\r\n \r\n \r\n \r\n )}\r\n {this.props.user.hasQuestionnaireTypeAccess(questionnairetype.id, 4) && (\r\n \r\n )}\r\n {this.props.user.hasRole(\"Admin\") && (\r\n \r\n )}\r\n | \r\n
Clone to which Organization
\r\n \r\n \r\n {this.state.organizations.map((organization) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Question text required \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { Form, FormGroup, Label, Input, FormFeedback, Button, Modal, ModalHeader, ModalBody, ModalFooter, Row, Col, CustomInput } from \"reactstrap\";\r\nimport { clone, find, orderBy } from \"lodash\";\r\n\r\nimport { Link, withRouter } from \"react-router-dom\";\r\n\r\nimport { GetQuestions, CreateQuestion, DeleteQuestion, GetQuestion, UpdateQuestion, UpdateCondition, CreateCondition, GetEligibleConditionQuestions, DeleteCondition } from \"./QuestionStore\";\r\n\r\nimport { Condition, Question } from \"./QuestionIndex\";\r\nimport OptionIndex from \"../options/OptionIndex\";\r\nimport { ToggleGroupQuestionLink, GetGroups } from \"../groups/GroupStore\";\r\nimport { AnswerableQuestion } from \"../questionnaires/AnswerableQuestion\";\r\nimport { Organization } from \"../organizations/OrganizationStore\";\r\nimport { Account } from \"../account/AccountStore\";\r\n\r\nconst { Component } = React;\r\n\r\ninterface QuestionEditProps {\r\n user: Account;\r\n history: any;\r\n match: any;\r\n organization: Organization;\r\n}\r\n\r\ninterface QuestionEditState {\r\n question: Question;\r\n isLoaded: boolean;\r\n groups: ArrayNew Questions
\r\n\r\n \r\n \r\n \r\n \r\n \r\n Question text required \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {this.state.groups.map((group, key) => (\r\n \r\n \r\n \r\n ))}\r\n
\r\n\r\n {this.state.question.id &&
\r\n );\r\n }\r\n}\r\n\r\nfunction NewCondition(props) {\r\n let { onDone, questionId, questions } = props;\r\n\r\n let [showConditionModal, setShowConditionModal] = React.useState(false);\r\n let [selectedQuestion, setSelectedQuestion] = React.useState({ id: \"\" });\r\n\r\n let toggleConditionModal = () => {\r\n setShowConditionModal(!showConditionModal);\r\n };\r\n\r\n let chooseQuestion = (question) => () => {\r\n setSelectedQuestion(question);\r\n };\r\n\r\n let submit = () => {\r\n CreateCondition(questionId, {\r\n questionID: questionId,\r\n reliesOnID: selectedQuestion.id,\r\n options: [],\r\n }).then(() => {\r\n setShowConditionModal(false);\r\n onDone();\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n {questions.length > 0 && (\r\n <>\r\n \r\n Question
\r\n {this.state.question.id && (\r\n <>\r\nOptions
\r\n Conditions
\r\nQuestion \"{this.state.question.text}\" will be visible when the following conditions are met
\r\n \r\n {this.state.question.conditions.map((condition, key) => (\r\n <>\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n ))}\r\n
\r\n\r\n \r\n \r\n ))}\r\n
Groups
\r\n\r\n \r\n
\r\n