antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2026-01-18 02:41:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

show date for events in all popups

Browse Source
This commit is contained in:
Anton Tranelis 2024-05-02 18:30:45 +02:00
parent eff830ca57
commit cbd2d2e194
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/Components/Profile/OverlayItemProfile.tsx
View File

@ -280,7 +280,7 @@ export function OverlayItemProfile() {
<input type="radio" name="my_tabs_2" role="tab" className={`tw-tab [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]`} aria-label="Info" checked={activeTab == 1 && true} onChange={() => updateActiveTab(1)} /> <input type="radio" name="my_tabs_2" role="tab" className={`tw-tab [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]`} aria-label="Info" checked={activeTab == 1 && true} onChange={() => updateActiveTab(1)} />
<div role="tabpanel" className="tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-280px)] tw-overflow-y-auto fade tw-pt-2 tw-pb-4 tw-mb-4 tw-overflow-x-hidden"> <div role="tabpanel" className="tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-280px)] tw-overflow-y-auto fade tw-pt-2 tw-pb-4 tw-mb-4 tw-overflow-x-hidden">
{item.layer?.itemType.show_start_end && {item.layer?.itemType.show_start_end &&
<StartEndView item={item}></StartEndView> <div className='tw-max-w-xs'><StartEndView item={item}></StartEndView></div>
} }
<TextView item={item} /> <TextView item={item} />
</div> </div>

9
src/Components/Templates/OverlayItemsIndexPage.tsx
View File

@ -2,7 +2,7 @@ import { ReactNode, useEffect, useRef, useState } from 'react'
import { Link, useNavigate } from 'react-router-dom'; import { Link, useNavigate } from 'react-router-dom';
import { Item, ItemsApi, LayerProps } from '../../types'; import { Item, ItemsApi, LayerProps } from '../../types';
import { getValue } from '../../Utils/GetValue'; import { getValue } from '../../Utils/GetValue';
import { TextView } from '../Map'; import { StartEndView, TextView } from '../Map';
import { PlusButton } from '../Profile/PlusButton'; import { PlusButton } from '../Profile/PlusButton';
import { TextInput, TextAreaInput } from '../Input'; import { TextInput, TextAreaInput } from '../Input';
import { useAddTag, useTags } from '../Map/hooks/useTags'; import { useAddTag, useTags } from '../Map/hooks/useTags';
@ -136,7 +136,12 @@ export const OverlayItemsIndexPage = ({ url, layerName, parameterField, breadcru
<div key={k} className='tw-cursor-pointer tw-card tw-border-[1px] tw-border-base-300 tw-card-body tw-shadow-xl tw-bg-base-100 tw-text-base-content tw-p-4 tw-mb-4 tw-h-fit' onClick={() => navigate(url + getValue(i, parameterField))}> <div key={k} className='tw-cursor-pointer tw-card tw-border-[1px] tw-border-base-300 tw-card-body tw-shadow-xl tw-bg-base-100 tw-text-base-content tw-p-4 tw-mb-4 tw-h-fit' onClick={() => navigate(url + getValue(i, parameterField))}>
<HeaderView loading={loading} item={i} api={layer?.api} itemAvatarField={itemImageField} itemNameField={itemNameField} itemSubnameField={itemSubnameField} editCallback={() => navigate("/edit-item/" + i.id)} deleteCallback={() => deleteItem(i)}></HeaderView> <HeaderView loading={loading} item={i} api={layer?.api} itemAvatarField={itemImageField} itemNameField={itemNameField} itemSubnameField={itemSubnameField} editCallback={() => navigate("/edit-item/" + i.id)} deleteCallback={() => deleteItem(i)}></HeaderView>
<div className='tw-overflow-y-auto tw-overflow-x-hidden tw-max-h-64 fade'> <div className='tw-overflow-y-auto tw-overflow-x-hidden tw-max-h-64 fade'>
<TextView truncate item={i} itemTextField={itemTextField} /> {i.layer?.itemType.show_start_end &&
<StartEndView item={i}></StartEndView>
}
{i.layer?.itemType.show_text &&
<TextView truncate item={i} itemTextField={itemTextField} />
}
</div> </div>
<DateUserInfo item={i}></DateUserInfo> <DateUserInfo item={i}></DateUserInfo>
</div> </div>