Skip to content
GitLab
Menu
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Mathias Engelbrecht Pilegård
Pipit
Commits
03fefdc6
Commit
03fefdc6
authored
Aug 05, 2021
by
Mathias Engelbrecht Pilegård
Browse files
reimplemented issue assignment selection directory with pure css
parent
50cfc658
Changes
286
Hide whitespace changes
Inline
Side-by-side
client/node_modules/.cache/.eslintcache
View file @
03fefdc6
[{"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\index.js":"1","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\App.js":"2","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\navigationbar.js":"3","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\Navigationbar.js":"4","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\searchbar\\Searchbar.js":"5","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\userDropdownMenu\\UserDropdownMenu.js":"6","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\navigationLinks\\NavigationLinks.js":"7","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\logo\\Logo.js":"8","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\reportForm\\ReportForm.js":"9","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectOverview\\ProjectOverview.js":"10","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\team\\teamOverview\\TeamOverview.js":"11","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\frontpage\\newUserWelcome\\NewUserWelcome.js":"12","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\homepage\\Homepage.js":"13","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectInformationPage\\ProjectInformationPage.js":"14","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectInformationPage\\dashboard\\Dashboard.js":"15","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectInformationPage\\userActivitiesDisplay\\UserActivitiesDisplay.js":"16","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\homepage\\updates\\Updates.js":"17","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\team\\teamInformationPage\\TeamInformationPage.js":"18","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\reportForm\\assign\\Assign.js":"19"},{"size":197,"mtime":1626217127935,"results":"20","hashOfConfig":"21"},{"size":1307,"mtime":1626993796831,"results":"22","hashOfConfig":"21"},{"size":2293,"mtime":1626443292886,"results":"23","hashOfConfig":"21"},{"size":776,"mtime":1626993769430,"results":"24","hashOfConfig":"21"},{"size":470,"mtime":1626993058156,"results":"25","hashOfConfig":"21"},{"size":2458,"mtime":1627688227444,"results":"26","hashOfConfig":"21"},{"size":718,"mtime":1626993044395,"results":"27","hashOfConfig":"21"},{"size":548,"mtime":1626993649907,"results":"28","hashOfConfig":"21"},{"size":4240,"mtime":1627940527930,"results":"29","hashOfConfig":"21"},{"size":3086,"mtime":1627676751721,"results":"30","hashOfConfig":"21"},{"size":2563,"mtime":1627676899196,"results":"31","hashOfConfig":"21"},{"size":710,"mtime":1626993613971,"results":"32","hashOfConfig":"21"},{"size":907,"mtime":1626993814636,"results":"33","hashOfConfig":"21"},{"size":1264,"mtime":1627676788904,"results":"34","hashOfConfig":"21"},{"size":3558,"mtime":1627676058235,"results":"35","hashOfConfig":"21"},{"size":2108,"mtime":1626993739635,"results":"36","hashOfConfig":"21"},{"size":2099,"mtime":1626993363824,"results":"37","hashOfConfig":"21"},{"size":2594,"mtime":1626997691570,"results":"38","hashOfConfig":"21"},{"size":2767,"mtime":1628023901754,"results":"39","hashOfConfig":"21"},{"filePath":"40","messages":"41","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},"iyhzrm",{"filePath":"43","messages":"44","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"45","messages":"46","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"47","messages":"48","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"49","messages":"50","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"51","messages":"52","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"53","messages":"54","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"55","messages":"56","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"57","usedDeprecatedRules":"42"},{"filePath":"58","messages":"59","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"60","usedDeprecatedRules":"42"},{"filePath":"61","messages":"62","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"63","usedDeprecatedRules":"42"},{"filePath":"64","messages":"65","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"66","messages":"67","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"68","messages":"69","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"70","messages":"71","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"72","messages":"73","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"74","messages":"75","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":"76","usedDeprecatedRules":"42"},{"filePath":"77","messages":"78","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":"79","usedDeprecatedRules":"42"},{"filePath":"80","messages":"81","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"82","usedDeprecatedRules":"42"},{"filePath":"83","messages":"84","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\index.js",[],["85","86"],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\App.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\navigationbar.js",["87","88","89"],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\Navigationbar.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\searchbar\\Searchbar.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\userDropdownMenu\\UserDropdownMenu.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\navigationLinks\\NavigationLinks.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\logo\\Logo.js",["90","91"],"import React from 'react'\r\nimport { NavLink } from 'react-router-dom'\r\nimport \"./logo.css\"\r\nimport logo_picture from \"../../../images/bird-logo.jpg\"\r\nimport logo_text from \"../../../images/logo-text.jpg\"\r\n\r\nconst Logo = () => {\r\n return (\r\n <h1 className=\"title\">\r\n <span className=\"title-icon\">\r\n <NavLink to=\"/home\" id=\"logo\">\r\n <img src={logo_picture} width=\"24\" height=\"24\"></img>\r\n <img src={logo_text} width=\"48\" height=\"24\"></img>\r\n </NavLink>\r\n </span>\r\n </h1>\r\n )\r\n}\r\n\r\nexport default Logo","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\reportForm\\ReportForm.js",["92"],"import React, { useState } from 'react'\r\nimport \"./reportForm.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport Navigationbar from '../navigationbar/Navigationbar'\r\nimport Assign from './assign/Assign'\r\n\r\nconst ReportForm = () => {\r\n return (\r\n <div>\r\n <Navigationbar />\r\n <div className=\"reportForm-container\">\r\n <h2 className=\"reportissuePageText\">Report an issue</h2>\r\n <form action=\"/reportFormData\">\r\n <div className=\"row\">\r\n <div className=\"col-25\">\r\n <label for=\"fissueType\">Type of issue</label>\r\n </div>\r\n <div className=\"col-75\">\r\n <select id=\"fissueType\" className=\"issueType\">\r\n <option value=\"bug\">Bug</option>\r\n <option value=\"usabilityissue\">Usability error</option>\r\n <option value=\"other\">Other</option>\r\n </select>\r\n </div>\r\n </div>\r\n\r\n <div class=\"row\">\r\n <div class=\"col-25\">\r\n <label for=\"fissueLocation\">Where did you encounter the issue?</label>\r\n </div>\r\n <div class=\"col-75\">\r\n <input type=\"text\" id=\"fissueLocation\" className=\"issueLocation\" ></input>\r\n </div>\r\n </div>\r\n\r\n <div class=\"row\">\r\n <div class=\"col-25\">\r\n <label for=\"fissueDescription\">Describe the issue</label>\r\n </div>\r\n <div class=\"col-75\">\r\n <textarea id=\"fissueDescription\" className=\"issueDescription\"></textarea>\r\n </div>\r\n </div>\r\n\r\n <div class=\"row\">\r\n <div class=\"col-25\">\r\n <label for=\"fissueStepsToTeproduce\">What steps did you take before the issue happened?</label>\r\n </div>\r\n <div class=\"col-75\">\r\n <textarea id=\"fissueStepsToTeproduce\" className=\"issueStepsToReproduce\"\r\n placeholder=\"List the steps that occurred before the issue happened:\r\n1.\r\n2.\r\n3.\r\nExpected Result:\r\nActual Result:\">\r\n </textarea>\r\n </div>\r\n </div>\r\n\r\n <div className=\"row\">\r\n <div className=\"col-25\">\r\n <label for=\"fissueSeverity\">Severity level</label>\r\n </div>\r\n <div className=\"col-75\">\r\n <select id=\"fissueSeverity\" className=\"issueSeverity\">\r\n <option value=\"cosmetic\">Cosmetic - should be corrected when time permits</option>\r\n <option value=\"serious\">Serious - should be corrected in the next release</option>\r\n <option value=\"critical\">Critical - should be corrected as soon as possible</option>\r\n </select>\r\n </div>\r\n </div>\r\n\r\n <div className=\"row\">\r\n <div className=\"col-25\">\r\n <label for=\"fissueTimeToCorrect\">Time to Correct</label>\r\n </div>\r\n <div className=\"col-75\">\r\n <select id=\"fissueSeverity\" className=\"issueTimeToCorrect\">\r\n <option value=\"lessThanTwoHours\">Less than 2 minutes</option>\r\n <option value=\"lessThanOneToTwoDays\">Less than 1 or 2 days</option>\r\n <option value=\"lessThanOneToTwoWeeks\">Less than 1 or 2 weeks</option>\r\n <option value=\"atLeastTwoWeeks\">More than 2 weeks</option>\r\n </select>\r\n </div>\r\n </div>\r\n\r\n <div className=\"row\">\r\n <div className=\"col-25\">\r\n <label for=\"fissueAssignToProject\">Assign to</label>\r\n </div>\r\n <div className=\"col-75\">\r\n {/*\r\n <select id=\"fissueAssignToProject\" className=\"issueAssignToProject\">\r\n <option value=\"lessThanTwoHours\">Henriks meme machine - ReactApp</option>\r\n </select>\r\n */}\r\n <Assign />\r\n </div>\r\n </div>\r\n\r\n\r\n <div class=\"row\">\r\n <button className=\"formSubmitButton\" type=\"submit\">\r\n Submit \r\n <FontAwesomeIcon icon=\"arrow-right\"></FontAwesomeIcon>\r\n </button>\r\n </div>\r\n </form>\r\n </div >\r\n </div >\r\n )\r\n}\r\n\r\nexport default ReportForm","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectOverview\\ProjectOverview.js",["93","94"],"import React, { useState } from 'react'\r\nimport { NavLink } from \"react-router-dom\";\r\nimport \"./projectOverview.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport Navigationbar from '../../navigationbar/Navigationbar';\r\n\r\nconst ProjectOverview = () => {\r\n const [is1stButtonActive, set1stButtonActive] = useState(true);\r\n const [is2ndButtonActive, set2ndButtonActive] = useState(false);\r\n\r\n const FirstButtonActive = () => {\r\n set1stButtonActive(true);\r\n set2ndButtonActive(false);\r\n };\r\n\r\n const SecondButtonActive = () => {\r\n set1stButtonActive(false);\r\n set2ndButtonActive(true);\r\n };\r\n\r\n return (\r\n <div>\r\n <Navigationbar />\r\n <div className=\"projectlist-container\">\r\n <div className=\"content-header\">\r\n <h2 className=\"projectlist-title\">Your Projects</h2>\r\n <button className=\"create-new-project-button\">\r\n New Project\r\n </button>\r\n </div>\r\n <div className=\"project-sort-menu-container\">\r\n <div className=\"personal-shared-projects-container\">\r\n <a className={is1stButtonActive ? \"activeUnderlined\" : \"inactive\"} onClick={FirstButtonActive}>Shared Projects</a>\r\n <a className={is2ndButtonActive ? \"activeUnderlined\" : \"inactive\"} onClick={SecondButtonActive}>Personal Projects</a>\r\n </div>\r\n <div className=\"project-sort-select-container\">\r\n <p>Sort by:</p>\r\n <select>\r\n <option>Last updated</option>\r\n <option>Last created</option>\r\n <option>Name</option>\r\n <option>Name descending</option>\r\n <option>Oldest created</option>\r\n <option>Oldest updated</option>\r\n </select>\r\n </div>\r\n </div>\r\n <div className=\"projectlist\">\r\n <ul>\r\n <li>\r\n <div className=\"project-entry\">\r\n <div className=\"project-team-name\">\r\n <NavLink to=\"/projects/ReactApp\">ReactApp \r\n <FontAwesomeIcon className=\"icon\" icon=\"chevron-right\"></FontAwesomeIcon>\r\n </NavLink>\r\n </div>\r\n <div className=\"project-status-info-container\">\r\n <div className=\"new-issues-info\">\r\n <FontAwesomeIcon className=\"icon\" icon=\"bug\"></FontAwesomeIcon>\r\n <p>0</p>\r\n <span className=\"tooltip-text\">Total issues</span>\r\n </div>\r\n <div className=\"issues-solved-info\">\r\n <FontAwesomeIcon className=\"icon\" icon=\"check\"></FontAwesomeIcon>\r\n <p>0</p>\r\n <span className=\"tooltip-text\">Issues solved</span>\r\n </div>\r\n <div className=\"last-updated-info\">\r\n <p>Last updated: 1 day ago</p>\r\n </div>\r\n </div>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </div >\r\n </div>\r\n )\r\n}\r\n\r\nexport default ProjectOverview","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\team\\teamOverview\\TeamOverview.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\frontpage\\newUserWelcome\\NewUserWelcome.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\homepage\\Homepage.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectInformationPage\\ProjectInformationPage.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectInformationPage\\dashboard\\Dashboard.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectInformationPage\\userActivitiesDisplay\\UserActivitiesDisplay.js",["95","96","97","98"],"import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport React from 'react'\r\nimport \"./userActivitiesDisplay.css\"\r\n\r\nconst UserActivitiesDisplay = () => {\r\n return (\r\n <div className=\"activity-new-issues-display-container\">\r\n\r\n <div className=\"new-issues-display-container\">\r\n <div className=\"new-issues-display-header\">\r\n <p>\r\n <FontAwesomeIcon icon=\"inbox\"></FontAwesomeIcon>\r\n New issue reports\r\n </p>\r\n </div>\r\n <div className=\"new-issues-display-content\">\r\n <div className=\"new-issue-report-entry\">\r\n <div className=\"entry-text\">\r\n <div className=\"upper-row\">\r\n <a>\r\n [Severity] [type]\r\n </a>\r\n </div>\r\n <div className=\"bottom-row\">\r\n <a>\r\n [project] [time]\r\n </a>\r\n </div>\r\n </div>\r\n <div>\r\n <FontAwesomeIcon className=\"entry-icon\" icon=\"chevron-right\"></FontAwesomeIcon>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className=\"activity-display-container\">\r\n <div className=\"activity-display-header\">\r\n <p>\r\n <FontAwesomeIcon icon=\"sticky-note\"></FontAwesomeIcon>\r\n Recent Team activities\r\n </p>\r\n </div>\r\n <div className=\"activity-display-content\">\r\n <div className=\"new-issue-report-entry\">\r\n <div className=\"entry-text\">\r\n <div className=\"upper-row\">\r\n <a>\r\n [Name] [action]\r\n </a>\r\n </div>\r\n <div className=\"bottom-row\">\r\n <a>\r\n [project] [time]\r\n </a>\r\n </div>\r\n </div>\r\n <div>\r\n <FontAwesomeIcon className=\"entry-icon\" icon=\"chevron-right\"></FontAwesomeIcon>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default UserActivitiesDisplay","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\homepage\\updates\\Updates.js",["99","100","101","102"],"import React from 'react'\r\nimport \"./updates.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Updates = () => {\r\n return (\r\n <div className=\"project-updates-new-messages-container\">\r\n\r\n <div className=\"project-updates-display-container\">\r\n <div className=\"project-updates-display-header\">\r\n <p>\r\n <FontAwesomeIcon icon=\"exclamation\"></FontAwesomeIcon>\r\n New project updates\r\n </p>\r\n </div>\r\n <div className=\"project-updates-display-content\">\r\n <div className=\"project-update-entry\">\r\n <div className=\"entry-text\">\r\n <div className=\"upper-row\">\r\n <a>\r\n [project] [new issues] [issues fixed]\r\n </a>\r\n </div>\r\n <div className=\"bottom-row\">\r\n <a>\r\n [team] [time]\r\n </a>\r\n </div>\r\n </div>\r\n <div>\r\n <FontAwesomeIcon className=\"entry-icon\" icon=\"chevron-right\"></FontAwesomeIcon>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className=\"new-messages-display-container\">\r\n <div className=\"new-messages-display-header\">\r\n <p>\r\n <FontAwesomeIcon icon=\"envelope\"></FontAwesomeIcon>\r\n New messages\r\n </p>\r\n </div>\r\n <div className=\"new-messages-display-content\">\r\n <div className=\"new-message-entry\">\r\n <div className=\"entry-text\">\r\n <div className=\"upper-row\">\r\n <a>\r\n [Sender] [Channel]\r\n </a>\r\n </div>\r\n <div className=\"bottom-row\">\r\n <a>\r\n [team] [time]\r\n </a>\r\n </div>\r\n </div>\r\n <div>\r\n <FontAwesomeIcon className=\"entry-icon\" icon=\"chevron-right\"></FontAwesomeIcon>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Updates","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\team\\teamInformationPage\\TeamInformationPage.js",["103"],"import React, { useRef, useState, useEffect } from 'react'\r\nimport \"./teamInformationPage.css\"\r\nimport Navigationbar from '../../navigationbar/Navigationbar';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\n\r\nconst TeamInformationPage = () => {\r\n const dropdownRef = useRef(null);\r\n const [isActive, setIsActive] = useState(false);\r\n const onClick = () => setIsActive(!isActive);\r\n\r\n useEffect(() => {\r\n const pageClickEvent = (e) => {\r\n if (dropdownRef.current !== null && !dropdownRef.current.contains(e.target)) {\r\n setIsActive(!isActive);\r\n }\r\n };\r\n\r\n // If the item is active (ie open) then listen for clicks\r\n if (isActive) {\r\n window.addEventListener('click', pageClickEvent);\r\n }\r\n\r\n return () => {\r\n window.removeEventListener('click', pageClickEvent);\r\n }\r\n\r\n }, [isActive]);\r\n\r\n return (\r\n <div>\r\n <Navigationbar />\r\n <div className=\"teamInformationPage-container\">\r\n <div className=\"teamInformationPage-content-header\">\r\n <div className=\"header-text\">\r\n <h2 className=\"teamInformationPage-title\">Henriks Meme machine > overview</h2>\r\n </div>\r\n <div className=\"header-notification-select-settings-button-container\">\r\n <div className=\"notification-button-container\">\r\n <button className={`notification-button ${isActive ? 'active' : 'inactive'}`} onClick={onClick} >\r\n <FontAwesomeIcon className=\"bell-icon\" icon=\"bell\"></FontAwesomeIcon>\r\n <FontAwesomeIcon className=\"down-arrow\" icon=\"angle-down\"></FontAwesomeIcon>\r\n </button>\r\n <div ref={dropdownRef} className={`user-dropDown-menu-content ${isActive ? 'active' : 'inactive'}`}>\r\n <ul>\r\n <li>\r\n <a>\r\n <FontAwesomeIcon icon=\"user\"></FontAwesomeIcon> Account\r\n <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div className=\"settings-button-container\">\r\n <button>\r\n <FontAwesomeIcon icon=\"cog\"></FontAwesomeIcon>\r\n Settings\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div className=\"teamInformationPage-content-container\">\r\n {/*TODO: components goes here */}\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default TeamInformationPage","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\reportForm\\assign\\Assign.js",["104","105"],{"ruleId":"106","replacedBy":"107"},{"ruleId":"108","replacedBy":"109"},{"ruleId":"110","severity":1,"message":"111","line":1,"column":17,"nodeType":"112","messageId":"113","endLine":1,"endColumn":26},{"ruleId":"114","severity":1,"message":"115","line":23,"column":19,"nodeType":"116","endLine":23,"endColumn":66},{"ruleId":"114","severity":1,"message":"115","line":24,"column":19,"nodeType":"116","endLine":24,"endColumn":63},{"ruleId":"114","severity":1,"message":"115","line":12,"column":11,"nodeType":"116","endLine":12,"endColumn":58},{"ruleId":"114","severity":1,"message":"115","line":13,"column":11,"nodeType":"116","endLine":13,"endColumn":55},{"ruleId":"110","severity":1,"message":"117","line":1,"column":17,"nodeType":"112","messageId":"113","endLine":1,"endColumn":25},{"ruleId":"118","severity":1,"message":"119","line":33,"column":13,"nodeType":"116","endLine":33,"endColumn":108},{"ruleId":"118","severity":1,"message":"119","line":34,"column":13,"nodeType":"116","endLine":34,"endColumn":109},{"ruleId":"118","severity":1,"message":"119","line":20,"column":17,"nodeType":"116","endLine":20,"endColumn":20},{"ruleId":"118","severity":1,"message":"119","line":25,"column":17,"nodeType":"116","endLine":25,"endColumn":20},{"ruleId":"118","severity":1,"message":"119","line":48,"column":17,"nodeType":"116","endLine":48,"endColumn":20},{"ruleId":"118","severity":1,"message":"119","line":53,"column":17,"nodeType":"116","endLine":53,"endColumn":20},{"ruleId":"118","severity":1,"message":"119","line":20,"column":17,"nodeType":"116","endLine":20,"endColumn":20},{"ruleId":"118","severity":1,"message":"119","line":25,"column":17,"nodeType":"116","endLine":25,"endColumn":20},{"ruleId":"118","severity":1,"message":"119","line":48,"column":17,"nodeType":"116","endLine":48,"endColumn":20},{"ruleId":"118","severity":1,"message":"119","line":53,"column":17,"nodeType":"116","endLine":53,"endColumn":20},{"ruleId":"118","severity":1,"message":"119","line":46,"column":21,"nodeType":"116","endLine":46,"endColumn":24},{"ruleId":"118","severity":1,"message":"119","line":43,"column":15,"nodeType":"116","endLine":43,"endColumn":18},{"ruleId":"118","severity":1,"message":"119","line":64,"column":15,"nodeType":"116","endLine":64,"endColumn":18},"no-native-reassign",["120"],"no-negated-in-lhs",["121"],"no-unused-vars","'Component' is defined but never used.","Identifier","unusedVar","jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement","'useState' is defined but never used.","jsx-a11y/anchor-is-valid","The href attribute is required for an anchor to be keyboard accessible. Provide a valid, navigable address as the href value. If you cannot provide an href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md","no-global-assign","no-unsafe-negation"]
\ No newline at end of file
[{"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\index.js":"1","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\App.js":"2","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\navigationbar.js":"3","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\Navigationbar.js":"4","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\searchbar\\Searchbar.js":"5","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\userDropdownMenu\\UserDropdownMenu.js":"6","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\navigationLinks\\NavigationLinks.js":"7","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\logo\\Logo.js":"8","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\reportForm\\ReportForm.js":"9","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectOverview\\ProjectOverview.js":"10","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\team\\teamOverview\\TeamOverview.js":"11","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\frontpage\\newUserWelcome\\NewUserWelcome.js":"12","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\homepage\\Homepage.js":"13","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectInformationPage\\ProjectInformationPage.js":"14","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectInformationPage\\dashboard\\Dashboard.js":"15","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectInformationPage\\userActivitiesDisplay\\UserActivitiesDisplay.js":"16","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\homepage\\updates\\Updates.js":"17","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\team\\teamInformationPage\\TeamInformationPage.js":"18","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\reportForm\\assign\\Assign.js":"19"},{"size":197,"mtime":1626217127935,"results":"20","hashOfConfig":"21"},{"size":1307,"mtime":1626993796831,"results":"22","hashOfConfig":"21"},{"size":2293,"mtime":1626443292886,"results":"23","hashOfConfig":"21"},{"size":776,"mtime":1626993769430,"results":"24","hashOfConfig":"21"},{"size":470,"mtime":1626993058156,"results":"25","hashOfConfig":"21"},{"size":2458,"mtime":1627688227444,"results":"26","hashOfConfig":"21"},{"size":718,"mtime":1626993044395,"results":"27","hashOfConfig":"21"},{"size":548,"mtime":1626993649907,"results":"28","hashOfConfig":"21"},{"size":4240,"mtime":1628111998001,"results":"29","hashOfConfig":"21"},{"size":3086,"mtime":1627676751721,"results":"30","hashOfConfig":"21"},{"size":2563,"mtime":1627676899196,"results":"31","hashOfConfig":"21"},{"size":710,"mtime":1626993613971,"results":"32","hashOfConfig":"21"},{"size":907,"mtime":1626993814636,"results":"33","hashOfConfig":"21"},{"size":1264,"mtime":1627676788904,"results":"34","hashOfConfig":"21"},{"size":3558,"mtime":1627676058235,"results":"35","hashOfConfig":"21"},{"size":2108,"mtime":1626993739635,"results":"36","hashOfConfig":"21"},{"size":2099,"mtime":1626993363824,"results":"37","hashOfConfig":"21"},{"size":2594,"mtime":1626997691570,"results":"38","hashOfConfig":"21"},{"size":3055,"mtime":1628118873844,"results":"39","hashOfConfig":"21"},{"filePath":"40","messages":"41","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},"iyhzrm",{"filePath":"43","messages":"44","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"45","messages":"46","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"47","messages":"48","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"49","messages":"50","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"51","messages":"52","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"53","messages":"54","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"55","messages":"56","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"57","usedDeprecatedRules":"42"},{"filePath":"58","messages":"59","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"60","messages":"61","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"62","usedDeprecatedRules":"42"},{"filePath":"63","messages":"64","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"65","messages":"66","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"67","messages":"68","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"69","messages":"70","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"71","messages":"72","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"73","messages":"74","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":"75","usedDeprecatedRules":"42"},{"filePath":"76","messages":"77","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":"78","usedDeprecatedRules":"42"},{"filePath":"79","messages":"80","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"81","usedDeprecatedRules":"42"},{"filePath":"82","messages":"83","errorCount":0,"warningCount":6,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\index.js",[],["84","85"],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\App.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\navigationbar.js",["86","87","88"],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\Navigationbar.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\searchbar\\Searchbar.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\userDropdownMenu\\UserDropdownMenu.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\navigationLinks\\NavigationLinks.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\navigationbar\\logo\\Logo.js",["89","90"],"import React from 'react'\r\nimport { NavLink } from 'react-router-dom'\r\nimport \"./logo.css\"\r\nimport logo_picture from \"../../../images/bird-logo.jpg\"\r\nimport logo_text from \"../../../images/logo-text.jpg\"\r\n\r\nconst Logo = () => {\r\n return (\r\n <h1 className=\"title\">\r\n <span className=\"title-icon\">\r\n <NavLink to=\"/home\" id=\"logo\">\r\n <img src={logo_picture} width=\"24\" height=\"24\"></img>\r\n <img src={logo_text} width=\"48\" height=\"24\"></img>\r\n </NavLink>\r\n </span>\r\n </h1>\r\n )\r\n}\r\n\r\nexport default Logo","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\reportForm\\ReportForm.js",["91"],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectOverview\\ProjectOverview.js",["92","93"],"import React, { useState } from 'react'\r\nimport { NavLink } from \"react-router-dom\";\r\nimport \"./projectOverview.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport Navigationbar from '../../navigationbar/Navigationbar';\r\n\r\nconst ProjectOverview = () => {\r\n const [is1stButtonActive, set1stButtonActive] = useState(true);\r\n const [is2ndButtonActive, set2ndButtonActive] = useState(false);\r\n\r\n const FirstButtonActive = () => {\r\n set1stButtonActive(true);\r\n set2ndButtonActive(false);\r\n };\r\n\r\n const SecondButtonActive = () => {\r\n set1stButtonActive(false);\r\n set2ndButtonActive(true);\r\n };\r\n\r\n return (\r\n <div>\r\n <Navigationbar />\r\n <div className=\"projectlist-container\">\r\n <div className=\"content-header\">\r\n <h2 className=\"projectlist-title\">Your Projects</h2>\r\n <button className=\"create-new-project-button\">\r\n New Project\r\n </button>\r\n </div>\r\n <div className=\"project-sort-menu-container\">\r\n <div className=\"personal-shared-projects-container\">\r\n <a className={is1stButtonActive ? \"activeUnderlined\" : \"inactive\"} onClick={FirstButtonActive}>Shared Projects</a>\r\n <a className={is2ndButtonActive ? \"activeUnderlined\" : \"inactive\"} onClick={SecondButtonActive}>Personal Projects</a>\r\n </div>\r\n <div className=\"project-sort-select-container\">\r\n <p>Sort by:</p>\r\n <select>\r\n <option>Last updated</option>\r\n <option>Last created</option>\r\n <option>Name</option>\r\n <option>Name descending</option>\r\n <option>Oldest created</option>\r\n <option>Oldest updated</option>\r\n </select>\r\n </div>\r\n </div>\r\n <div className=\"projectlist\">\r\n <ul>\r\n <li>\r\n <div className=\"project-entry\">\r\n <div className=\"project-team-name\">\r\n <NavLink to=\"/projects/ReactApp\">ReactApp \r\n <FontAwesomeIcon className=\"icon\" icon=\"chevron-right\"></FontAwesomeIcon>\r\n </NavLink>\r\n </div>\r\n <div className=\"project-status-info-container\">\r\n <div className=\"new-issues-info\">\r\n <FontAwesomeIcon className=\"icon\" icon=\"bug\"></FontAwesomeIcon>\r\n <p>0</p>\r\n <span className=\"tooltip-text\">Total issues</span>\r\n </div>\r\n <div className=\"issues-solved-info\">\r\n <FontAwesomeIcon className=\"icon\" icon=\"check\"></FontAwesomeIcon>\r\n <p>0</p>\r\n <span className=\"tooltip-text\">Issues solved</span>\r\n </div>\r\n <div className=\"last-updated-info\">\r\n <p>Last updated: 1 day ago</p>\r\n </div>\r\n </div>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </div >\r\n </div>\r\n )\r\n}\r\n\r\nexport default ProjectOverview","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\team\\teamOverview\\TeamOverview.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\frontpage\\newUserWelcome\\NewUserWelcome.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\homepage\\Homepage.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectInformationPage\\ProjectInformationPage.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectInformationPage\\dashboard\\Dashboard.js",[],"C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\project\\projectInformationPage\\userActivitiesDisplay\\UserActivitiesDisplay.js",["94","95","96","97"],"import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport React from 'react'\r\nimport \"./userActivitiesDisplay.css\"\r\n\r\nconst UserActivitiesDisplay = () => {\r\n return (\r\n <div className=\"activity-new-issues-display-container\">\r\n\r\n <div className=\"new-issues-display-container\">\r\n <div className=\"new-issues-display-header\">\r\n <p>\r\n <FontAwesomeIcon icon=\"inbox\"></FontAwesomeIcon>\r\n New issue reports\r\n </p>\r\n </div>\r\n <div className=\"new-issues-display-content\">\r\n <div className=\"new-issue-report-entry\">\r\n <div className=\"entry-text\">\r\n <div className=\"upper-row\">\r\n <a>\r\n [Severity] [type]\r\n </a>\r\n </div>\r\n <div className=\"bottom-row\">\r\n <a>\r\n [project] [time]\r\n </a>\r\n </div>\r\n </div>\r\n <div>\r\n <FontAwesomeIcon className=\"entry-icon\" icon=\"chevron-right\"></FontAwesomeIcon>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className=\"activity-display-container\">\r\n <div className=\"activity-display-header\">\r\n <p>\r\n <FontAwesomeIcon icon=\"sticky-note\"></FontAwesomeIcon>\r\n Recent Team activities\r\n </p>\r\n </div>\r\n <div className=\"activity-display-content\">\r\n <div className=\"new-issue-report-entry\">\r\n <div className=\"entry-text\">\r\n <div className=\"upper-row\">\r\n <a>\r\n [Name] [action]\r\n </a>\r\n </div>\r\n <div className=\"bottom-row\">\r\n <a>\r\n [project] [time]\r\n </a>\r\n </div>\r\n </div>\r\n <div>\r\n <FontAwesomeIcon className=\"entry-icon\" icon=\"chevron-right\"></FontAwesomeIcon>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default UserActivitiesDisplay","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\homepage\\updates\\Updates.js",["98","99","100","101"],"import React from 'react'\r\nimport \"./updates.css\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nconst Updates = () => {\r\n return (\r\n <div className=\"project-updates-new-messages-container\">\r\n\r\n <div className=\"project-updates-display-container\">\r\n <div className=\"project-updates-display-header\">\r\n <p>\r\n <FontAwesomeIcon icon=\"exclamation\"></FontAwesomeIcon>\r\n New project updates\r\n </p>\r\n </div>\r\n <div className=\"project-updates-display-content\">\r\n <div className=\"project-update-entry\">\r\n <div className=\"entry-text\">\r\n <div className=\"upper-row\">\r\n <a>\r\n [project] [new issues] [issues fixed]\r\n </a>\r\n </div>\r\n <div className=\"bottom-row\">\r\n <a>\r\n [team] [time]\r\n </a>\r\n </div>\r\n </div>\r\n <div>\r\n <FontAwesomeIcon className=\"entry-icon\" icon=\"chevron-right\"></FontAwesomeIcon>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className=\"new-messages-display-container\">\r\n <div className=\"new-messages-display-header\">\r\n <p>\r\n <FontAwesomeIcon icon=\"envelope\"></FontAwesomeIcon>\r\n New messages\r\n </p>\r\n </div>\r\n <div className=\"new-messages-display-content\">\r\n <div className=\"new-message-entry\">\r\n <div className=\"entry-text\">\r\n <div className=\"upper-row\">\r\n <a>\r\n [Sender] [Channel]\r\n </a>\r\n </div>\r\n <div className=\"bottom-row\">\r\n <a>\r\n [team] [time]\r\n </a>\r\n </div>\r\n </div>\r\n <div>\r\n <FontAwesomeIcon className=\"entry-icon\" icon=\"chevron-right\"></FontAwesomeIcon>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Updates","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\team\\teamInformationPage\\TeamInformationPage.js",["102"],"import React, { useRef, useState, useEffect } from 'react'\r\nimport \"./teamInformationPage.css\"\r\nimport Navigationbar from '../../navigationbar/Navigationbar';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\n\r\nconst TeamInformationPage = () => {\r\n const dropdownRef = useRef(null);\r\n const [isActive, setIsActive] = useState(false);\r\n const onClick = () => setIsActive(!isActive);\r\n\r\n useEffect(() => {\r\n const pageClickEvent = (e) => {\r\n if (dropdownRef.current !== null && !dropdownRef.current.contains(e.target)) {\r\n setIsActive(!isActive);\r\n }\r\n };\r\n\r\n // If the item is active (ie open) then listen for clicks\r\n if (isActive) {\r\n window.addEventListener('click', pageClickEvent);\r\n }\r\n\r\n return () => {\r\n window.removeEventListener('click', pageClickEvent);\r\n }\r\n\r\n }, [isActive]);\r\n\r\n return (\r\n <div>\r\n <Navigationbar />\r\n <div className=\"teamInformationPage-container\">\r\n <div className=\"teamInformationPage-content-header\">\r\n <div className=\"header-text\">\r\n <h2 className=\"teamInformationPage-title\">Henriks Meme machine > overview</h2>\r\n </div>\r\n <div className=\"header-notification-select-settings-button-container\">\r\n <div className=\"notification-button-container\">\r\n <button className={`notification-button ${isActive ? 'active' : 'inactive'}`} onClick={onClick} >\r\n <FontAwesomeIcon className=\"bell-icon\" icon=\"bell\"></FontAwesomeIcon>\r\n <FontAwesomeIcon className=\"down-arrow\" icon=\"angle-down\"></FontAwesomeIcon>\r\n </button>\r\n <div ref={dropdownRef} className={`user-dropDown-menu-content ${isActive ? 'active' : 'inactive'}`}>\r\n <ul>\r\n <li>\r\n <a>\r\n <FontAwesomeIcon icon=\"user\"></FontAwesomeIcon> Account\r\n <FontAwesomeIcon icon=\"chevron-right\" className=\"arrow-right-icon\"></FontAwesomeIcon>\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div className=\"settings-button-container\">\r\n <button>\r\n <FontAwesomeIcon icon=\"cog\"></FontAwesomeIcon>\r\n Settings\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div className=\"teamInformationPage-content-container\">\r\n {/*TODO: components goes here */}\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default TeamInformationPage","C:\\Users\\Bruger\\Desktop\\Web-projects\\pipit\\client\\src\\components\\reportForm\\assign\\Assign.js",["103","104","105","106","107","108"],{"ruleId":"109","replacedBy":"110"},{"ruleId":"111","replacedBy":"112"},{"ruleId":"113","severity":1,"message":"114","line":1,"column":17,"nodeType":"115","messageId":"116","endLine":1,"endColumn":26},{"ruleId":"117","severity":1,"message":"118","line":23,"column":19,"nodeType":"119","endLine":23,"endColumn":66},{"ruleId":"117","severity":1,"message":"118","line":24,"column":19,"nodeType":"119","endLine":24,"endColumn":63},{"ruleId":"117","severity":1,"message":"118","line":12,"column":11,"nodeType":"119","endLine":12,"endColumn":58},{"ruleId":"117","severity":1,"message":"118","line":13,"column":11,"nodeType":"119","endLine":13,"endColumn":55},{"ruleId":"113","severity":1,"message":"120","line":1,"column":17,"nodeType":"115","messageId":"116","endLine":1,"endColumn":25},{"ruleId":"121","severity":1,"message":"122","line":33,"column":13,"nodeType":"119","endLine":33,"endColumn":108},{"ruleId":"121","severity":1,"message":"122","line":34,"column":13,"nodeType":"119","endLine":34,"endColumn":109},{"ruleId":"121","severity":1,"message":"122","line":20,"column":17,"nodeType":"119","endLine":20,"endColumn":20},{"ruleId":"121","severity":1,"message":"122","line":25,"column":17,"nodeType":"119","endLine":25,"endColumn":20},{"ruleId":"121","severity":1,"message":"122","line":48,"column":17,"nodeType":"119","endLine":48,"endColumn":20},{"ruleId":"121","severity":1,"message":"122","line":53,"column":17,"nodeType":"119","endLine":53,"endColumn":20},{"ruleId":"121","severity":1,"message":"122","line":20,"column":17,"nodeType":"119","endLine":20,"endColumn":20},{"ruleId":"121","severity":1,"message":"122","line":25,"column":17,"nodeType":"119","endLine":25,"endColumn":20},{"ruleId":"121","severity":1,"message":"122","line":48,"column":17,"nodeType":"119","endLine":48,"endColumn":20},{"ruleId":"121","severity":1,"message":"122","line":53,"column":17,"nodeType":"119","endLine":53,"endColumn":20},{"ruleId":"121","severity":1,"message":"122","line":46,"column":21,"nodeType":"119","endLine":46,"endColumn":24},{"ruleId":"113","severity":1,"message":"120","line":1,"column":17,"nodeType":"115","messageId":"116","endLine":1,"endColumn":25},{"ruleId":"121","severity":1,"message":"122","line":28,"column":13,"nodeType":"119","endLine":28,"endColumn":16},{"ruleId":"121","severity":1,"message":"123","line":36,"column":17,"nodeType":"119","endLine":36,"endColumn":29},{"ruleId":"121","severity":1,"message":"122","line":46,"column":13,"nodeType":"119","endLine":46,"endColumn":16},{"ruleId":"121","severity":1,"message":"122","line":56,"column":19,"nodeType":"119","endLine":56,"endColumn":22},{"ruleId":"121","severity":1,"message":"123","line":64,"column":23,"nodeType":"119","endLine":64,"endColumn":35},"no-native-reassign",["124"],"no-negated-in-lhs",["125"],"no-unused-vars","'Component' is defined but never used.","Identifier","unusedVar","jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement","'useState' is defined but never used.","jsx-a11y/anchor-is-valid","The href attribute is required for an anchor to be keyboard accessible. Provide a valid, navigable address as the href value. If you cannot provide an href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md","The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. If you cannot provide a valid href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md","no-global-assign","no-unsafe-negation"]
\ No newline at end of file
client/node_modules/.cache/babel-loader/00510cb0ade81a058432887ea8eef949.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
_s();
\n\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [rootDirectory, changeRootDirectoryState] = useState({
\n
activeRootDirectoryObject: [],
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}]
\n
});
\n
const [subDirectory, changeSubDirectoryState] = useState({
\n
activeSubDirectoryObject: [],
\n
subDirectoryObjects: [personalProjects, sharedProjects]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
if (directory === rootDirectory.rootDirectoryObjects) {
\n
console.log(
\"
directory is rootdirectory
\"
);
\n\n
if (directory[index] === rootDirectory.activeRootDirectoryObject[index]) {
\n
changeRootDirectoryState({ ...rootDirectory,
\n
activeRootDirectoryObject: null
\n
});
\n
} else {
\n
changeRootDirectoryState({ ...rootDirectory,
\n
activeRootDirectoryObject: directory[index]
\n
});
\n
}
\n
} else if (directory === subDirectory.subDirectoryObjects) {
\n
if (directory[index] === subDirectory.activeSubDirectoryObject[index]) {
\n
changeSubDirectoryState({ ...subDirectory,
\n
activeSubDirectoryObject: null
\n
});
\n
} else {
\n
changeSubDirectoryState({ ...subDirectory,
\n
activeRootDirectoryObject: directory[index]
\n
});
\n
console.log(
\"
subDirectory set to active
\"
);
\n
}
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === rootDirectory.activeRootDirectoryObject) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const RootDirectoryItems = parentDirectories => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(parentDirectories, index),
\n
onClick: () => {
\n
toggleActive(parentDirectories, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 60,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 61,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 59,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === rootDirectory.activeRootDirectoryObject ? SubDirectoryItems(subDirectory.subDirectoryObjects[index]) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 56,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
const SubDirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(directory, index),
\n
onClick: () => {
\n
toggleActive(directory, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 79,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 80,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 81,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 78,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 77,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 75,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(rootDirectory.rootDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 90,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
iGoe9GTgUyRwalL5Oja9aYXeNzs=
\"
);
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"FontAwesomeIcon"
,
"Assign"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"rootDirectory"
,
"changeRootDirectoryState"
,
"activeRootDirectoryObject"
,
"rootDirectoryObjects"
,
"subDirectory"
,
"changeSubDirectoryState"
,
"activeSubDirectoryObject"
,
"subDirectoryObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"console"
,
"log"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"map"
,
"elements"
,
"SubDirectoryItems"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAO,cAAP;AACA,SAASC,eAAT,QAAgC,gCAAhC;;;AAEA,MAAMC,MAAM,GAAG,MAAM;AAAA;;AACnB,QAAMC,gBAAgB,GAAG,CACvB;AAAEC,IAAAA,EAAE,EAAE,OAAN;AAAeC,IAAAA,IAAI,EAAE;AAArB,GADuB,EAEvB;AAAED,IAAAA,EAAE,EAAE,YAAN;AAAoBC,IAAAA,IAAI,EAAE;AAA1B,GAFuB,CAAzB;AAKA,QAAMC,cAAc,GAAG,CACrB;AAAEF,IAAAA,EAAE,EAAE,UAAN;AAAkBC,IAAAA,IAAI,EAAE,QAAxB;AAAkCE,IAAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD;AAAzC,GADqB,EAErB;AAAEJ,IAAAA,EAAE,EAAE,mBAAN;AAA2BC,IAAAA,IAAI,EAAE,QAAjC;AAA2CE,IAAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD;AAAlD,GAFqB,CAAvB;AAKA,QAAM,CAACC,aAAD,EAAgBC,wBAAhB,IAA4CV,QAAQ,CAAC;AACzDW,IAAAA,yBAAyB,EAAE,EAD8B;AAEzDC,IAAAA,oBAAoB,EAAE,CAAC;AAAER,MAAAA,EAAE,EAAE;AAAN,KAAD,EAA8B;AAAEA,MAAAA,EAAE,EAAE;AAAN,KAA9B;AAFmC,GAAD,CAA1D;AAKA,QAAM,CAACS,YAAD,EAAeC,uBAAf,IAA0Cd,QAAQ,CAAC;AACvDe,IAAAA,wBAAwB,EAAE,EAD6B;AAEvDC,IAAAA,mBAAmB,EAAE,CAACb,gBAAD,EAAmBG,cAAnB;AAFkC,GAAD,CAAxD;;AAKA,QAAMW,YAAY,GAAG,CAACC,SAAD,EAAYC,KAAZ,KAAsB;AACzC,QAAID,SAAS,KAAKT,aAAa,CAACG,oBAAhC,EAAsD;AACpDQ,MAAAA,OAAO,CAACC,GAAR,CAAY,4BAAZ;;AACA,UAAIH,SAAS,CAACC,KAAD,CAAT,KAAqBV,aAAa,CAACE,yBAAd,CAAwCQ,KAAxC,CAAzB,EAAyE;AACvET,QAAAA,wBAAwB,CAAC,EAAE,GAAGD,aAAL;AAAoBE,UAAAA,yBAAyB,EAAE;AAA/C,SAAD,CAAxB;AACD,OAFD,MAGK;AACHD,QAAAA,wBAAwB,CAAC,EAAE,GAAGD,aAAL;AAAoBE,UAAAA,yBAAyB,EAAGO,SAAS,CAACC,KAAD;AAAzD,SAAD,CAAxB;AACD;AACF,KARD,MASK,IAAID,SAAS,KAAKL,YAAY,CAACG,mBAA/B,EAAoD;AACvD,UAAIE,SAAS,CAACC,KAAD,CAAT,KAAqBN,YAAY,CAACE,wBAAb,CAAsCI,KAAtC,CAAzB,EAAuE;AACrEL,QAAAA,uBAAuB,CAAC,EAAE,GAAGD,YAAL;AAAmBE,UAAAA,wBAAwB,EAAE;AAA7C,SAAD,CAAvB;AACD,OAFD,MAGK;AACHD,QAAAA,uBAAuB,CAAC,EAAE,GAAGD,YAAL;AAAmBF,UAAAA,yBAAyB,EAAGO,SAAS,CAACC,KAAD;AAAxD,SAAD,CAAvB;AACAC,QAAAA,OAAO,CAACC,GAAR,CAAY,4BAAZ;AACD;AACF;AAEF,GApBD;;AAsBA,QAAMC,kBAAkB,GAAG,CAACJ,SAAD,EAAYC,KAAZ,KAAsB;AAC/C,QAAID,SAAS,CAACC,KAAD,CAAT,KAAqBV,aAAa,CAACE,yBAAvC,EAAkE;AAChE,aAAO,QAAP;AACD,KAFD,MAEO,OAAO,UAAP;AACR,GAJD;;AAMA,QAAMY,kBAAkB,GAAIC,iBAAD,IAAuB;AAChD,wBACE;AAAK,MAAA,SAAS,EAAC,eAAf;AAAA,gBACGA,iBAAiB,CAACC,GAAlB,CAAsB,CAACC,QAAD,EAAWP,KAAX,kBACrB;AAAA,gCACE;AAAiB,UAAA,SAAS,EAAEG,kBAAkB,CAACE,iBAAD,EAAoBL,KAApB,CAA9C;AAA0E,UAAA,OAAO,EAAE,MAAM;AAAEF,YAAAA,YAAY,CAACO,iBAAD,EAAoBL,KAApB,CAAZ;AAAwC,WAAnI;AAAA,kCACE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,QAAtB;AAA+B,YAAA,SAAS,EAAC;AAAzC;AAAA;AAAA;AAAA;AAAA,kBADF,eAEE;AAAA,gCAAWK,iBAAiB,CAACL,KAAD,CAAjB,CAAyBf,EAApC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAFF,eAGE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,eAAtB;AAAsC,YAAA,SAAS,EAAC;AAAhD;AAAA;AAAA;AAAA;AAAA,kBAHF;AAAA,WAAUe,KAAV;AAAA;AAAA;AAAA;AAAA,gBADF,EAMGK,iBAAiB,CAACL,KAAD,CAAjB,KAA6BV,aAAa,CAACE,yBAA3C,GACCgB,iBAAiB,CAACd,YAAY,CAACG,mBAAb,CAAiCG,KAAjC,CAAD,CADlB,GAEC,IARJ;AAAA;AAAA;AAAA;AAAA;AAAA,cADD;AADH;AAAA;AAAA;AAAA;AAAA,YADF;AAgBD,GAjBD;;AAmBA,QAAMQ,iBAAiB,GAAIT,SAAD,IAAe;AACvC,wBACE;AAAI,MAAA,SAAS,EAAC,sBAAd;AAAA,gBACGA,SAAS,CAACO,GAAV,CAAc,CAACC,QAAD,EAAWP,KAAX,kBACb;AAAA,+BACE;AAAiB,UAAA,SAAS,EAAEG,kBAAkB,CAACJ,SAAD,EAAYC,KAAZ,CAA9C;AAAkE,UAAA,OAAO,EAAE,MAAM;AAAEF,YAAAA,YAAY,CAACC,SAAD,EAAYC,KAAZ,CAAZ;AAAgC,WAAnH;AAAA,kCACE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,QAAtB;AAA+B,YAAA,SAAS,EAAC;AAAzC;AAAA;AAAA;AAAA;AAAA,kBADF,eAEE;AAAA,gCAAWD,SAAS,CAACC,KAAD,CAAT,CAAiBf,EAA5B;AAAA;AAAA;AAAA;AAAA;AAAA,kBAFF,eAGE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,eAAtB;AAAsC,YAAA,SAAS,EAAC;AAAhD;AAAA;AAAA;AAAA;AAAA,kBAHF;AAAA,WAAUe,KAAV;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,cADD;AADH;AAAA;AAAA;AAAA;AAAA,YADF;AAaD,GAdD;;AAgBA,sBACE;AAAK,IAAA,SAAS,EAAC,uBAAf;AAAA,cACGI,kBAAkB,CAACd,aAAa,CAACG,oBAAf;AADrB;AAAA;AAAA;AAAA;AAAA,UADF;AAKD,CAzFD;;GAAMV,M;;KAAAA,M;AA2FN,eAAeA,MAAf"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [rootDirectory, changeRootDirectoryState] = useState({
\r\n
activeRootDirectoryObject: [],
\r\n
rootDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}]
\r\n
})
\r\n\r\n
const [subDirectory, changeSubDirectoryState] = useState({
\r\n
activeSubDirectoryObject: [],
\r\n
subDirectoryObjects: [personalProjects, sharedProjects]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
if (directory === rootDirectory.rootDirectoryObjects) {
\r\n
console.log(
\"
directory is rootdirectory
\"
)
\r\n
if (directory[index] === rootDirectory.activeRootDirectoryObject[index]) {
\r\n
changeRootDirectoryState({ ...rootDirectory, activeRootDirectoryObject: null })
\r\n
}
\r\n
else {
\r\n
changeRootDirectoryState({ ...rootDirectory, activeRootDirectoryObject: (directory[index]) })
\r\n
}
\r\n
}
\r\n
else if (directory === subDirectory.subDirectoryObjects) {
\r\n
if (directory[index] === subDirectory.activeSubDirectoryObject[index]) {
\r\n
changeSubDirectoryState({ ...subDirectory, activeSubDirectoryObject: null })
\r\n
}
\r\n
else {
\r\n
changeSubDirectoryState({ ...subDirectory, activeRootDirectoryObject: (directory[index]) })
\r\n
console.log(
\"
subDirectory set to active
\"
)
\r\n
}
\r\n
}
\r\n\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === rootDirectory.activeRootDirectoryObject) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const RootDirectoryItems = (parentDirectories) => {
\r\n
return (
\r\n
< ul className=
\"
rootDirectory
\"
>
\r\n
{parentDirectories.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {parentDirectories[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{parentDirectories[index] === rootDirectory.activeRootDirectoryObject ?
\r\n
SubDirectoryItems(subDirectory.subDirectoryObjects[index]) :
\r\n
null}
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
const SubDirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directory[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
{RootDirectoryItems(rootDirectory.rootDirectoryObjects)}
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0084353769bc46c56e80909494975197.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
_s();
\n\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [appState, changeState] = useState({
\n
activeObjects: [],
\n
newArray: [],
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
if (directory[index] === appState.activeObjects) {
\n
appState.newArray.pop(directory[index]);
\n
console.log(appState.newArray);
\n
changeState({ ...appState,
\n
activeObjects: newArray
\n
});
\n
} else {
\n
appState.newArray.push(directory[index]);
\n
console.log(appState.newArray);
\n
changeState({ ...appState,
\n
activeObjects: newArray
\n
});
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === appState.activeObjects) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const RootDirectoryItems = parentDirectories => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(parentDirectories, index),
\n
onClick: () => {
\n
toggleActive(parentDirectories, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === appState.activeObjects ? parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
const SubDirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(directory, index),
\n
onClick: () => {
\n
toggleActive(directory, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 69,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 70,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 71,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 65,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(appState.rootDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 80,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
xWS9QEyxm04K2oIrDmBJxIV5tO0=
\"
);
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"FontAwesomeIcon"
,
"Assign"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"newArray"
,
"rootDirectoryObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"pop"
,
"console"
,
"log"
,
"push"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"map"
,
"elements"
,
"SubDirectoryItems"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [appState, changeState] = useState({
\r\n
activeObjects: [],
\r\n
newArray: [],
\r\n
rootDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n\r\n
if (directory[index] === appState.activeObjects) {
\r\n
appState.newArray.pop(directory[index])
\r\n
console.log(appState.newArray)
\r\n
changeState({ ...appState, activeObjects: newArray })
\r\n
}
\r\n
else {
\r\n
appState.newArray.push(directory[index])
\r\n
console.log(appState.newArray)
\r\n
changeState({ ...appState, activeObjects: newArray })
\r\n
}
\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === appState.activeObjects) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const RootDirectoryItems = (parentDirectories) => {
\r\n
return (
\r\n
< ul className=
\"
rootDirectory
\"
>
\r\n
{parentDirectories.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {parentDirectories[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{
\r\n
parentDirectories[index] === appState.activeObjects ?
\r\n
parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) :
\r\n
null
\r\n
}
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
const SubDirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directory[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
{RootDirectoryItems(appState.rootDirectoryObjects)}
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/00bab42169ba55f5b389ed1e329957de.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
;
\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const rootDirectoryObjects = [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}];
\n\n
const DirectoryItems = () => {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectsDirectoryContainer
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectsDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
type:
\"
checkbox
\"
,
\n
id:
\"
A
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 27,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
for:
\"
A
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 28,
\n
columnNumber: 26
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, rootDirectoryObjects[0].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 29,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 30,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 28,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: personalProjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
className:
\"
directoryItem
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
href:
\"
#
\"
,
\n
children: [
\"
\"
, personalProjects[index].id,
\"
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 45
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 34,
\n
columnNumber: 15
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 26,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectsDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
type:
\"
checkbox
\"
,
\n
id:
\"
B
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 40,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
for:
\"
B
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 26
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, rootDirectoryObjects[1].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: sharedProjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
className:
\"
directoryItem
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
subSubDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
type:
\"
checkbox
\"
,
\n
id: `B-${index}`
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
for: `B-${index}`,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 43
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, sharedProjects[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 19
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: sharedProjects[index].teams.map(team => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
className:
\"
directoryItem
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
href:
\"
#
\"
,
\n
children: team.name
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 56,
\n
columnNumber: 51
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 56,
\n
columnNumber: 21
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 17
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 45
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 15
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 24,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(DirectoryItems, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 72,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 71,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"FontAwesomeIcon"
,
"Assign"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"rootDirectoryObjects"
,
"DirectoryItems"
,
"map"
,
"elements"
,
"index"
,
"team"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n\r\n
const rootDirectoryObjects = [
\r\n
{ id:
\"
Personal projects
\"
},
\r\n
{ id:
\"
Shared projects
\"
}
\r\n
]
\r\n\r\n
const DirectoryItems = () => {
\r\n
return (
\r\n
<div className=
\"
projectsDirectoryContainer
\"
>
\r\n\r\n
<div className=
\"
projectsDirectory
\"
>
\r\n
<input type=
\"
checkbox
\"
id=
\"
A
\"
/>
\r\n
<label for=
\"
A
\"
><FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {rootDirectoryObjects[0].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</label>
\r\n
<ul>
\r\n
{personalProjects.map((elements, index) => (
\r\n
<li className=
\"
directoryItem
\"
><a href=
\"
#
\"
> {personalProjects[index].id} </a></li>
\r\n
))}
\r\n
</ul>
\r\n
</div>
\r\n\r\n
<div className=
\"
projectsDirectory
\"
>
\r\n
<input type=
\"
checkbox
\"
id=
\"
B
\"
/>
\r\n
<label for=
\"
B
\"
><FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {rootDirectoryObjects[1].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</label>
\r\n
<ul>
\r\n
{sharedProjects.map((elements, index) => (
\r\n
<li className=
\"
directoryItem
\"
><div className=
\"
subSubDirectory
\"
>
\r\n
<input type=
\"
checkbox
\"
id={`B-${index}`} />
\r\n
<label for={`B-${index}`}><FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {sharedProjects[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</label>
\r\n
<ul>
\r\n\r\n
{sharedProjects[index].teams.map(team => (
\r\n
<li className=
\"
directoryItem
\"
><a href=
\"
#
\"
>{team.name}</a></li>
\r\n
))}
\r\n\r\n
</ul>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul>
\r\n
</div>
\r\n
</div>
\r\n\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
<DirectoryItems />
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0235b4b02e7f98725dfa83599cabcc88.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
_s();
\n\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [rootDirectory, changeRootDirectoryState] = useState({
\n
activeRootDirectoryObject: [],
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}]
\n
});
\n
const [subDirectory, changeSubDirectoryState] = useState({
\n
activeSubDirectoryObject: [],
\n
subDirectoryObjects: [personalProjects, sharedProjects]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
const activeDirectoryObject = [];
\n\n
if (directory === rootDirectory.rootDirectoryObjects) {
\n
activeDirectoryObject = rootDirectory.activeRootDirectoryObject;
\n
} else if (directory === subDirectory.subDirectoryObjects) {
\n
activeDirectoryObject = subDirectory.activeSubDirectoryObject;
\n
}
\n\n
if (directory[index] === activeDirectoryObject[index]) {
\n
changeRootDirectoryState({ ...rootDirectory,
\n
activeDirectoryObject: null
\n
});
\n
} else {
\n
changeRootDirectoryState({ ...rootDirectory,
\n
activeDirectoryObject: directory[index]
\n
});
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === rootDirectory.activeRootDirectoryObject) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const RootDirectoryItems = parentDirectories => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(parentDirectories, index),
\n
onClick: () => {
\n
toggleActive(parentDirectories, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 55,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 56,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 57,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === rootDirectory.activeRootDirectoryObject ? parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
const SubDirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(directory, index),
\n
onClick: () => {
\n
toggleActive(directory, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 76,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 77,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 78,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 75,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 74,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 72,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(rootDirectory.rootDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 87,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
iGoe9GTgUyRwalL5Oja9aYXeNzs=
\"
);
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"FontAwesomeIcon"
,
"Assign"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"rootDirectory"
,
"changeRootDirectoryState"
,
"activeRootDirectoryObject"
,
"rootDirectoryObjects"
,
"subDirectory"
,
"changeSubDirectoryState"
,
"activeSubDirectoryObject"
,
"subDirectoryObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"activeDirectoryObject"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"map"
,
"elements"
,
"SubDirectoryItems"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [rootDirectory, changeRootDirectoryState] = useState({
\r\n
activeRootDirectoryObject: [],
\r\n
rootDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}]
\r\n
})
\r\n\r\n
const [subDirectory, changeSubDirectoryState] = useState({
\r\n
activeSubDirectoryObject: [],
\r\n
subDirectoryObjects: [personalProjects, sharedProjects]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
const activeDirectoryObject = []
\r\n
if (directory === rootDirectory.rootDirectoryObjects) {
\r\n
activeDirectoryObject = rootDirectory.activeRootDirectoryObject
\r\n
} else if (directory === subDirectory.subDirectoryObjects) {
\r\n
activeDirectoryObject = subDirectory.activeSubDirectoryObject
\r\n
}
\r\n\r\n\r\n
if (directory[index] === activeDirectoryObject[index]) {
\r\n
changeRootDirectoryState({ ...rootDirectory, activeDirectoryObject: null })
\r\n
}
\r\n
else {
\r\n
changeRootDirectoryState({ ...rootDirectory, activeDirectoryObject: (directory[index]) })
\r\n
}
\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === rootDirectory.activeRootDirectoryObject) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const RootDirectoryItems = (parentDirectories) => {
\r\n
return (
\r\n
< ul className=
\"
rootDirectory
\"
>
\r\n
{parentDirectories.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {parentDirectories[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{
\r\n
parentDirectories[index] === rootDirectory.activeRootDirectoryObject ?
\r\n
parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) :
\r\n
null
\r\n
}
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
const SubDirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directory[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
{RootDirectoryItems(rootDirectory.rootDirectoryObjects)}
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/02caa7f88240bda838cce6e226af7ead.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState, useRef, createRef, useEffect } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
_s();
\n\n
// Directory data
\n
const rootDirectoryObjects = [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}];
\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}]; // Directory references
\n\n
const rootDirectoryRefs = useRef([]);
\n
rootDirectoryRefs.current = rootDirectoryObjects.map((ref, index) => rootDirectoryRefs.current[index] = /*#__PURE__*/createRef()); // Directory states
\n\n
const [isActive, setIsActive] = useState(rootDirectoryObjects.map(index => false));
\n\n
const onClick = index => {
\n
console.log(rootDirectoryRefs.current[index]);
\n
};
\n\n
const RootDirectoryItems = directoryObjects => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: directoryObjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
ref: rootDirectoryRefs.current[index],
\n
className: isActive ? 'active' : 'inactive',
\n
onClick: () => onClick(index),
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directoryObjects[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 15
\n
}, this)]
\n
}, [index], true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 40,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
const SubDirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
ref: rootDirectoryRefs,
\n
className: isActive ? 'active' : 'inactive',
\n
onClick: onClick,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 59,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 60,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 61,
\n
columnNumber: 15
\n
}, this)]
\n
}, [index], true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 57,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 55,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(rootDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 70,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
LQt6t4q+Mq++XymwYpe4wh3yMz8=
\"
);
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"useRef"
,
"createRef"
,
"useEffect"
,
"FontAwesomeIcon"
,
"Assign"
,
"rootDirectoryObjects"
,
"id"
,
"personalProjects"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"rootDirectoryRefs"
,
"current"
,
"map"
,
"ref"
,
"index"
,
"isActive"
,
"setIsActive"
,
"onClick"
,
"console"
,
"log"
,
"RootDirectoryItems"
,
"directoryObjects"
,
"elements"
,
"SubDirectoryItems"
,
"directory"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState, useRef, createRef, useEffect } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
// Directory data
\r\n
const rootDirectoryObjects = [
\r\n
{ id:
\"
Personal projects
\"
},
\r\n
{ id:
\"
Shared projects
\"
}
\r\n
]
\r\n\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
// Directory references
\r\n
const rootDirectoryRefs = useRef([])
\r\n
rootDirectoryRefs.current = rootDirectoryObjects.map(
\r\n
(ref, index) => rootDirectoryRefs.current[index] = createRef()
\r\n
)
\r\n\r\n
// Directory states
\r\n
const [isActive, setIsActive] = useState(rootDirectoryObjects.map(
\r\n
(index) => false))
\r\n
const onClick = (index) => {
\r\n
console.log(rootDirectoryRefs.current[index])
\r\n\r\n
}
\r\n\r\n
const RootDirectoryItems = (directoryObjects) => {
\r\n
return (
\r\n
< ul className=
\"
rootDirectory
\"
>
\r\n
{directoryObjects.map((elements, index) => (
\r\n
<li>
\r\n
<div ref={rootDirectoryRefs.current[index]} key={[index]} className={isActive ? 'active' : 'inactive'} onClick={() => onClick(index)} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directoryObjects[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))
\r\n
}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
const SubDirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div ref={rootDirectoryRefs} key={[index]} className={isActive ? 'active' : 'inactive'} onClick={onClick} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directory[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
{RootDirectoryItems(rootDirectoryObjects)}
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/04569cbf5471ab21bf1550711869aaf8.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
;
\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const rootDirectoryObjects = [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}];
\n\n
const DirectoryItems = () => {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
subDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
type:
\"
checkbox
\"
,
\n
id:
\"
A
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 26,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
for:
\"
A
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 27,
\n
columnNumber: 26
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, rootDirectoryObjects[0].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 28,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 29,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 27,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: personalProjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
href:
\"
#
\"
,
\n
children: [
\"
\"
, personalProjects[index].id,
\"
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 19
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 15
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 31,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 25,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
subDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
type:
\"
checkbox
\"
,
\n
id:
\"
B
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
for:
\"
B
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 26
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, rootDirectoryObjects[1].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 40,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: sharedProjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
subSubDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
type:
\"
checkbox
\"
,
\n
id:
\"
B-A
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
for:
\"
B-A
\"
,
\n
children: sharedProjects[index].id
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
href:
\"
#
\"
,
\n
children: sharedProjects[index].id
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 23
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 19
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 17
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 19
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 15
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 24,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(DirectoryItems, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 61,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"FontAwesomeIcon"
,
"Assign"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"rootDirectoryObjects"
,
"DirectoryItems"
,
"map"
,
"elements"
,
"index"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n\r\n
const rootDirectoryObjects = [
\r\n
{ id:
\"
Personal projects
\"
},
\r\n
{ id:
\"
Shared projects
\"
}
\r\n
]
\r\n\r\n
const DirectoryItems = () => {
\r\n
return (
\r\n
<div className=
\"
rootDirectory
\"
>
\r\n
<div className=
\"
subDirectory
\"
>
\r\n
<input type=
\"
checkbox
\"
id=
\"
A
\"
/>
\r\n
<label for=
\"
A
\"
><FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {rootDirectoryObjects[0].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</label>
\r\n
<ul>
\r\n
{personalProjects.map((elements, index) => (
\r\n
<li><a href=
\"
#
\"
> {personalProjects[index].id} </a></li>
\r\n
))}
\r\n
</ul>
\r\n
</div>
\r\n
<div className=
\"
subDirectory
\"
>
\r\n
<input type=
\"
checkbox
\"
id=
\"
B
\"
/>
\r\n
<label for=
\"
B
\"
><FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {rootDirectoryObjects[1].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</label>
\r\n
<ul>
\r\n
{sharedProjects.map((elements, index) => (
\r\n
<li><div className=
\"
subSubDirectory
\"
>
\r\n
<input type=
\"
checkbox
\"
id=
\"
B-A
\"
/>
\r\n
<label for=
\"
B-A
\"
>{sharedProjects[index].id}</label>
\r\n
<ul>
\r\n
<li><a href=
\"
#
\"
>{sharedProjects[index].id}</a></li>
\r\n
</ul>
\r\n
</div></li>
\r\n
))}
\r\n
</ul>
\r\n
</div>
\r\n
</div>
\r\n\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
<DirectoryItems />
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/08c223bc17d4710ab184bb4123030d2f.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
_s();
\n\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [appState, changeState] = useState({
\n
activeObjects: [],
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
const newArray = [];
\n\n
if (directory[index] === newArray[index]) {
\n
changeState({ ...appState,
\n
activeObjects: null
\n
});
\n
} else {
\n
newArray.push(directory[index]);
\n
changeState({ ...appState,
\n
activeObjects: newArray
\n
});
\n
console.log(appState.activeObjects);
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === appState.activeObjects) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const RootDirectoryItems = parentDirectories => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(parentDirectories, index),
\n
onClick: () => {
\n
toggleActive(parentDirectories, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === appState.activeObjects ? parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
const SubDirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(directory, index),
\n
onClick: () => {
\n
toggleActive(directory, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 65,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(appState.rootDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 77,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
G9VHBYFRMM2vunD5OUCIV/YwKNw=
\"
);
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"FontAwesomeIcon"
,
"Assign"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"rootDirectoryObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"newArray"
,
"push"
,
"console"
,
"log"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"map"
,
"elements"
,
"SubDirectoryItems"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [appState, changeState] = useState({
\r\n
activeObjects: [],
\r\n
rootDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
const newArray = []
\r\n
if (directory[index] === newArray[index]) {
\r\n
changeState({ ...appState, activeObjects: null })
\r\n
}
\r\n
else {
\r\n
newArray.push(directory[index])
\r\n
changeState({ ...appState, activeObjects: newArray })
\r\n
console.log(appState.activeObjects)
\r\n
}
\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === appState.activeObjects) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const RootDirectoryItems = (parentDirectories) => {
\r\n
return (
\r\n
< ul className=
\"
rootDirectory
\"
>
\r\n
{parentDirectories.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {parentDirectories[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{
\r\n
parentDirectories[index] === appState.activeObjects ?
\r\n
parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) :
\r\n
null
\r\n
}
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
const SubDirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directory[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
{RootDirectoryItems(appState.rootDirectoryObjects)}
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/09bdd398ac9808c3a88f90edf405013d.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
_s();
\n\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [appState, changeState] = useState({
\n
activeObjects: [],
\n
newArray: [],
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
if (directory[index] === appState.activeObjects) {
\n
appState.newArray.pop(directory[index]);
\n
console.log(appState.newArray);
\n
changeState({ ...appState,
\n
activeObjects: appState.newArray
\n
});
\n
} else {
\n
appState.newArray.push(directory[index]);
\n
console.log(appState.newArray);
\n
changeState({ ...appState,
\n
activeObjects: appState.newArray
\n
});
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === appState.activeObjects) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const RootDirectoryItems = parentDirectories => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(parentDirectories, index),
\n
onClick: () => {
\n
toggleActive(parentDirectories, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === appState.activeObjects ? parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
const SubDirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(directory, index),
\n
onClick: () => {
\n
toggleActive(directory, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 69,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 70,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 71,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 65,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(appState.rootDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 80,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
xWS9QEyxm04K2oIrDmBJxIV5tO0=
\"
);
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"FontAwesomeIcon"
,
"Assign"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"newArray"
,
"rootDirectoryObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"pop"
,
"console"
,
"log"
,
"push"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"map"
,
"elements"
,
"SubDirectoryItems"
],
"mappings"
:
";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAO,cAAP;AACA,SAASC,eAAT,QAAgC,gCAAhC;;;AAEA,MAAMC,MAAM,GAAG,MAAM;AAAA;;AACnB,QAAMC,gBAAgB,GAAG,CACvB;AAAEC,IAAAA,EAAE,EAAE,OAAN;AAAeC,IAAAA,IAAI,EAAE;AAArB,GADuB,EAEvB;AAAED,IAAAA,EAAE,EAAE,YAAN;AAAoBC,IAAAA,IAAI,EAAE;AAA1B,GAFuB,CAAzB;AAKA,QAAMC,cAAc,GAAG,CACrB;AAAEF,IAAAA,EAAE,EAAE,UAAN;AAAkBC,IAAAA,IAAI,EAAE,QAAxB;AAAkCE,IAAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD;AAAzC,GADqB,EAErB;AAAEJ,IAAAA,EAAE,EAAE,mBAAN;AAA2BC,IAAAA,IAAI,EAAE,QAAjC;AAA2CE,IAAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD;AAAlD,GAFqB,CAAvB;AAKA,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BV,QAAQ,CAAC;AACvCW,IAAAA,aAAa,EAAE,EADwB;AAEvCC,IAAAA,QAAQ,EAAE,EAF6B;AAGvCC,IAAAA,oBAAoB,EAAE,CAAC;AAAET,MAAAA,EAAE,EAAE;AAAN,KAAD,EAA8B;AAAEA,MAAAA,EAAE,EAAE;AAAN,KAA9B;AAHiB,GAAD,CAAxC;;AAMA,QAAMU,YAAY,GAAG,CAACC,SAAD,EAAYC,KAAZ,KAAsB;AAEzC,QAAID,SAAS,CAACC,KAAD,CAAT,KAAqBP,QAAQ,CAACE,aAAlC,EAAiD;AAC/CF,MAAAA,QAAQ,CAACG,QAAT,CAAkBK,GAAlB,CAAsBF,SAAS,CAACC,KAAD,CAA/B;AACAE,MAAAA,OAAO,CAACC,GAAR,CAAYV,QAAQ,CAACG,QAArB;AACAF,MAAAA,WAAW,CAAC,EAAE,GAAGD,QAAL;AAAeE,QAAAA,aAAa,EAAEF,QAAQ,CAACG;AAAvC,OAAD,CAAX;AACD,KAJD,MAKK;AACHH,MAAAA,QAAQ,CAACG,QAAT,CAAkBQ,IAAlB,CAAuBL,SAAS,CAACC,KAAD,CAAhC;AACAE,MAAAA,OAAO,CAACC,GAAR,CAAYV,QAAQ,CAACG,QAArB;AACAF,MAAAA,WAAW,CAAC,EAAE,GAAGD,QAAL;AAAeE,QAAAA,aAAa,EAAEF,QAAQ,CAACG;AAAvC,OAAD,CAAX;AACD;AACF,GAZD;;AAcA,QAAMS,kBAAkB,GAAG,CAACN,SAAD,EAAYC,KAAZ,KAAsB;AAC/C,QAAID,SAAS,CAACC,KAAD,CAAT,KAAqBP,QAAQ,CAACE,aAAlC,EAAiD;AAC/C,aAAO,QAAP;AACD,KAFD,MAEO,OAAO,UAAP;AACR,GAJD;;AAMA,QAAMW,kBAAkB,GAAIC,iBAAD,IAAuB;AAChD,wBACE;AAAK,MAAA,SAAS,EAAC,eAAf;AAAA,gBACGA,iBAAiB,CAACC,GAAlB,CAAsB,CAACC,QAAD,EAAWT,KAAX,kBACrB;AAAA,gCACE;AAAiB,UAAA,SAAS,EAAEK,kBAAkB,CAACE,iBAAD,EAAoBP,KAApB,CAA9C;AAA0E,UAAA,OAAO,EAAE,MAAM;AAAEF,YAAAA,YAAY,CAACS,iBAAD,EAAoBP,KAApB,CAAZ;AAAwC,WAAnI;AAAA,kCACE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,QAAtB;AAA+B,YAAA,SAAS,EAAC;AAAzC;AAAA;AAAA;AAAA;AAAA,kBADF,eAEE;AAAA,gCAAWO,iBAAiB,CAACP,KAAD,CAAjB,CAAyBZ,EAApC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAFF,eAGE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,eAAtB;AAAsC,YAAA,SAAS,EAAC;AAAhD;AAAA;AAAA;AAAA;AAAA,kBAHF;AAAA,WAAUY,KAAV;AAAA;AAAA;AAAA;AAAA,gBADF,EAOIO,iBAAiB,CAACP,KAAD,CAAjB,KAA6BP,QAAQ,CAACE,aAAtC,GACEY,iBAAiB,CAACP,KAAD,CAAjB,KAA6B,CAA7B,GAAiCU,iBAAiB,CAACvB,gBAAD,CAAlD,GAAuEuB,iBAAiB,CAACpB,cAAD,CAD1F,GAEE,IATN;AAAA;AAAA;AAAA;AAAA;AAAA,cADD;AADH;AAAA;AAAA;AAAA;AAAA,YADF;AAkBD,GAnBD;;AAqBA,QAAMoB,iBAAiB,GAAIX,SAAD,IAAe;AACvC,wBACE;AAAI,MAAA,SAAS,EAAC,sBAAd;AAAA,gBACGA,SAAS,CAACS,GAAV,CAAc,CAACC,QAAD,EAAWT,KAAX,kBACb;AAAA,+BACE;AAAiB,UAAA,SAAS,EAAEK,kBAAkB,CAACN,SAAD,EAAYC,KAAZ,CAA9C;AAAkE,UAAA,OAAO,EAAE,MAAM;AAAEF,YAAAA,YAAY,CAACC,SAAD,EAAYC,KAAZ,CAAZ;AAAgC,WAAnH;AAAA,kCACE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,QAAtB;AAA+B,YAAA,SAAS,EAAC;AAAzC;AAAA;AAAA;AAAA;AAAA,kBADF,eAEE;AAAA,gCAAWD,SAAS,CAACC,KAAD,CAAT,CAAiBZ,EAA5B;AAAA;AAAA;AAAA;AAAA;AAAA,kBAFF,eAGE,QAAC,eAAD;AAAiB,YAAA,IAAI,EAAC,eAAtB;AAAsC,YAAA,SAAS,EAAC;AAAhD;AAAA;AAAA;AAAA;AAAA,kBAHF;AAAA,WAAUY,KAAV;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,cADD;AADH;AAAA;AAAA;AAAA;AAAA,YADF;AAaD,GAdD;;AAgBA,sBACE;AAAK,IAAA,SAAS,EAAC,uBAAf;AAAA,cACGM,kBAAkB,CAACb,QAAQ,CAACI,oBAAV;AADrB;AAAA;AAAA;AAAA;AAAA,UADF;AAKD,CA/ED;;GAAMX,M;;KAAAA,M;AAiFN,eAAeA,MAAf"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [appState, changeState] = useState({
\r\n
activeObjects: [],
\r\n
newArray: [],
\r\n
rootDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n\r\n
if (directory[index] === appState.activeObjects) {
\r\n
appState.newArray.pop(directory[index])
\r\n
console.log(appState.newArray)
\r\n
changeState({ ...appState, activeObjects: appState.newArray })
\r\n
}
\r\n
else {
\r\n
appState.newArray.push(directory[index])
\r\n
console.log(appState.newArray)
\r\n
changeState({ ...appState, activeObjects: appState.newArray })
\r\n
}
\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === appState.activeObjects) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const RootDirectoryItems = (parentDirectories) => {
\r\n
return (
\r\n
< ul className=
\"
rootDirectory
\"
>
\r\n
{parentDirectories.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {parentDirectories[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{
\r\n
parentDirectories[index] === appState.activeObjects ?
\r\n
parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) :
\r\n
null
\r\n
}
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
const SubDirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directory[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
{RootDirectoryItems(appState.rootDirectoryObjects)}
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0c3e0aed07fa0ccc518fb80b55f04f25.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
_s();
\n\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [appState, changeState] = useState({
\n
activeRootDirectoryObject: [],
\n
activeSubDirectoryObject: [],
\n
activeProjectObject: [],
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}],
\n
personalProjects: [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
console.log(directory[index]);
\n\n
if (directory[index] === appState.rootDirectoryObjects[index]) {
\n
if (directory[index] === appState.activeRootDirectoryObject) {
\n
changeState({ ...appState,
\n
activeRootDirectoryObject: null
\n
});
\n
} else {
\n
changeState({ ...appState,
\n
activeRootDirectoryObject: directory[index]
\n
});
\n
}
\n
}
\n\n
if (directory[index] === appState.personalProjects[index]) {
\n
console.log(
\"
hej
\"
);
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === appState.activeRootDirectoryObject) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const RootDirectoryItems = parentDirectories => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(parentDirectories, index),
\n
onClick: () => {
\n
toggleActive(parentDirectories, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === appState.activeRootDirectoryObject ? parentDirectories[index] === 0 ? SubDirectoryItems(appState.personalProjects) : SubDirectoryItems(sharedProjects) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
const SubDirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(directory, index),
\n
onClick: () => {
\n
toggleActive(directory, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 70,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 71,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 72,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 69,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(appState.rootDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 81,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
pauvMlVjEZAY9JqwkQvMIXCzY6c=
\"
);
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"FontAwesomeIcon"
,
"Assign"
,
"sharedProjects"
,
"id"
,
"type"
,
"teams"
,
"name"
,
"appState"
,
"changeState"
,
"activeRootDirectoryObject"
,
"activeSubDirectoryObject"
,
"activeProjectObject"
,
"rootDirectoryObjects"
,
"personalProjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"console"
,
"log"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"map"
,
"elements"
,
"SubDirectoryItems"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [appState, changeState] = useState({
\r\n
activeRootDirectoryObject: [],
\r\n
activeSubDirectoryObject: [],
\r\n
activeProjectObject: [],
\r\n
rootDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}],
\r\n
personalProjects: [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
console.log(directory[index])
\r\n
if (directory[index] === appState.rootDirectoryObjects[index]) {
\r\n
if (directory[index] === appState.activeRootDirectoryObject) {
\r\n
changeState({ ...appState, activeRootDirectoryObject: null })
\r\n
}
\r\n
else {
\r\n
changeState({ ...appState, activeRootDirectoryObject: (directory[index]) })
\r\n
}
\r\n
} if (directory[index] === appState.personalProjects[index]) {
\r\n
console.log(
\"
hej
\"
)
\r\n
}
\r\n\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === appState.activeRootDirectoryObject) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const RootDirectoryItems = (parentDirectories) => {
\r\n
return (
\r\n
< ul className=
\"
rootDirectory
\"
>
\r\n
{parentDirectories.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {parentDirectories[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{
\r\n
parentDirectories[index] === appState.activeRootDirectoryObject ?
\r\n
parentDirectories[index] === 0 ? SubDirectoryItems(appState.personalProjects) : SubDirectoryItems(sharedProjects) :
\r\n
null
\r\n
}
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
const SubDirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directory[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
{RootDirectoryItems(appState.rootDirectoryObjects)}
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0ccbd771be68de48b744720f080f917a.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState, useRef, useEffect } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
_s();
\n\n
const directoryRefs = useRef([]);
\n
const arrLength = directoryRefs.length;
\n
const [isActive, setIsActive] = useState(false);
\n\n
const onClick = () => setIsActive(!isActive);
\n\n
const rootDirectoryObjects = [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}];
\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
useEffect(() => {
\n
const pageClickEvent = e => {
\n
if (directoryRef.current !== null && !directoryRef.current.contains(e.target)) {
\n
setIsActive(!isActive);
\n
}
\n
}; // If the item is active (ie open) then listen for clicks
\n\n\n
if (isActive) {
\n
window.addEventListener('click', pageClickEvent);
\n
}
\n\n
return () => {
\n
window.removeEventListener('click', pageClickEvent);
\n
};
\n
}, [isActive]);
\n\n
const RootDirectoryItems = parentDirectories => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
ref: directoryRef,
\n
className: isActive ? 'active' : 'inactive',
\n
onClick: onClick,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
const SubDirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
ref: directoryRef,
\n
className: isActive ? 'active' : 'inactive',
\n
onClick: onClick,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 65,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(rootDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 77,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
fE3Gsvy23dxOvR2TVECxNZgDjvg=
\"
);
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"useRef"
,
"useEffect"
,
"FontAwesomeIcon"
,
"Assign"
,
"directoryRefs"
,
"arrLength"
,
"length"
,
"isActive"
,
"setIsActive"
,
"onClick"
,
"rootDirectoryObjects"
,
"id"
,
"personalProjects"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"pageClickEvent"
,
"e"
,
"directoryRef"
,
"current"
,
"contains"
,
"target"
,
"window"
,
"addEventListener"
,
"removeEventListener"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"map"
,
"elements"
,
"index"
,
"SubDirectoryItems"
,
"directory"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState, useRef, useEffect } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const directoryRefs = useRef([]);
\r\n
const arrLength = directoryRefs.length;
\r\n
const [isActive, setIsActive] = useState(false);
\r\n
const onClick = () => setIsActive(!isActive);
\r\n\r\n
const rootDirectoryObjects = [
\r\n
{ id:
\"
Personal projects
\"
},
\r\n
{ id:
\"
Shared projects
\"
}
\r\n
]
\r\n\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
useEffect(() => {
\r\n
const pageClickEvent = (e) => {
\r\n
if (directoryRef.current !== null && !directoryRef.current.contains(e.target)) {
\r\n
setIsActive(!isActive);
\r\n
}
\r\n
};
\r\n\r\n
// If the item is active (ie open) then listen for clicks
\r\n
if (isActive) {
\r\n
window.addEventListener('click', pageClickEvent);
\r\n
}
\r\n\r\n
return () => {
\r\n
window.removeEventListener('click', pageClickEvent);
\r\n
}
\r\n\r\n
}, [isActive]);
\r\n\r\n
const RootDirectoryItems = (parentDirectories) => {
\r\n
return (
\r\n
< ul className=
\"
rootDirectory
\"
>
\r\n
{parentDirectories.map((elements, index) => (
\r\n
<li>
\r\n
<div ref={directoryRef} className={isActive ? 'active' : 'inactive'} onClick={onClick} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {parentDirectories[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
const SubDirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div ref={directoryRef} className={isActive ? 'active' : 'inactive'} onClick={onClick} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directory[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
{RootDirectoryItems(rootDirectoryObjects)}
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0d2d952bfed683b0ebb0fde058b6ac14.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
_s();
\n\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [rootDirectory, changeRootDirectoryState] = useState({
\n
activeRootDirectoryObject: [],
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}]
\n
});
\n
const [subDirectory, changeSubDirectoryState] = useState({
\n
activeSubDirectoryObject: [],
\n
subDirectoryObjects: [personalProjects, sharedProjects]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
console.log(
\"
toggle item active
\"
+
\"
\"
+ directory[index].id);
\n
console.log(subDirectory.subDirectoryObjects[index].id);
\n\n
if (directory === rootDirectory.rootDirectoryObjects) {
\n
console.log(
\"
active directory is a rootDirectory
\"
);
\n\n
if (directory[index] === rootDirectory.activeRootDirectoryObject[index]) {
\n
changeRootDirectoryState({ ...rootDirectory,
\n
activeRootDirectoryObject: null
\n
});
\n
} else {
\n
changeRootDirectoryState({ ...rootDirectory,
\n
activeRootDirectoryObject: directory[index]
\n
});
\n
}
\n
}
\n\n
if (directory === subDirectory.subDirectoryObjects) {
\n
console.log(
\"
active directory is a subDirectory
\"
);
\n\n
if (directory[index] === subDirectory.activeSubDirectoryObject[index]) {
\n
changeSubDirectoryState({ ...subDirectory,
\n
activeSubDirectoryObject: null
\n
});
\n
} else {
\n
changeSubDirectoryState({ ...subDirectory,
\n
activeRootDirectoryObject: directory[index]
\n
});
\n
console.log(
\"
subDirectory set to active
\"
);
\n
}
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === rootDirectory.activeRootDirectoryObject) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const RootDirectoryItems = parentDirectories => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(parentDirectories, index),
\n
onClick: () => {
\n
toggleActive(parentDirectories, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 63,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 61,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === rootDirectory.activeRootDirectoryObject ? SubDirectoryItems(subDirectory.subDirectoryObjects[index]) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 60,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
const SubDirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(directory, index),
\n
onClick: () => {
\n
toggleActive(directory, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 81,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 82,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 83,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 80,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 79,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 77,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(rootDirectory.rootDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 92,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
iGoe9GTgUyRwalL5Oja9aYXeNzs=
\"
);
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"FontAwesomeIcon"
,
"Assign"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"rootDirectory"
,
"changeRootDirectoryState"
,
"activeRootDirectoryObject"
,
"rootDirectoryObjects"
,
"subDirectory"
,
"changeSubDirectoryState"
,
"activeSubDirectoryObject"
,
"subDirectoryObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"console"
,
"log"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"map"
,
"elements"
,
"SubDirectoryItems"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [rootDirectory, changeRootDirectoryState] = useState({
\r\n
activeRootDirectoryObject: [],
\r\n
rootDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}]
\r\n
})
\r\n\r\n
const [subDirectory, changeSubDirectoryState] = useState({
\r\n
activeSubDirectoryObject: [],
\r\n
subDirectoryObjects: [personalProjects, sharedProjects]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
console.log(
\"
toggle item active
\"
+
\"
\"
+ directory[index].id)
\r\n
console.log(subDirectory.subDirectoryObjects[index].id)
\r\n
if (directory === rootDirectory.rootDirectoryObjects) {
\r\n
console.log(
\"
active directory is a rootDirectory
\"
)
\r\n
if (directory[index] === rootDirectory.activeRootDirectoryObject[index]) {
\r\n
changeRootDirectoryState({ ...rootDirectory, activeRootDirectoryObject: null })
\r\n
}
\r\n
else {
\r\n
changeRootDirectoryState({ ...rootDirectory, activeRootDirectoryObject: (directory[index]) })
\r\n
}
\r\n
}
\r\n
if (directory === subDirectory.subDirectoryObjects) {
\r\n
console.log(
\"
active directory is a subDirectory
\"
)
\r\n
if (directory[index] === subDirectory.activeSubDirectoryObject[index]) {
\r\n
changeSubDirectoryState({ ...subDirectory, activeSubDirectoryObject: null })
\r\n
}
\r\n
else {
\r\n
changeSubDirectoryState({ ...subDirectory, activeRootDirectoryObject: (directory[index]) })
\r\n
console.log(
\"
subDirectory set to active
\"
)
\r\n
}
\r\n
}
\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === rootDirectory.activeRootDirectoryObject) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const RootDirectoryItems = (parentDirectories) => {
\r\n
return (
\r\n
< ul className=
\"
rootDirectory
\"
>
\r\n
{parentDirectories.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {parentDirectories[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{parentDirectories[index] === rootDirectory.activeRootDirectoryObject ?
\r\n
SubDirectoryItems(subDirectory.subDirectoryObjects[index]) :
\r\n
null}
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
const SubDirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directory[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
{RootDirectoryItems(rootDirectory.rootDirectoryObjects)}
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0d516d9ebbb2d11bb6cf0dbe76f022d9.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
_s();
\n\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [appState, changeState] = useState({
\n
activeObjects: [],
\n
newArray: [],
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
appState.newArray.push(directory[index]);
\n
console.log(newArray);
\n\n
if (directory[index] === appState.activeObjects) {
\n
changeState({ ...appState,
\n
activeObjects: null
\n
});
\n
} else {
\n
changeState({ ...appState,
\n
activeObjects: directory[index]
\n
});
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === appState.activeObjects) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const RootDirectoryItems = parentDirectories => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(parentDirectories, index),
\n
onClick: () => {
\n
toggleActive(parentDirectories, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 44,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === appState.activeObjects ? parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
const SubDirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(directory, index),
\n
onClick: () => {
\n
toggleActive(directory, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 65,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 62,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(appState.rootDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 77,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
xWS9QEyxm04K2oIrDmBJxIV5tO0=
\"
);
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"FontAwesomeIcon"
,
"Assign"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"newArray"
,
"rootDirectoryObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"push"
,
"console"
,
"log"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"map"
,
"elements"
,
"SubDirectoryItems"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [appState, changeState] = useState({
\r\n
activeObjects: [],
\r\n
newArray: [],
\r\n
rootDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
appState.newArray.push(directory[index])
\r\n
console.log(newArray)
\r\n
if (directory[index] === appState.activeObjects) {
\r\n
changeState({ ...appState, activeObjects: null })
\r\n
}
\r\n
else {
\r\n
changeState({ ...appState, activeObjects: (directory[index]) })
\r\n
}
\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === appState.activeObjects) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const RootDirectoryItems = (parentDirectories) => {
\r\n
return (
\r\n
< ul className=
\"
rootDirectory
\"
>
\r\n
{parentDirectories.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {parentDirectories[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{
\r\n
parentDirectories[index] === appState.activeObjects ?
\r\n
parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) :
\r\n
null
\r\n
}
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
const SubDirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directory[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
{RootDirectoryItems(appState.rootDirectoryObjects)}
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0d62f22d8c6ddaed361f21cbe6bd3827.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
;
\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n
import { Fragment as _Fragment } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const rootDirectoryObjects = [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}];
\n\n
const DirectoryItems = () => {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectsDirectoryContainer
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectsDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
type:
\"
checkbox
\"
,
\n
id:
\"
A
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 26,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
for:
\"
A
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 27,
\n
columnNumber: 26
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, rootDirectoryObjects[0].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 28,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 29,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 27,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
personalProjects
\"
,
\n
children: personalProjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
className:
\"
directoryItem
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
href:
\"
#
\"
,
\n
children: [
\"
\"
, personalProjects[index].id,
\"
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 45
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 33,
\n
columnNumber: 15
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 31,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 25,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
projectsDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
type:
\"
checkbox
\"
,
\n
id:
\"
B
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
for:
\"
B
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 26
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, rootDirectoryObjects[1].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 40,
\n
columnNumber: 13
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 13
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: sharedProjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
className:
\"
directoryItem
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
subSubDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
type:
\"
checkbox
\"
,
\n
id: `B-${index}`
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
for: `B-${index}`,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 43
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, sharedProjects[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 19
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 19
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 17
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(_Fragment, {
\n
children: sharedProjects[index].teams.map(team => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
className:
\"
directoryItem
\"
,
\n
children: /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
href:
\"
#
\"
,
\n
children: team.name
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 53
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 23
\n
}, this))
\n
}, void 0, false)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 17
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 45
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 15
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 24,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(DirectoryItems, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 71,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 70,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"FontAwesomeIcon"
,
"Assign"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"rootDirectoryObjects"
,
"DirectoryItems"
,
"map"
,
"elements"
,
"index"
,
"team"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n\r\n
const rootDirectoryObjects = [
\r\n
{ id:
\"
Personal projects
\"
},
\r\n
{ id:
\"
Shared projects
\"
}
\r\n
]
\r\n\r\n
const DirectoryItems = () => {
\r\n
return (
\r\n
<div className=
\"
projectsDirectoryContainer
\"
>
\r\n
<div className=
\"
projectsDirectory
\"
>
\r\n
<input type=
\"
checkbox
\"
id=
\"
A
\"
/>
\r\n
<label for=
\"
A
\"
><FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {rootDirectoryObjects[0].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</label>
\r\n
<ul className=
\"
personalProjects
\"
>
\r\n
{personalProjects.map((elements, index) => (
\r\n
<li className=
\"
directoryItem
\"
><a href=
\"
#
\"
> {personalProjects[index].id} </a></li>
\r\n
))}
\r\n
</ul>
\r\n
</div>
\r\n
<div className=
\"
projectsDirectory
\"
>
\r\n
<input type=
\"
checkbox
\"
id=
\"
B
\"
/>
\r\n
<label for=
\"
B
\"
><FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {rootDirectoryObjects[1].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</label>
\r\n
<ul>
\r\n
{sharedProjects.map((elements, index) => (
\r\n
<li className=
\"
directoryItem
\"
><div className=
\"
subSubDirectory
\"
>
\r\n
<input type=
\"
checkbox
\"
id={`B-${index}`} />
\r\n
<label for={`B-${index}`}><FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {sharedProjects[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</label>
\r\n
<ul>
\r\n
<>
\r\n
{sharedProjects[index].teams.map(team => (
\r\n
<li className=
\"
directoryItem
\"
><a href=
\"
#
\"
>{team.name}</a></li>
\r\n
))}
\r\n
</>
\r\n\r\n
</ul>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul>
\r\n
</div>
\r\n
</div>
\r\n\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
<DirectoryItems />
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0d93ea9b072e579bf992ee0168ac5c00.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
;
\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const rootDirectoryObjects = [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}];
\n\n
const DirectoryItems = () => {
\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(
\"
input
\"
, {
\n
type:
\"
checkbox
\"
,
\n
id:
\"
A
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 25,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
label
\"
, {
\n
for:
\"
A
\"
,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 26,
\n
columnNumber: 24
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, rootDirectoryObjects[0].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 27,
\n
columnNumber: 11
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 28,
\n
columnNumber: 11
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 26,
\n
columnNumber: 9
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
children: personalProjects.map((elements, index) => {
\n
/*#__PURE__*/
\n
_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
href:
\"
#
\"
,
\n
children:
\"
hej
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 17
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 32,
\n
columnNumber: 13
\n
}, this);
\n
})
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 30,
\n
columnNumber: 9
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 24,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: /*#__PURE__*/_jsxDEV(DirectoryItems, {}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 7
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 40,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"FontAwesomeIcon"
,
"Assign"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"rootDirectoryObjects"
,
"DirectoryItems"
,
"map"
,
"elements"
,
"index"
],
"mappings"
:
";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAO,cAAP;AACA,SAASC,eAAT,QAAgC,gCAAhC;;;AAEA,MAAMC,MAAM,GAAG,MAAM;AACnB,QAAMC,gBAAgB,GAAG,CACvB;AAAEC,IAAAA,EAAE,EAAE,OAAN;AAAeC,IAAAA,IAAI,EAAE;AAArB,GADuB,EAEvB;AAAED,IAAAA,EAAE,EAAE,YAAN;AAAoBC,IAAAA,IAAI,EAAE;AAA1B,GAFuB,CAAzB;AAKA,QAAMC,cAAc,GAAG,CACrB;AAAEF,IAAAA,EAAE,EAAE,UAAN;AAAkBC,IAAAA,IAAI,EAAE,QAAxB;AAAkCE,IAAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD;AAAzC,GADqB,EAErB;AAAEJ,IAAAA,EAAE,EAAE,mBAAN;AAA2BC,IAAAA,IAAI,EAAE,QAAjC;AAA2CE,IAAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD;AAAlD,GAFqB,CAAvB;AAMA,QAAMC,oBAAoB,GAAG,CAC3B;AAAEL,IAAAA,EAAE,EAAE;AAAN,GAD2B,EAE3B;AAAEA,IAAAA,EAAE,EAAE;AAAN,GAF2B,CAA7B;;AAKA,QAAMM,cAAc,GAAG,MAAM;AAC3B,wBACE;AAAK,MAAA,SAAS,EAAC,eAAf;AAAA,8BACE;AAAO,QAAA,IAAI,EAAC,UAAZ;AAAuB,QAAA,EAAE,EAAC;AAA1B;AAAA;AAAA;AAAA;AAAA,cADF,eAEE;AAAO,QAAA,GAAG,EAAC,GAAX;AAAA,gCAAe,QAAC,eAAD;AAAiB,UAAA,IAAI,EAAC,QAAtB;AAA+B,UAAA,SAAS,EAAC;AAAzC;AAAA;AAAA;AAAA;AAAA,gBAAf,eACE;AAAA,8BAAWD,oBAAoB,CAAC,CAAD,CAApB,CAAwBL,EAAnC;AAAA;AAAA;AAAA;AAAA;AAAA,gBADF,eAEE,QAAC,eAAD;AAAiB,UAAA,IAAI,EAAC,eAAtB;AAAsC,UAAA,SAAS,EAAC;AAAhD;AAAA;AAAA;AAAA;AAAA,gBAFF;AAAA;AAAA;AAAA;AAAA;AAAA,cAFF,eAME;AAAA,kBACGD,gBAAgB,CAACQ,GAAjB,CAAqB,CAACC,QAAD,EAAWC,KAAX,KAAqB;AACzC;AAAA;AAAA,mCAAI;AAAG,cAAA,IAAI,EAAC,GAAR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAJ;AAAA;AAAA;AAAA;AAAA;AACD,SAFA;AADH;AAAA;AAAA;AAAA;AAAA,cANF;AAAA;AAAA;AAAA;AAAA;AAAA,YADF;AAcD,GAfD;;AAiBA,sBACE;AAAK,IAAA,SAAS,EAAC,uBAAf;AAAA,2BACE,QAAC,cAAD;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,UADF;AAKD,CAvCD;;KAAMX,M;AAyCN,eAAeA,MAAf"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n\r\n
const rootDirectoryObjects = [
\r\n
{ id:
\"
Personal projects
\"
},
\r\n
{ id:
\"
Shared projects
\"
}
\r\n
]
\r\n\r\n
const DirectoryItems = () => {
\r\n
return (
\r\n
<div className=
\"
rootDirectory
\"
>
\r\n
<input type=
\"
checkbox
\"
id=
\"
A
\"
/>
\r\n
<label for=
\"
A
\"
><FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {rootDirectoryObjects[0].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</label>
\r\n
<ul>
\r\n
{personalProjects.map((elements, index) => {
\r\n
<li><a href=
\"
#
\"
> hej </a></li>
\r\n
})}
\r\n
</ul>
\r\n
</div>
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
<DirectoryItems />
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0f88725a9e7b04bd8bbc954ea0db5445.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState, useRef, useEffect } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
_s();
\n\n
const directoryRef = useRef(null);
\n
const [isActive, setIsActive] = useState(false);
\n\n
const onClick = () => setIsActive(!isActive);
\n\n
const rootDirectoryObjects = [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}];
\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
useEffect(() => {
\n
const pageClickEvent = e => {
\n
if (directoryRef.current !== null && !directoryRef.current.contains(e.target)) {
\n
setIsActive(!isActive);
\n
}
\n
}; // If the item is active (ie open) then listen for clicks
\n\n\n
if (isActive) {
\n
window.addEventListener('click', pageClickEvent);
\n
}
\n\n
return () => {
\n
window.removeEventListener('click', pageClickEvent);
\n
};
\n
}, [isActive]);
\n\n
const RootDirectoryItems = parentDirectories => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
ref: directoryRef,
\n
className: isActive ? 'active' : 'inactive',
\n
onClick: onClick,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 50,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
const SubDirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
ref: directoryRef,
\n
className: isActive ? 'active' : 'inactive',
\n
onClick: onClick,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 65,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 63,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 61,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(rootDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 76,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
vhy9HVB0Kxy+Q0kp+sn6XLaJcaM=
\"
);
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"useRef"
,
"useEffect"
,
"FontAwesomeIcon"
,
"Assign"
,
"directoryRef"
,
"isActive"
,
"setIsActive"
,
"onClick"
,
"rootDirectoryObjects"
,
"id"
,
"personalProjects"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"pageClickEvent"
,
"e"
,
"current"
,
"contains"
,
"target"
,
"window"
,
"addEventListener"
,
"removeEventListener"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"map"
,
"elements"
,
"index"
,
"SubDirectoryItems"
,
"directory"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState, useRef, useEffect } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const directoryRef = useRef(null);
\r\n
const [isActive, setIsActive] = useState(false);
\r\n
const onClick = () => setIsActive(!isActive);
\r\n\r\n
const rootDirectoryObjects = [
\r\n
{ id:
\"
Personal projects
\"
},
\r\n
{ id:
\"
Shared projects
\"
}
\r\n
]
\r\n\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
useEffect(() => {
\r\n
const pageClickEvent = (e) => {
\r\n
if (directoryRef.current !== null && !directoryRef.current.contains(e.target)) {
\r\n
setIsActive(!isActive);
\r\n
}
\r\n
};
\r\n\r\n
// If the item is active (ie open) then listen for clicks
\r\n
if (isActive) {
\r\n
window.addEventListener('click', pageClickEvent);
\r\n
}
\r\n\r\n
return () => {
\r\n
window.removeEventListener('click', pageClickEvent);
\r\n
}
\r\n\r\n
}, [isActive]);
\r\n\r\n
const RootDirectoryItems = (parentDirectories) => {
\r\n
return (
\r\n
< ul className=
\"
rootDirectory
\"
>
\r\n
{parentDirectories.map((elements, index) => (
\r\n
<li>
\r\n
<div ref={directoryRef} className={isActive ? 'active' : 'inactive'} onClick={onClick} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {parentDirectories[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
const SubDirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div ref={directoryRef} className={isActive ? 'active' : 'inactive'} onClick={onClick} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directory[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
{RootDirectoryItems(rootDirectoryObjects)}
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/0fd5c414a3ea464234801d4e02ceb207.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
_s();
\n\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [rootDirectory, changeRootDirectoryState] = useState({
\n
activeRootDirectoryObject: [],
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}]
\n
});
\n
const [subDirectory, changeSubDirectoryState] = useState({
\n
activeSubDirectoryObject: [],
\n
subDirectoryObjects: [personalProjects, sharedProjects]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
if (directory === rootDirectory.rootDirectoryObjects) {
\n
if (directory[index] === rootDirectory.activeRootDirectoryObject[index]) {
\n
changeRootDirectoryState({ ...rootDirectory,
\n
activeRootDirectoryObject: null
\n
});
\n
} else {
\n
changeRootDirectoryState({ ...rootDirectory,
\n
activeRootDirectoryObject: directory[index]
\n
});
\n
console.log(
\"
rootDirectory set to active
\"
+
\"
\"
+ rootDirectory.activeRootDirectoryObject.id);
\n
}
\n
} else {
\n
if (directory[index] === subDirectory.activeSubDirectoryObject[index]) {
\n
changeSubDirectoryState({ ...subDirectory,
\n
activeSubDirectoryObject: null
\n
});
\n
} else {
\n
changeSubDirectoryState({ ...subDirectory,
\n
activeSubDirectoryObject: directory[index]
\n
});
\n
console.log(
\"
subDirectory set to active
\"
+
\"
\"
+ subDirectory.activeSubDirectoryObject);
\n
}
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === rootDirectory.activeRootDirectoryObject) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const RootDirectoryItems = parentDirectories => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(parentDirectories, index),
\n
onClick: () => {
\n
toggleActive(parentDirectories, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 59,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 60,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 61,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === rootDirectory.activeRootDirectoryObject ? SubDirectoryItems(subDirectory.subDirectoryObjects[index]) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 57,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 55,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
const SubDirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(directory, index),
\n
onClick: () => {
\n
toggleActive(directory, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 78,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 79,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 80,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 77,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 76,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 74,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(rootDirectory.rootDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 89,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
iGoe9GTgUyRwalL5Oja9aYXeNzs=
\"
);
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"FontAwesomeIcon"
,
"Assign"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"rootDirectory"
,
"changeRootDirectoryState"
,
"activeRootDirectoryObject"
,
"rootDirectoryObjects"
,
"subDirectory"
,
"changeSubDirectoryState"
,
"activeSubDirectoryObject"
,
"subDirectoryObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"console"
,
"log"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"map"
,
"elements"
,
"SubDirectoryItems"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [rootDirectory, changeRootDirectoryState] = useState({
\r\n
activeRootDirectoryObject: [],
\r\n
rootDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}]
\r\n
})
\r\n\r\n
const [subDirectory, changeSubDirectoryState] = useState({
\r\n
activeSubDirectoryObject: [],
\r\n
subDirectoryObjects: [personalProjects, sharedProjects]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
if (directory === rootDirectory.rootDirectoryObjects) {
\r\n
if (directory[index] === rootDirectory.activeRootDirectoryObject[index]) {
\r\n
changeRootDirectoryState({ ...rootDirectory, activeRootDirectoryObject: null })
\r\n
}
\r\n
else {
\r\n
changeRootDirectoryState({ ...rootDirectory, activeRootDirectoryObject: (directory[index]) })
\r\n
console.log(
\"
rootDirectory set to active
\"
+
\"
\"
+ rootDirectory.activeRootDirectoryObject.id)
\r\n
}
\r\n
}
\r\n
else {
\r\n
if (directory[index] === subDirectory.activeSubDirectoryObject[index]) {
\r\n
changeSubDirectoryState({ ...subDirectory, activeSubDirectoryObject: null })
\r\n
}
\r\n
else {
\r\n
changeSubDirectoryState({ ...subDirectory, activeSubDirectoryObject: (directory[index]) })
\r\n
console.log(
\"
subDirectory set to active
\"
+
\"
\"
+ subDirectory.activeSubDirectoryObject)
\r\n
}
\r\n
}
\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === rootDirectory.activeRootDirectoryObject) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const RootDirectoryItems = (parentDirectories) => {
\r\n
return (
\r\n
< ul className=
\"
rootDirectory
\"
>
\r\n
{parentDirectories.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {parentDirectories[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{parentDirectories[index] === rootDirectory.activeRootDirectoryObject ?
\r\n
SubDirectoryItems(subDirectory.subDirectoryObjects[index]) :
\r\n
null}
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
const SubDirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directory[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
{RootDirectoryItems(rootDirectory.rootDirectoryObjects)}
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/100f210a25a627772ef0c845654eb749.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState, useRef, createRef, useEffect } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
_s();
\n\n
// Directory data
\n
const rootDirectoryObjects = [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}];
\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}]; // Directory references
\n\n
const rootDirectoryRefs = useRef([]);
\n
rootDirectoryRefs.current = [rootDirectoryObjects.length].map((ref, index) => rootDirectoryRefs.current[index] = /*#__PURE__*/createRef()); // Directory states
\n\n
const [isActive, setIsActive] = useState(false);
\n\n
const onClick = () => setIsActive(!isActive);
\n\n
const RootDirectoryItems = directoryObjects => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: directoryObjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
ref: rootDirectoryRefs.current[index],
\n
className: isActive ? 'active' : 'inactive',
\n
onClick: onClick,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directoryObjects[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 40,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 37,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 35,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
const SubDirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
ref: rootDirectoryRefs,
\n
className: isActive ? 'active' : 'inactive',
\n
onClick: onClick,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 55,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 56,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 57,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 53,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 51,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(rootDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
MJDv9q+kWhlGbDVTmxVjrQjz+R8=
\"
);
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"useRef"
,
"createRef"
,
"useEffect"
,
"FontAwesomeIcon"
,
"Assign"
,
"rootDirectoryObjects"
,
"id"
,
"personalProjects"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"rootDirectoryRefs"
,
"current"
,
"length"
,
"map"
,
"ref"
,
"index"
,
"isActive"
,
"setIsActive"
,
"onClick"
,
"RootDirectoryItems"
,
"directoryObjects"
,
"elements"
,
"SubDirectoryItems"
,
"directory"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState, useRef, createRef, useEffect } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
// Directory data
\r\n
const rootDirectoryObjects = [
\r\n
{ id:
\"
Personal projects
\"
},
\r\n
{ id:
\"
Shared projects
\"
}
\r\n
]
\r\n\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
// Directory references
\r\n
const rootDirectoryRefs = useRef([])
\r\n
rootDirectoryRefs.current = [rootDirectoryObjects.length].map(
\r\n
(ref, index) => rootDirectoryRefs.current[index] = createRef()
\r\n
)
\r\n\r\n
// Directory states
\r\n
const [isActive, setIsActive] = useState(false);
\r\n
const onClick = () => setIsActive(!isActive);
\r\n\r\n\r\n
const RootDirectoryItems = (directoryObjects) => {
\r\n
return (
\r\n
< ul className=
\"
rootDirectory
\"
>
\r\n
{directoryObjects.map((elements, index) => (
\r\n
<li>
\r\n
<div ref={rootDirectoryRefs.current[index]} className={isActive ? 'active' : 'inactive'} onClick={onClick} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directoryObjects[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
const SubDirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div ref={rootDirectoryRefs} className={isActive ? 'active' : 'inactive'} onClick={onClick} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directory[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
{RootDirectoryItems(rootDirectoryObjects)}
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/1067a92846ea6f718975fd1b0c9fc841.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState, useRef, createRef, useEffect } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
_s();
\n\n
// Directory data
\n
const rootDirectoryObjects = [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}];
\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}]; // Directory references
\n\n
const rootDirectoryRefs = useRef([]);
\n
rootDirectoryRefs.current = rootDirectoryObjects.map((ref, index) => rootDirectoryRefs.current[index] = /*#__PURE__*/createRef()); // Directory states
\n\n
const [isActive, setIsActive] = useState(false);
\n\n
const onClick = index => {
\n
console.log(rootDirectoryRefs[1]);
\n
};
\n\n
const RootDirectoryItems = directoryObjects => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: directoryObjects.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
ref: rootDirectoryRefs.current[index],
\n
className: isActive ? 'active' : 'inactive',
\n
onClick: onClick(index),
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 40,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directoryObjects[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 41,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 42,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 39,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 38,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 36,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
const SubDirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
ref: rootDirectoryRefs,
\n
className: isActive ? 'active' : 'inactive',
\n
onClick: onClick,
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 56,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 57,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 58,
\n
columnNumber: 15
\n
}, this)]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 55,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 54,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 52,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(rootDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
MJDv9q+kWhlGbDVTmxVjrQjz+R8=
\"
);
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"useRef"
,
"createRef"
,
"useEffect"
,
"FontAwesomeIcon"
,
"Assign"
,
"rootDirectoryObjects"
,
"id"
,
"personalProjects"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"rootDirectoryRefs"
,
"current"
,
"map"
,
"ref"
,
"index"
,
"isActive"
,
"setIsActive"
,
"onClick"
,
"console"
,
"log"
,
"RootDirectoryItems"
,
"directoryObjects"
,
"elements"
,
"SubDirectoryItems"
,
"directory"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState, useRef, createRef, useEffect } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
// Directory data
\r\n
const rootDirectoryObjects = [
\r\n
{ id:
\"
Personal projects
\"
},
\r\n
{ id:
\"
Shared projects
\"
}
\r\n
]
\r\n\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
// Directory references
\r\n
const rootDirectoryRefs = useRef([])
\r\n
rootDirectoryRefs.current = rootDirectoryObjects.map(
\r\n
(ref, index) => rootDirectoryRefs.current[index] = createRef()
\r\n
)
\r\n\r\n
// Directory states
\r\n
const [isActive, setIsActive] = useState(false);
\r\n
const onClick = (index) => {
\r\n
console.log(rootDirectoryRefs[1])
\r\n
}
\r\n\r\n
const RootDirectoryItems = (directoryObjects) => {
\r\n
return (
\r\n
< ul className=
\"
rootDirectory
\"
>
\r\n
{directoryObjects.map((elements, index) => (
\r\n
<li>
\r\n
<div ref={rootDirectoryRefs.current[index]} className={isActive ? 'active' : 'inactive'} onClick={onClick(index)} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directoryObjects[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
const SubDirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div ref={rootDirectoryRefs} className={isActive ? 'active' : 'inactive'} onClick={onClick} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directory[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
{RootDirectoryItems(rootDirectoryObjects)}
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
client/node_modules/.cache/babel-loader/10d72068a6aa34c3aa45805faab8202d.json
0 → 100644
View file @
03fefdc6
{
"ast"
:
null
,
"code"
:
"var _jsxFileName =
\"
C:
\\\\
Users
\\\\
Bruger
\\\\
Desktop
\\\\
Web-projects
\\\\
pipit
\\\\
client
\\\\
src
\\\\
components
\\\\
reportForm
\\\\
assign
\\\\
Assign.js
\"
,
\n
_s = $RefreshSig$();
\n\n
import React, { useState } from 'react';
\n
import
\"
./assign.css
\"
;
\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
\n
import { jsxDEV as _jsxDEV } from
\"
react/jsx-dev-runtime
\"
;
\n\n
const Assign = () => {
\n
_s();
\n\n
const newArray = [];
\n
const personalProjects = [{
\n
id:
\"
MyApp
\"
,
\n
type:
\"
personal
\"\n
}, {
\n
id:
\"
MyOtherApp
\"
,
\n
type:
\"
personal
\"\n
}];
\n
const sharedProjects = [{
\n
id:
\"
ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Henriks Meme Machine
\"\n
}]
\n
}, {
\n
id:
\"
Very big ReactApp
\"
,
\n
type:
\"
shared
\"
,
\n
teams: [{
\n
name:
\"
Aubergine
\"\n
}]
\n
}];
\n
const [appState, changeState] = useState({
\n
activeObjects: [],
\n
rootDirectoryObjects: [{
\n
id:
\"
Personal projects
\"\n
}, {
\n
id:
\"
Shared projects
\"\n
}]
\n
});
\n\n
const toggleActive = (directory, index) => {
\n
if (directory[index] === newArray[index]) {
\n
changeState({ ...appState,
\n
activeObjects: null
\n
});
\n
console.log(
\"
reset
\"
);
\n
} else {
\n
newArray.push(directory[index]);
\n
changeState({ ...appState,
\n
activeObjects: newArray
\n
});
\n
console.log(appState.activeObjects);
\n
}
\n
};
\n\n
const toggleActiveStyles = (directory, index) => {
\n
if (directory[index] === appState.activeObjects[index]) {
\n
return
\"
active
\"
;
\n
} else return
\"
inactive
\"
;
\n
};
\n\n
const RootDirectoryItems = parentDirectories => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
rootDirectory
\"
,
\n
children: parentDirectories.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: [/*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(parentDirectories, index),
\n
onClick: () => {
\n
toggleActive(parentDirectories, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 47,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, parentDirectories[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 48,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 49,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 46,
\n
columnNumber: 13
\n
}, this), parentDirectories[index] === appState.activeObjects ? parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) : null]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 45,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 43,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
const SubDirectoryItems = directory => {
\n
return /*#__PURE__*/_jsxDEV(
\"
ul
\"
, {
\n
className:
\"
projectListDirectory
\"
,
\n
children: directory.map((elements, index) => /*#__PURE__*/_jsxDEV(
\"
li
\"
, {
\n
children: /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className: toggleActiveStyles(directory, index),
\n
onClick: () => {
\n
toggleActive(directory, index);
\n
},
\n
children: [/*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
folder
\"
,
\n
className:
\"
folder-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 68,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(
\"
a
\"
, {
\n
children: [
\"\\
xA0
\"
, directory[index].id,
\"
\\
xA0
\"
]
\n
}, void 0, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 69,
\n
columnNumber: 15
\n
}, this), /*#__PURE__*/_jsxDEV(FontAwesomeIcon, {
\n
icon:
\"
chevron-right
\"
,
\n
className:
\"
arrow-right-icon
\"\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 70,
\n
columnNumber: 15
\n
}, this)]
\n
}, index, true, {
\n
fileName: _jsxFileName,
\n
lineNumber: 67,
\n
columnNumber: 13
\n
}, this)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 66,
\n
columnNumber: 11
\n
}, this))
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 64,
\n
columnNumber: 7
\n
}, this);
\n
};
\n\n
return /*#__PURE__*/_jsxDEV(
\"
div
\"
, {
\n
className:
\"
assignSelectContainer
\"
,
\n
children: RootDirectoryItems(appState.rootDirectoryObjects)
\n
}, void 0, false, {
\n
fileName: _jsxFileName,
\n
lineNumber: 79,
\n
columnNumber: 5
\n
}, this);
\n
};
\n\n
_s(Assign,
\"
G9VHBYFRMM2vunD5OUCIV/YwKNw=
\"
);
\n\n
_c = Assign;
\n
export default Assign;
\n\n
var _c;
\n\n
$RefreshReg$(_c,
\"
Assign
\"
);"
,
"map"
:{
"version"
:
3
,
"sources"
:[
"C:/Users/Bruger/Desktop/Web-projects/pipit/client/src/components/reportForm/assign/Assign.js"
],
"names"
:[
"React"
,
"useState"
,
"FontAwesomeIcon"
,
"Assign"
,
"newArray"
,
"personalProjects"
,
"id"
,
"type"
,
"sharedProjects"
,
"teams"
,
"name"
,
"appState"
,
"changeState"
,
"activeObjects"
,
"rootDirectoryObjects"
,
"toggleActive"
,
"directory"
,
"index"
,
"console"
,
"log"
,
"push"
,
"toggleActiveStyles"
,
"RootDirectoryItems"
,
"parentDirectories"
,
"map"
,
"elements"
,
"SubDirectoryItems"
],
"mappings"
:
"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"
,
"sourcesContent"
:[
"import React, { useState } from 'react'
\r\n
import
\"
./assign.css
\"\r\n
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
\r\n\r\n
const Assign = () => {
\r\n
const newArray = []
\r\n\r\n
const personalProjects = [
\r\n
{ id:
\"
MyApp
\"
, type:
\"
personal
\"
},
\r\n
{ id:
\"
MyOtherApp
\"
, type:
\"
personal
\"
}
\r\n
]
\r\n\r\n
const sharedProjects = [
\r\n
{ id:
\"
ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Henriks Meme Machine
\"
}] },
\r\n
{ id:
\"
Very big ReactApp
\"
, type:
\"
shared
\"
, teams: [{ name:
\"
Aubergine
\"
}] }
\r\n
]
\r\n\r\n
const [appState, changeState] = useState({
\r\n
activeObjects: [],
\r\n
rootDirectoryObjects: [{ id:
\"
Personal projects
\"
}, { id:
\"
Shared projects
\"
}]
\r\n
})
\r\n\r\n
const toggleActive = (directory, index) => {
\r\n
if (directory[index] === newArray[index]) {
\r\n
changeState({ ...appState, activeObjects: null })
\r\n
console.log(
\"
reset
\"
)
\r\n
}
\r\n
else {
\r\n
newArray.push(directory[index])
\r\n
changeState({ ...appState, activeObjects: newArray })
\r\n
console.log(appState.activeObjects)
\r\n
}
\r\n
}
\r\n\r\n
const toggleActiveStyles = (directory, index) => {
\r\n
if (directory[index] === appState.activeObjects[index]) {
\r\n
return
\"
active
\"\r\n
} else return
\"
inactive
\"\r\n
}
\r\n\r\n
const RootDirectoryItems = (parentDirectories) => {
\r\n
return (
\r\n
< ul className=
\"
rootDirectory
\"
>
\r\n
{parentDirectories.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(parentDirectories, index)} onClick={() => { toggleActive(parentDirectories, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {parentDirectories[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
{
\r\n
parentDirectories[index] === appState.activeObjects ?
\r\n
parentDirectories[index] === 0 ? SubDirectoryItems(personalProjects) : SubDirectoryItems(sharedProjects) :
\r\n
null
\r\n
}
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
const SubDirectoryItems = (directory) => {
\r\n
return (
\r\n
<ul className=
\"
projectListDirectory
\"
>
\r\n
{directory.map((elements, index) => (
\r\n
<li>
\r\n
<div key={index} className={toggleActiveStyles(directory, index)} onClick={() => { toggleActive(directory, index) }} >
\r\n
<FontAwesomeIcon icon=
\"
folder
\"
className=
\"
folder-icon
\"
></FontAwesomeIcon>
\r\n
<a> {directory[index].id} </a>
\r\n
<FontAwesomeIcon icon=
\"
chevron-right
\"
className=
\"
arrow-right-icon
\"
></FontAwesomeIcon>
\r\n
</div>
\r\n
</li>
\r\n
))}
\r\n
</ul >
\r\n
)
\r\n
}
\r\n\r\n
return (
\r\n
<div className=
\"
assignSelectContainer
\"
>
\r\n
{RootDirectoryItems(appState.rootDirectoryObjects)}
\r\n
</div >
\r\n
)
\r\n
}
\r\n\r\n
export default Assign"
]},
"metadata"
:{},
"sourceType"
:
"module"
}
\ No newline at end of file
Prev
1
2
3
4
5
…
15
Next
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
