mario-education 2.4.0 → 2.4.3-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/dist/MarioFramework.Education/ClientApp/src/containers/CSVImport/hooks/useCSVImport.d.ts +8 -0
  2. package/dist/MarioFramework.Education/ClientApp/src/containers/Classes/components/TeacherSelector.d.ts +4 -0
  3. package/dist/MarioFramework.Education/ClientApp/src/containers/SwitchAssistant/components/SwitchAssistantModal.d.ts +4 -0
  4. package/dist/MarioFramework.Education/ClientApp/src/containers/SwitchAssistant/hooks/useSwitchAssistant.d.ts +17 -0
  5. package/dist/MarioFramework.Education/ClientApp/src/containers/SwitchAssistant/utils/constants.d.ts +8 -0
  6. package/dist/MarioFramework.Education/ClientApp/src/containers/SwitchAssistant/utils/type.interface.d.ts +36 -0
  7. package/dist/MarioFramework.Education/ClientApp/src/containers/SwitchAssistant/views/SwitchAssistantList.d.ts +3 -0
  8. package/dist/{containers/Assessment/components/AssessmentDetailModal.d.ts → MarioFramework.Education/ClientApp/src/containers/SwitchTeacher/components/SwitchTeacherModal.d.ts} +0 -0
  9. package/dist/MarioFramework.Education/ClientApp/src/containers/SwitchTeacher/hooks/useSwitchTeacher.d.ts +38 -0
  10. package/dist/MarioFramework.Education/ClientApp/src/containers/SwitchTeacher/views/SwitchTeacherList.d.ts +3 -0
  11. package/dist/MarioFramework.Education/ClientApp/src/services/csvService.d.ts +1 -0
  12. package/dist/MarioFramework.Education/ClientApp/src/services/userDeletedService.d.ts +2 -0
  13. package/dist/MarioFramework.Education/ClientApp/src/services/userService.d.ts +5 -0
  14. package/dist/MarioFramework.Education/ClientApp/src/utils/serviceType.interface.d.ts +8 -0
  15. package/dist/index.css +135 -135
  16. package/dist/index.js +1068 -230
  17. package/dist/index.js.map +1 -1
  18. package/dist/index.modern.js +1068 -230
  19. package/dist/index.modern.js.map +1 -1
  20. package/package.json +91 -91
  21. package/dist/containers/Assessment/hooks/useAssessmentDetail.d.ts +0 -17
  22. package/dist/containers/Assessment/hooks/useAssessmentList.d.ts +0 -9
  23. package/dist/containers/Assessment/views/AssessmentAssignment.d.ts +0 -3
  24. package/dist/containers/Assessment/views/AssessmentList.d.ts +0 -3
  25. package/dist/containers/Badge/components/BadgeDetailModal.d.ts +0 -3
  26. package/dist/containers/Badge/hooks/useBadgeDetail.d.ts +0 -14
  27. package/dist/containers/Badge/hooks/useBadgeList.d.ts +0 -9
  28. package/dist/containers/Badge/views/BadgeList.d.ts +0 -3
  29. package/dist/containers/Classes/components/ClassDetailModal.d.ts +0 -3
  30. package/dist/containers/Classes/hooks/useClassDetail.d.ts +0 -12
  31. package/dist/containers/Classes/hooks/useClassList.d.ts +0 -9
  32. package/dist/containers/Classes/views/ClassList.d.ts +0 -3
  33. package/dist/containers/ConferenceRubric/components/CellList.d.ts +0 -10
  34. package/dist/containers/ConferenceRubric/components/ColumnList.d.ts +0 -11
  35. package/dist/containers/ConferenceRubric/components/RowList.d.ts +0 -11
  36. package/dist/containers/ConferenceRubric/configs/conferenceRubricDetailSchema.d.ts +0 -8
  37. package/dist/containers/ConferenceRubric/hooks/useConferenceRubricDetail.d.ts +0 -48
  38. package/dist/containers/ConferenceRubric/hooks/useConferenceRubricList.d.ts +0 -10
  39. package/dist/containers/ConferenceRubric/views/ConferenceRubricDetail.d.ts +0 -3
  40. package/dist/containers/ConferenceRubric/views/ConferenceRubricList.d.ts +0 -3
  41. package/dist/containers/Feedback/components/FeedbackDetailModal.d.ts +0 -3
  42. package/dist/containers/Feedback/hooks/useFeedbackDetail.d.ts +0 -12
  43. package/dist/containers/Feedback/hooks/useFeedbackList.d.ts +0 -8
  44. package/dist/containers/Feedback/views/FeedbackList.d.ts +0 -3
  45. package/dist/containers/GoalExample/components/GoalExampleDetailModal.d.ts +0 -3
  46. package/dist/containers/GoalExample/hooks/useGoalExampleDetail.d.ts +0 -13
  47. package/dist/containers/GoalExample/hooks/useGoalExampleList.d.ts +0 -9
  48. package/dist/containers/GoalExample/views/GoalExampleList.d.ts +0 -3
  49. package/dist/containers/LearningStrategy/components/StrategyDetailModal.d.ts +0 -3
  50. package/dist/containers/LearningStrategy/hooks/useLearningStrategyList.d.ts +0 -9
  51. package/dist/containers/LearningStrategy/hooks/useStrategyDetail.d.ts +0 -13
  52. package/dist/containers/LearningStrategy/views/LearningStrategyList.d.ts +0 -3
  53. package/dist/containers/ManageAssistant/views/ManageAssistantList.d.ts +0 -3
  54. package/dist/containers/QuestionBank/components/AdditionalComponent.d.ts +0 -7
  55. package/dist/containers/QuestionBank/components/AgGridComponents.d.ts +0 -9
  56. package/dist/containers/QuestionBank/components/AnswerList.d.ts +0 -8
  57. package/dist/containers/QuestionBank/components/QuestionPreview.d.ts +0 -3
  58. package/dist/containers/QuestionBank/components/SliderScale.d.ts +0 -8
  59. package/dist/containers/QuestionBank/components/StarRating.d.ts +0 -7
  60. package/dist/containers/QuestionBank/configs/questionDetailSchema.d.ts +0 -21
  61. package/dist/containers/QuestionBank/configs/validationAnswerId.d.ts +0 -2
  62. package/dist/containers/QuestionBank/configs/validationChoices.d.ts +0 -2
  63. package/dist/containers/QuestionBank/hooks/useQuestionAnswerList.d.ts +0 -7
  64. package/dist/containers/QuestionBank/hooks/useQuestionDetail.d.ts +0 -23
  65. package/dist/containers/QuestionBank/hooks/useQuestionList.d.ts +0 -12
  66. package/dist/containers/QuestionBank/views/QuestionBankList.d.ts +0 -3
  67. package/dist/containers/QuestionBank/views/QuestionDetail.d.ts +0 -3
  68. package/dist/containers/QuestionCategory/components/QuestionCateModal.d.ts +0 -3
  69. package/dist/containers/QuestionCategory/hooks/useQuestionCateDetail.d.ts +0 -13
  70. package/dist/containers/QuestionCategory/hooks/useQuestionCateList.d.ts +0 -9
  71. package/dist/containers/QuestionCategory/views/QuestionCategogyList.d.ts +0 -3
  72. package/dist/containers/ReflectionForm/components/QuestionSplitPaneSelector.d.ts +0 -3
  73. package/dist/containers/ReflectionForm/components/ReflectionDetailModal.d.ts +0 -3
  74. package/dist/containers/ReflectionForm/hooks/useQuestionCategory.d.ts +0 -13
  75. package/dist/containers/ReflectionForm/hooks/useReflectionFormDetail.d.ts +0 -16
  76. package/dist/containers/ReflectionForm/hooks/useReflectionFormList.d.ts +0 -9
  77. package/dist/containers/ReflectionForm/views/ReflectionFormList.d.ts +0 -3
  78. package/dist/containers/Setup/views/SetupContainer.d.ts +0 -3
  79. package/dist/containers/Subject/components/SubjectDetailModal.d.ts +0 -3
  80. package/dist/containers/Subject/hooks/useSubjectDetail.d.ts +0 -13
  81. package/dist/containers/Subject/hooks/useSubjectList.d.ts +0 -9
  82. package/dist/containers/Subject/views/SubjectList.d.ts +0 -3
  83. package/dist/containers/SuggestionBank/components/SuggestionDetailModal.d.ts +0 -3
  84. package/dist/containers/SuggestionBank/hooks/useKeywordList.d.ts +0 -10
  85. package/dist/containers/SuggestionBank/hooks/useSuggestionDetail.d.ts +0 -24
  86. package/dist/containers/SuggestionBank/hooks/useSuggestionList.d.ts +0 -10
  87. package/dist/containers/SuggestionBank/views/SuggestionList.d.ts +0 -3
  88. package/dist/index.d.ts +0 -16
  89. package/dist/index.test.d.ts +0 -1
  90. package/dist/services/assessmentService.d.ts +0 -6
  91. package/dist/services/badgeService.d.ts +0 -6
  92. package/dist/services/classService.d.ts +0 -6
  93. package/dist/services/conferenceRubricService.d.ts +0 -7
  94. package/dist/services/feedbackService.d.ts +0 -6
  95. package/dist/services/goalExampleService.d.ts +0 -6
  96. package/dist/services/learningStrategyService.d.ts +0 -6
  97. package/dist/services/questionCategoryService.d.ts +0 -6
  98. package/dist/services/questionService.d.ts +0 -6
  99. package/dist/services/reflectionFormService.d.ts +0 -6
  100. package/dist/services/studentService.d.ts +0 -2
  101. package/dist/services/subjectService.d.ts +0 -6
  102. package/dist/services/suggestionService.d.ts +0 -6
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import { Option } from "../../Classes/components/TeacherSelector";
2
3
  declare enum CSVType {
3
4
  Students = "students",
4
5
  Subjects = "subjects",
@@ -27,5 +28,12 @@ declare const useCSVImport: () => {
27
28
  setArrStudent: import("react").Dispatch<any>;
28
29
  arrStudent: any;
29
30
  isCheckDomainIBS: boolean;
31
+ onChangeTeacher: (teacher: Option) => void;
32
+ uploadByTeacherId: (file: any) => Promise<void>;
33
+ setDataFileImportStudent: (dataFile: any) => void;
34
+ onUpLoadStudentFile: () => void;
35
+ defaultTeacher: number;
36
+ fileName: string;
37
+ onStudentSubmit: () => void;
30
38
  };
31
39
  export default useCSVImport;
@@ -3,5 +3,9 @@ interface Props {
3
3
  defaultValue: number | null | undefined;
4
4
  onChange: Function;
5
5
  }
6
+ export interface Option {
7
+ label: string;
8
+ value: number;
9
+ }
6
10
  declare const TeacherSelector: FC<Props>;
7
11
  export default TeacherSelector;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ISwitchAssistantModal } from "../utils/type.interface";
