Skip to content

Commit

Permalink
Merge branch 'develop' into issue6637
Browse files Browse the repository at this point in the history
  • Loading branch information
@parthksingh1
parthksingh1 authored Nov 21, 2023
2 parents 7a1cafb + 3eade87 commit 6d78d8c
Show file tree
Hide file tree
Showing 16 changed files with 244 additions and 187 deletions.
1 change: 1 addition & 0 deletions src/Components/Assets/AssetServiceEditModal.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -192,6 +192,7 @@ export const AssetServiceEditModal = (props: {
className="mt-2"
position="LEFT"
value={new Date(form.serviced_on)}
max={new Date(props.service_record.created_date)}
onChange={(date) => {
if (
dayjs(date.value).format("YYYY-MM-DD") >
Expand Down
4 changes: 2 additions & 2 deletions src/Components/Assets/AssetsList.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -189,12 +189,12 @@ const AssetsList = () => {
<Link
key={asset.id}
href={`/facility/${asset?.location_object.facility.id}/assets/${asset.id}`}
className="text-inherit"
className="h-full text-inherit"
data-testid="created-asset-list"
>
<div
key={asset.id}
className="border-1 w-full cursor-pointer items-center justify-center rounded-lg border border-transparent bg-white p-5 shadow hover:border-primary-500"
className="border-1 h-full w-full cursor-pointer items-center justify-center rounded-lg border border-transparent bg-white p-5 shadow hover:border-primary-500"
>
<div className="md:flex">
<p className="flex break-words text-xl font-medium capitalize">
Expand Down
82 changes: 53 additions & 29 deletions src/Components/Common/DateInputV2.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@ import CareIcon from "../../CAREUI/icons/CareIcon";
import { Popover } from "@headlessui/react";
import { classNames } from "../../Utils/utils";
import dayjs from "../../Utils/dayjs";
import * as Notification from "../../Utils/Notifications.js";
import { t } from "i18next";

type DatePickerType = "date" | "month" | "year";
export type DatePickerPosition = "LEFT" | "RIGHT" | "CENTER";
Expand All @@ -16,6 +18,7 @@ interface Props {
value: Date | undefined;
min?: Date;
max?: Date;
outOfLimitsErrorMessage?: string;
onChange: (date: Date) => void;
position?: DatePickerPosition;
disabled?: boolean;
Expand All @@ -34,6 +37,7 @@ const DateInputV2: React.FC<Props> = ({
value,
min,
max,
outOfLimitsErrorMessage,
onChange,
position,
disabled,
Expand Down Expand Up @@ -100,16 +104,21 @@ const DateInputV2: React.FC<Props> = ({
) => void;

const setDateValue = (date: number, close: CloseFunction) => () => {
isDateWithinConstraints(date) &&
onChange(
new Date(
datePickerHeaderDate.getFullYear(),
datePickerHeaderDate.getMonth(),
date
)
);
close();
setIsOpen?.(false);
isDateWithinConstraints(date)
? (() => {
onChange(
new Date(
datePickerHeaderDate.getFullYear(),
datePickerHeaderDate.getMonth(),
date
)
);
close();
setIsOpen?.(false);
})()
: Notification.Error({
msg: outOfLimitsErrorMessage ?? "Cannot select date out of range",
});
};

const getDayCount = (date: Date) => {
Expand Down Expand Up @@ -220,7 +229,7 @@ const DateInputV2: React.FC<Props> = ({
readOnly
disabled={disabled}
className={`cui-input-base cursor-pointer disabled:cursor-not-allowed ${className}`}
placeholder={placeholder ?? "Select date"}
placeholder={placeholder ?? t("select_date")}
value={value && dayjs(value).format("DD/MM/YYYY")}
/>
<div className="absolute right-0 top-1/2 -translate-y-1/2 p-2">
Expand Down Expand Up @@ -248,7 +257,7 @@ const DateInputV2: React.FC<Props> = ({
[dd, mm, yyyy].filter(Boolean).join("/")
) || ""
} // Display the value in DD/MM/YYYY format
placeholder="DD/MM/YYYY"
placeholder={t("DD/MM/YYYY")}
onChange={(e) => {
setDisplayValue(e.target.value.replaceAll("/", ""));
const value = dayjs(e.target.value, "DD/MM/YYYY", true);
Expand Down Expand Up @@ -330,26 +339,41 @@ const DateInputV2: React.FC<Props> = ({
className="aspect-square w-[14.26%] border border-transparent p-1 text-center text-sm"
/>
))}
{dayCount.map((d, i) => (
<div
key={i}
id={`date-${d}`}
className="aspect-square w-[14.26%]"
>
{dayCount.map((d, i) => {
const withinConstraints = isDateWithinConstraints(d);
const selected = value && isSelectedDate(d);

const baseClasses =
"flex h-full items-center justify-center rounded text-center text-sm leading-loose transition duration-100 ease-in-out";
let conditionalClasses = "";

if (withinConstraints) {
if (selected) {
conditionalClasses =
"bg-primary-500 font-bold text-white";
} else {
conditionalClasses =
"hover:bg-gray-300 cursor-pointer";
}
} else {
conditionalClasses =
"!cursor-not-allowed !text-gray-400";
}
return (
<div
onClick={setDateValue(d, close)}
className={classNames(
"flex h-full cursor-pointer items-center justify-center rounded text-center text-sm leading-loose text-black transition duration-100 ease-in-out",
value && isSelectedDate(d)
? "bg-primary-500 font-bold text-white"
: "hover:bg-gray-300",
!isDateWithinConstraints(d) && "!text-gray-300"
)}
key={i}
id={`date-${d}`}
className="aspect-square w-[14.26%]"
>
{d}
<div
onClick={setDateValue(d, close)}
className={`${baseClasses} ${conditionalClasses}`}
>
{d}
</div>
</div>
</div>
))}
);
})}
</div>
</>
)}
Expand Down
2 changes: 1 addition & 1 deletion src/Components/Common/RelativeDateUserMention.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ function RelativeDateUserMention(props: {
tooltipPosition?: "top" | "bottom" | "left" | "right";
}) {
return (
<div className="flex flex-row items-center">
<div className="flex flex-row flex-wrap items-center justify-center ">
<div className="tooltip">
<span
className={`tooltip-text tooltip-${props.tooltipPosition || "top"}`}
Expand Down
11 changes: 10 additions & 1 deletion src/Components/Facility/AddBedForm.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -229,12 +229,21 @@ export const AddBedForm = (props: BedFormProps) => {
min={1}
max={100}
onChange={(e) => setNumberOfBeds(Number(e.value))}
error={
numberOfBeds > 100
? "Number of beds cannot be greater than 100"
: undefined
}
/>
</>
)}
<div className="mt-4 flex flex-col gap-3 sm:flex-row sm:justify-end">
<Cancel onClick={handleCancel} />
<Submit onClick={handleSubmit} label={buttonText} />
<Submit
onClick={handleSubmit}
label={buttonText}
disabled={numberOfBeds > 100}
/>
</div>
</form>
</Card>
Expand Down
4 changes: 3 additions & 1 deletion src/Components/Facility/AddInventoryForm.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ import TextFormField from "../Form/FormFields/TextFormField";
import { InventoryItemsModel } from "./models";
import { Cancel, Submit } from "../Common/components/ButtonV2";
import useAppHistory from "../../Common/hooks/useAppHistory";

const Loading = lazy(() => import("../Common/Loading"));

const initForm = {
Expand Down Expand Up @@ -122,6 +123,7 @@ export const AddInventoryForm = (props: any) => {
setFacilityName("");
}
}

fetchFacilityName();
}, [dispatchAction, facilityId]);

Expand Down Expand Up @@ -327,7 +329,7 @@ export const AddInventoryForm = (props: any) => {
/>
</div>
</div>
<div className="mt-4 flex flex-col justify-between gap-2 md:flex-row">
<div className="cui-form-button-group">
<Cancel onClick={() => goBack()} />
<Submit onClick={handleSubmit} label="Add/Update Inventory" />
</div>
Expand Down
1 change: 1 addition & 0 deletions src/Components/Facility/AssetCreate.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -883,6 +883,7 @@ const AssetCreate = (props: AssetProps) => {
name="last_serviced_on"
className="mt-2"
position="RIGHT"
disableFuture
value={last_serviced_on && new Date(last_serviced_on)}
onChange={(date) => {
if (
Expand Down
26 changes: 15 additions & 11 deletions src/Components/Facility/ConsultationCard.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -112,21 +112,25 @@ export const ConsultationCard = (props: ConsultationProps) => {
<div className="mt-8 flex flex-col">
{
<div className="flex flex-col items-center text-sm text-gray-700 md:flex-row">
Created:{" "}
Created :{" "}
<div className=" ml-1 text-black">
<RelativeDateUserMention
tooltipPosition="right"
actionDate={itemData.created_date}
user={itemData.created_by}
/>
</div>
</div>
}
<div className="flex flex-col items-center text-sm text-gray-700 md:flex-row">
Last Modified :{" "}
<div className=" ml-1 text-black">
<RelativeDateUserMention
tooltipPosition="right"
actionDate={itemData.created_date}
user={itemData.created_by}
actionDate={itemData.modified_date}
user={itemData.last_edited_by}
/>
</div>
}
<div className="flex flex-col items-center text-sm text-gray-700 md:flex-row">
Last Modified:{" "}
<RelativeDateUserMention
tooltipPosition="right"
actionDate={itemData.modified_date}
user={itemData.last_edited_by}
/>
</div>
</div>
<div className="mt-4 flex w-full flex-col justify-between gap-1 md:flex-row">
Expand Down
4 changes: 2 additions & 2 deletions src/Components/Facility/Consultations/Feed.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -466,9 +466,9 @@ export const Feed: React.FC<IFeedProps> = ({ consultationId, facilityId }) => {
getCameraStatus({});
}}
className={classNames(
"block border border-gray-500 px-4 py-2",
"block border border-gray-500 px-4 py-2 first:rounded-l last:rounded-r",
currentPreset === preset
? "rounded border-primary-500 bg-primary-500 text-white"
? "border-primary-500 bg-primary-500 text-white"
: "bg-transparent"
)}
>
Expand Down
Loading

0 comments on commit 6d78d8c

Please sign in to comment.