@@ -15,7 +15,7 @@ import { RdsCard } from "../rds-elements";
1515import { RdsBadge } from "../rds-elements" ;
1616import "./rds-comp-kanban-board.css" ;
1717import { DragDropContext , Droppable , Draggable } from "react-beautiful-dnd" ;
18- import { InputSize } from "../../../raaghu-elements/src/rds-input/rds-input" ;
18+ import { InputSize , LabelPosition } from "../../../raaghu-elements/src/rds-input/rds-input" ;
1919import { CardTypes } from "../../../raaghu-elements/src/rds-card/rds-card" ;
2020import { DropdownSize , DropdownState , DropdownStyle } from "../../../raaghu-elements/src/rds-dropdown-list/rds-dropdown-list" ;
2121
@@ -71,9 +71,9 @@ const RdsCompKanbanBoard = (props: RdsCompKanbanBoardProps) => {
7171 const [ allowAddingNewCard , setAllowAddingNewCard ] = useState (
7272 props . allowAddingNewCard || true
7373 ) ;
74- const [ allowAddingNewSubCard , setAllowAddingNewSubCard ] = useState (
75- props . allowAddingNewSubCard || true
76- ) ;
74+ // const [allowAddingNewSubCard, setAllowAddingNewSubCard] = useState(
75+ // props.allowAddingNewSubCard || true
76+ // );
7777
7878 const [ showAddBoardBtn , setShowAddBoardBtn ] = useState (
7979 props . allowAddingNewCard ? false : true
@@ -837,10 +837,10 @@ const RdsCompKanbanBoard = (props: RdsCompKanbanBoardProps) => {
837837 ) }
838838 </ Draggable >
839839 ) ) }
840- { allowAddingNewSubCard && (
840+ { props . allowAddingNewSubCard && (
841841 < >
842842 { subCardInputsVisible === index ? (
843- < div className = "mt-3 " >
843+ < div className = "mt-2 " >
844844 { /* <RdsInput
845845 id=""
846846 inputType="text"
@@ -902,21 +902,18 @@ const RdsCompKanbanBoard = (props: RdsCompKanbanBoardProps) => {
902902 { /* </div> */ }
903903
904904 < RdsDropdownList
905- // isSearch={true}
906- hint = "Hint Text"
907905 icon = "dropdown_icon"
908906 iconHeight = "1px"
909907 iconWidth = "1px"
910908 borderDropdown = { true }
911909 isPlaceholder = { true }
912910 listItems = { props ?. allCategoriesList }
913- showHint
914911 showIcon
915912 showTitle
916913 size = { DropdownSize . Default }
917914 state = { DropdownState . Default }
918915 style = { DropdownStyle . Default }
919- title = "Label "
916+ title = "Category "
920917 onClick = { ( e : any , val : any ) =>
921918 handleAddQuestionDataChanges (
922919 val ,
@@ -925,46 +922,63 @@ const RdsCompKanbanBoard = (props: RdsCompKanbanBoardProps) => {
925922 }
926923 placeholder = "Select Category"
927924 />
928- < div className = "pt-1" >
929- < RdsInput
930- id = ""
931- inputType = "text"
932- placeholder = "Enter Title"
933- showIcon
934- size = { InputSize . Medium }
935- value = { addQuestionData ?. title || "" }
936- onChange = { ( e : any ) => handleAddQuestionDataChanges (
937- e . target . value ,
938- "title"
939- ) } name = { "" } />
925+ < div className = "" >
926+ < RdsInput
927+ fontWeight = "normal"
928+ id = "default-input"
929+ inputType = "text"
930+ label
931+ labelPosition = { LabelPosition . Top }
932+ name = "Title"
933+ placeholder = "Enter Title"
934+ showIcon
935+ size = { InputSize . Medium }
936+ state = "default"
937+ style = "Default"
938+ value = { addQuestionData ?. title || "" }
939+ onChange = { ( e : any ) => handleAddQuestionDataChanges (
940+ e . target . value ,
941+ "title"
942+ ) }
943+ />
940944 </ div >
941- < div className = "pt-1 " >
945+ < div className = "" >
942946 < RdsInput
943- id = ""
947+ fontWeight = "normal"
948+ id = "default-input"
944949 inputType = "text"
950+ label
951+ labelPosition = { LabelPosition . Top }
952+ name = "Description"
945953 placeholder = "Enter Description"
954+ showIcon = { false }
955+ size = { InputSize . Medium }
956+ state = "default"
957+ style = "Default"
946958 value = { addQuestionData ?. description || "" }
947959 onChange = { ( e : any ) => handleAddQuestionDataChanges (
948960 e . target . value ,
949961 "description"
950962 ) }
951- size = { InputSize . Small } name = { "" } />
963+ />
952964 </ div >
953- < div className = "pt-1 " >
965+ < div className = "mt-3 " >
954966 < RdsDropdownList
967+ showTitle
955968 borderDropdown = { true }
956969 isPlaceholder = { true }
957970 listItems = { props . allTagsList }
958971 multiSelect = { true }
959- // isSearch={true}
972+ title = "Tags"
960973 placeholder = "Select Tags"
961974 selectedItems = { ( items ) => {
962975 onSelectedCreators ( items ) ;
976+
963977 } }
964978 />
965979 </ div >
966980
967- < div className = "mt-2 d-flex add-item-btn btn-margin" >
981+ < div className = " d-flex add-item-btn btn-margin" >
968982 < RdsButton
969983 badgeLayout = "Text_only"
970984 badgeState = "default"
@@ -982,11 +996,11 @@ const RdsCompKanbanBoard = (props: RdsCompKanbanBoardProps) => {
982996 onClick = { ( ) => onAddSubCardClick ( index ) }
983997 />
984998 < RdsIcon
985- classes = { "m-2 close-board " }
999+ classes = { "close-board mt-2 mx-2 " }
9861000 colorVariant = "black"
9871001 name = "cancel"
988- height = "12px "
989- width = "12px "
1002+ height = "8px "
1003+ width = "8px "
9901004 onClick = { ( ) =>
9911005 setSubCardInputsVisible ( null )
9921006 }
@@ -1025,58 +1039,60 @@ const RdsCompKanbanBoard = (props: RdsCompKanbanBoardProps) => {
10251039 ) }
10261040 </ div >
10271041 ) ) }
1028- { allowAddingNewCard && (
1029- < >
1030- { showAddBoardBtn && (
1031- < div className = " mt-2 add-board" >
1032- < div className = "col-md-12" >
1033- < RdsInput
1034- id = ""
1035- inputType = "text"
1036- placeholder = "Enter Board Title"
1037- size = { InputSize . Small }
1038- value = { boardName }
1039- onChange = { ( event ) => handleDataChanges ( event ) } name = { "" } />
1040- </ div >
1041- < div className = "mt-2 d-flex add-item-btn btn-margin" >
1042- < RdsButton
1043- colorVariant = "default"
1044- icon = "plus_circle"
1045- label = "Add Board"
1046- size = "medium"
1047- style = "outline"
1048- state = "hover"
1049- onClick = { onAddButtonClick }
1050- />
1051- < RdsIcon
1052- classes = { "m-2" }
1053- colorVariant = "black"
1054- name = "cancel"
1055- height = "13px"
1056- width = "13px"
1057- onClick = { onCancel }
1058- />
1059- </ div >
1060- </ div >
1061- ) }
1062- { ! showAddBoardBtn && addButton && (
1063- < div className = "d-flex align-items-center mt-2 add-board" >
1064- < div className = "add-item-btn add-board-btn flex-grow-1" >
1065- < RdsButton
1066- class = "mt-2"
1067- colorVariant = "default"
1068- icon = "plus_circle"
1069- label = "Add Board"
1070- size = "medium"
1071- style = "outline"
1072- state = "hover"
1073- onClick = { handleShowInputBox }
1074- />
1075- </ div >
1076- </ div >
1077- ) }
1078- </ >
1079- ) }
1042+ { props . allowAddingNewCard !== undefined && (
1043+ < >
1044+ { showAddBoardBtn && props . allowAddingNewCard && (
1045+ < div className = "mt-2 add-board" >
1046+ < div className = "col-md-12" >
1047+ < RdsInput
1048+ id = ""
1049+ inputType = "text"
1050+ placeholder = "Enter Board Title"
1051+ size = { InputSize . Small }
1052+ value = { boardName }
1053+ onChange = { ( event ) => handleDataChanges ( event ) }
1054+ name = ""
1055+ />
1056+ </ div >
1057+ < div className = "mt-2 d-flex add-item-btn btn-margin" >
1058+ < RdsButton
1059+ colorVariant = "default"
1060+ icon = "plus_circle"
1061+ label = "Add Board"
1062+ size = "medium"
1063+ style = "outline"
1064+ state = "hover"
1065+ onClick = { onAddButtonClick }
1066+ />
1067+ < RdsIcon
1068+ classes = { "m-2" }
1069+ colorVariant = "black"
1070+ name = "cancel"
1071+ height = "13px"
1072+ width = "13px"
1073+ onClick = { onCancel }
1074+ />
1075+ </ div >
1076+ </ div >
1077+ ) }
1078+ { ! showAddBoardBtn && props . allowAddingNewCard && addButton && (
1079+ < div className = "d-flex align-items-center mt-2 add-board" >
1080+ < div className = "add-item-btn add-board-btn flex-grow-1" >
1081+ < RdsButton
1082+ class = "mt-2"
1083+ colorVariant = "default"
1084+ icon = "plus_circle"
1085+ label = "Add Board"
1086+ size = "medium"
1087+ style = "outline"
1088+ state = "hover"
1089+ onClick = { handleShowInputBox }
1090+ />
1091+ </ div >
1092+ </ div >
1093+ ) }
1094+ </ >
1095+ ) }
10801096 </ div >
10811097 </ DragDropContext >
10821098 ) ;
0 commit comments