3
+ declare const _default: React.ForwardRefExoticComponent<ISwitchAssistantModal & React.RefAttributes<HTMLInputElement>>;
4
+ export default _default;
@@ -0,0 +1,17 @@
1
+ /// <reference types="react" />
2
+ import { IOptions, IStudentAssistantItem } from "../utils/type.interface";
3
+ declare const useSwitchAssistant: () => {
4
+ userList: IStudentAssistantItem[];
5
+ totalItems: number;
6
+ filters: import("mario-core").Filter;
7
+ changeFilters: (updatedFilters: any) => void;
8
+ modal: import("react").MutableRefObject<any>;
9
+ userChoiced: IStudentAssistantItem;
10
+ options: IOptions[];
11
+ setAssistantChangeId: import("react").Dispatch<import("react").SetStateAction<string>>;
12
+ assistantChangeId: string;
13
+ removeData: (teacherUserId: string, studentId: number) => Promise<void>;
14
+ resetData: () => void;
15
+ choiceUser: (userChoiced: IStudentAssistantItem) => void;
16
+ };
17
+ export default useSwitchAssistant;
@@ -0,0 +1,8 @@
1
+ export declare const INITIAL_USER_CHOICE: {
2
+ id: number;
3
+ emailStudent: string;
4
+ studentName: string;
5
+ assistantId: string;
6
+ emailAssistant: string;
7
+ assistantName: string;
8
+ };
@@ -0,0 +1,36 @@
1
+ export interface IOptions {
2
+ label: string;
3
+ value: string;
4
+ }
5
+ export declare type USER_CHOICE = {
6
+ id: string;
7
+ studentName: string;
8
+ emailStudent: string;
9
+ assistantId: string;
10
+ emailAssistant: string;
11
+ assistantName: string;
12
+ };
13
+ export interface ISwitchAssistantModal {
14
+ header: string;
15
+ removeData: (teacherUserId: string, studentId: number | string) => Promise<void>;
16
+ resetData: () => void;
17
+ userChoiced: IStudentAssistantItem;
18
+ options: IOptions[];
19
+ assistantChangeId: string;
20
+ setAssistantChangeId: (value: any) => void;
21
+ }
22
+ export interface IStudentAssistantItem {
23
+ id: number;
24
+ emailStudent: string;
25
+ studentName: string;
26
+ assistantId?: string;
27
+ emailAssistant?: string;
28
+ assistantName?: string;
29
+ }
30
+ export declare type TypeStudentAssistantData = {
31
+ currentPage: number;
32
+ pageSize: number;
33
+ totalItems: number;
34
+ totalPages: number;
35
+ items: IStudentAssistantItem[];
36
+ };
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const SwitchAssistantList: () => JSX.Element;
3
+ export default SwitchAssistantList;
@@ -0,0 +1,38 @@
1
+ /// <reference types="react" />
2
+ export declare type USER_CHOICE = {
3
+ id: string;
4
+ studentName: string;
5
+ emailStudent: string;
6
+ teacherUserId: string;
7
+ emailTeacher: string;
8
+ teacherName: string;
9
+ };
10
+ export declare const initialUserChoice: {
11
+ id: string;
12
+ studentName: string;
13
+ emailStudent: string;
14
+ teacherUserId: string;
15
+ emailTeacher: string;
16
+ teacherName: string;
17
+ };
18
+ declare const useSwitchTeacher: () => {
19
+ userList: USER_CHOICE[];
20
+ totalItems: number;
21
+ filters: import("mario-core").Filter;
22
+ getData: () => Promise<void>;
23
+ changeFilters: (updatedFilters: any) => void;
24
+ modal: import("react").MutableRefObject<any>;
25
+ openModal: () => void;
26
+ teacherList: never[];
27
+ options: {
28
+ label: string;
29
+ value: any;
30
+ }[];
31
+ setUserChoiced: import("react").Dispatch<import("react").SetStateAction<USER_CHOICE>>;
32
+ userChoiced: USER_CHOICE;
33
+ setTeacherChangeId: import("react").Dispatch<import("react").SetStateAction<string>>;
34
+ teacherChangeId: string;
35
+ removeData: (teacherUserId: number, studentId: number) => Promise<void>;
36
+ resetData: () => void;
37
+ };
38
+ export default useSwitchTeacher;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const SwitchTeacherList: () => JSX.Element;
3
+ export default SwitchTeacherList;
@@ -1,3 +1,4 @@
1
1
  export declare const importCSV: (formData: FormData, subFolder: string) => Promise<import("axios").AxiosResponse<any>>;
2
2
  export declare const importStudentCSV: (formData: FormData) => Promise<import("axios").AxiosResponse<any>>;
3
3
  export declare const importClassReflectionCSV: (formData: FormData) => Promise<import("axios").AxiosResponse<any>>;
4
+ export declare const importStudentByTeacher: (teacherId: number, formData: FormData) => Promise<import("axios").AxiosResponse<any>>;
@@ -1,3 +1,5 @@
1
1
  export declare const get: (filter: any) => Promise<import("axios").AxiosResponse<any>>;
2
2
  export declare const remove: (id: string, userChangeId?: string | undefined) => Promise<import("axios").AxiosResponse<any>>;
3
3
  export declare const getTeacher: () => Promise<import("axios").AxiosResponse<any>>;
4
+ export declare const getStudentAll: (filter: any) => Promise<import("axios").AxiosResponse<any>>;
5
+ export declare const changeTeacherOfStudent: (id: number, teacherUserId: any) => Promise<import("axios").AxiosResponse<any>>;
@@ -0,0 +1,5 @@
1
+ import { TypeStudentAssistantData } from "../containers/SwitchAssistant/utils/type.interface";
2
+ import { IStudentWidthAssistant } from "../utils/serviceType.interface";
3
+ export declare const getStudentAssistant: (data: IStudentWidthAssistant) => Promise<import("axios").AxiosResponse<TypeStudentAssistantData>>;
4
+ export declare const getAssistant: () => Promise<import("axios").AxiosResponse<any>>;
5
+ export declare const changeAssistantOfStudent: (id: number, assistantUserId: string) => Promise<import("axios").AxiosResponse<any>>;
@@ -0,0 +1,8 @@
1
+ export interface IStudentWidthAssistant {
2
+ currentPage?: number;
3
+ name?: string;
4
+ softBy?: string;
5
+ softOrder?: string;
6
+ searchString?: string;
7
+ pageSize?: number;
8
+ }
package/dist/index.css CHANGED
@@ -1,136 +1,136 @@
1
- /* add css module styles here (optional) */
2
- :root {
3
- --custom-gray: #ccc;
4
- --custom-blue: #0090e3;
5
- }
6
-
7
-
8
- ._3ybTi {
9
- margin: 2em;
10
- padding: 0.5em;
11
- border: 2px solid #000;
12
- font-size: 2em;
13
- text-align: center;
14
- }
15
- ._1H0W8 {
16
- height: 426px !important;
17
- }
18
- tbody._b-AXV {
19
- height: 300px;
20
- display: block;
21
- width: 370px;
22
- overflow: auto;
23
- border: 2px solid #ced4da;
24
- margin-top: 15px;
25
- }
26
- tbody._b-AXV::-webkit-scrollbar {
27
- width: 10px;
28
- background-color: #ced4da;
29
- }
30
- tbody._b-AXV tr td {
31
- display: block;
32
- width: 100%;
33
- border: none;
34
- }
35
- tbody._b-AXV tr {
36
- overflow: hidden;
37
- text-overflow: ellipsis;
38
- display: -webkit-box;
39
- -webkit-line-clamp: 2;
40
- -webkit-box-orient: vertical;
41
- }
42
-
43
- ._1fgfO {
44
- width: 40px;
45
- height: 40px;
46
- }
47
-
48
- ._2YR4l {
49
- width: 40px;
50
- height: 20px;
51
- border-radius: 4px;
52
- box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
53
- }
54
-
55
- ._114IY {
56
- max-height: 600px;
57
- }
58
-
59
- ._qE7J0 {
60
- width: 70px;
61
- }
62
-
63
- ._2BV3o {
64
- width: 300px;
65
- font-size: 1.5rem;
66
- font-weight: 600;
67
- }
68
-
69
- ._1P4F2 {
70
- height: 40px;
71
- }
72
-
73
- ._1SRmg {
74
- font-weight: 500;
75
- }
76
- ._ZDINp img {
77
- width: 100px;
78
- height: 100px;
79
- border-radius: 50%;
80
- }
81
-
82
- ._Kzkzd > i {
83
- color: #f9e517;
84
- font-size: 25px;
85
- margin-right: 10px;
86
- }
87
-
88
- ._Q0sF1 {
89
- max-height: calc(100vh - 200px);
90
- overflow-y: auto;
91
- margin-bottom: 8px;
92
- }
93
-
94
- ._gu_yD {
95
- font-weight: 550;
96
- padding: 8px 16px;
97
- border: 1px solid var(--custom-gray);
98
- border-radius: 4px;
99
- margin-bottom: 8px;
100
- background-color: white;
101
- }
102
-
103
- ._33tYy {
104
- background-color: var(--custom-blue);
105
- color: white
106
- }
107
- ._3DVMZ {
108
- display: flex;
109
- flex: 0 0 17%;
110
- flex-direction: column;
111
- margin-right: 2rem;
112
- }
113
- ._3DVMZ > div {
114
- border: 1px solid #eaeaea;
115
- }
116
- h6._3zOGW {
117
- text-decoration: underline;
118
- font-size: 13px;
119
- cursor: pointer;
120
- }
121
- ._3DQwX {
122
- padding: 10px 0px 20px;
123
- border-bottom: 1px solid #cdcdcd;
124
- }
1
+ /* add css module styles here (optional) */
2
+ :root {
3
+ --custom-gray: #ccc;
4
+ --custom-blue: #0090e3;
5
+ }
6
+
7
+
8
+ ._3ybTi {
9
+ margin: 2em;
10
+ padding: 0.5em;
11
+ border: 2px solid #000;
12
+ font-size: 2em;
13
+ text-align: center;
14
+ }
15
+ ._1H0W8 {
16
+ height: 426px !important;
17
+ }
18
+ tbody._b-AXV {
19
+ height: 300px;
20
+ display: block;
21
+ width: 370px;
22
+ overflow: auto;
23
+ border: 2px solid #ced4da;
24
+ margin-top: 15px;
25
+ }
26
+ tbody._b-AXV::-webkit-scrollbar {
27
+ width: 10px;
28
+ background-color: #ced4da;
29
+ }
30
+ tbody._b-AXV tr td {
31
+ display: block;
32
+ width: 100%;
33
+ border: none;
34
+ }
35
+ tbody._b-AXV tr {
36
+ overflow: hidden;
37
+ text-overflow: ellipsis;
38
+ display: -webkit-box;
39
+ -webkit-line-clamp: 2;
40
+ -webkit-box-orient: vertical;
41
+ }
42
+
43
+ ._1fgfO {
44
+ width: 40px;
45
+ height: 40px;
46
+ }
47
+
48
+ ._2YR4l {
49
+ width: 40px;
50
+ height: 20px;
51
+ border-radius: 4px;
52
+ box-shadow: 1px 1px rgba(0, 0, 0, 0.4);
53
+ }
54
+
55
+ ._114IY {
56
+ max-height: 600px;
57
+ }
125
58
 
126
- ._1Jgr2 {
127
- border: 1px solid grey;
128
- padding: 16px;
129
- min-height: 450px;
130
- display: flex;
131
- flex-direction: column;
132
- }
133
-
134
- ._3Thdy {
135
- max-width: 200px;
136
- }
59
+ ._qE7J0 {
60
+ width: 70px;
61
+ }
62
+
63
+ ._2BV3o {
64
+ width: 300px;
65
+ font-size: 1.5rem;
66
+ font-weight: 600;
67
+ }
68
+
69
+ ._1P4F2 {
70
+ height: 40px;
71
+ }
72
+
73
+ ._1SRmg {
74
+ font-weight: 500;
75
+ }
76
+ ._ZDINp img {
77
+ width: 100px;
78
+ height: 100px;
79
+ border-radius: 50%;
80
+ }
81
+
82
+ ._Kzkzd > i {
83
+ color: #f9e517;
84
+ font-size: 25px;
85
+ margin-right: 10px;
86
+ }
87
+
88
+ ._Q0sF1 {
89
+ max-height: calc(100vh - 200px);
90
+ overflow-y: auto;
91
+ margin-bottom: 8px;
92
+ }
93
+
94
+ ._gu_yD {
95
+ font-weight: 550;
96
+ padding: 8px 16px;
97
+ border: 1px solid var(--custom-gray);
98
+ border-radius: 4px;
99
+ margin-bottom: 8px;
100
+ background-color: white;
101
+ }
102
+
103
+ ._33tYy {
104
+ background-color: var(--custom-blue);
105
+ color: white
106
+ }
107
+ ._3DVMZ {
108
+ display: flex;
109
+ flex: 0 0 17%;
110
+ flex-direction: column;
111
+ margin-right: 2rem;
112
+ }
113
+ ._3DVMZ > div {
114
+ border: 1px solid #eaeaea;
115
+ }
116
+ h6._3zOGW {
117
+ text-decoration: underline;
118
+ font-size: 13px;
119
+ cursor: pointer;
120
+ }
121
+ ._3DQwX {
122
+ padding: 10px 0px 20px;
123
+ border-bottom: 1px solid #cdcdcd;
124
+ }
125
+
126
+ ._1Jgr2 {
127
+ border: 1px solid grey;
128
+ padding: 16px;
129
+ min-height: 450px;
130
+ display: flex;
131
+ flex-direction: column;
132
+ }
133
+
134
+ ._3Thdy {
135
+ max-width: 200px;
136
+ }