|
2857 | 2857 | range_older: { |
2858 | 2858 | title: "Older", |
2859 | 2859 | note: "Label on a button that shows older history entries." |
| 2860 | + }, |
| 2861 | + range_sites: { |
| 2862 | + title: "Sites", |
| 2863 | + note: "Label on a button that shows which sites have been visited" |
2860 | 2864 | } |
2861 | 2865 | }; |
2862 | 2866 |
|
|
3491 | 3495 | "saturday", |
3492 | 3496 | "sunday", |
3493 | 3497 | "recentlyOpened", |
3494 | | - "older" |
| 3498 | + "older", |
| 3499 | + "sites" |
3495 | 3500 | ]; |
3496 | 3501 | return valid.includes(input) ? ( |
3497 | 3502 | /** @type {import('../types/history.js').RangeId} */ |
|
4368 | 4373 | * @param {string} props.url - The text to be displayed for the item. |
4369 | 4374 | * @param {string} props.domain - The text to be displayed for the domain |
4370 | 4375 | * @param {number} props.kind - The kind or type of the item that determines its visual style. |
4371 | | - * @param {string} props.dateTimeOfDay - the time of day, like 11.00am. |
| 4376 | + * @param {string} [props.dateTimeOfDay] - the time of day, like 11.00am. |
4372 | 4377 | * @param {string} props.dateRelativeDay - the time of day, like 11.00am. |
4373 | 4378 | * @param {string|null} props.etldPlusOne |
4374 | 4379 | * @param {number} props.index - original index |
|
4404 | 4409 | )), |
4405 | 4410 | /* @__PURE__ */ _("a", { href: props.url, "data-url": props.url, class: Item_default.entryLink, tabindex: 0 }, title), |
4406 | 4411 | /* @__PURE__ */ _("span", { class: Item_default.domain, "data-testid": "Item.domain", title: props.domain }, props.domain), |
4407 | | - /* @__PURE__ */ _("span", { class: Item_default.time }, dateTimeOfDay), |
| 4412 | + dateTimeOfDay && /* @__PURE__ */ _("span", { className: Item_default.time }, dateTimeOfDay), |
4408 | 4413 | /* @__PURE__ */ _("button", { class: Item_default.dots, "data-action": BTN_ACTION_ENTRIES_MENU, "data-index": index, value: props.id, tabindex: -1 }, /* @__PURE__ */ _(Dots, null)) |
4409 | 4414 | )); |
4410 | 4415 | } |
|
4616 | 4621 | pageTitle: "Sidebar_pageTitle", |
4617 | 4622 | nav: "Sidebar_nav", |
4618 | 4623 | item: "Sidebar_item", |
| 4624 | + item_sites: "Sidebar_item_sites", |
4619 | 4625 | delete: "Sidebar_delete", |
4620 | 4626 | active: "Sidebar_active", |
4621 | 4627 | link: "Sidebar_link", |
|
4657 | 4663 | friday: "icons/day.svg", |
4658 | 4664 | saturday: "icons/day.svg", |
4659 | 4665 | sunday: "icons/day.svg", |
4660 | | - older: "icons/older.svg" |
| 4666 | + older: "icons/older.svg", |
| 4667 | + sites: "icons/sites.svg" |
4661 | 4668 | }; |
4662 | 4669 | var titleMap = { |
4663 | 4670 | all: (t4) => t4("range_all"), |
|
4670 | 4677 | friday: (t4) => t4("range_friday"), |
4671 | 4678 | saturday: (t4) => t4("range_saturday"), |
4672 | 4679 | sunday: (t4) => t4("range_sunday"), |
4673 | | - older: (t4) => t4("range_older") |
| 4680 | + older: (t4) => t4("range_older"), |
| 4681 | + sites: (t4) => t4("range_sites") |
4674 | 4682 | }; |
4675 | 4683 | function Sidebar({ ranges }) { |
4676 | 4684 | const { t: t4 } = useTypedTranslation(); |
|
4699 | 4707 | if (range === "all" && current.value === null) { |
4700 | 4708 | return (0, import_classnames4.default)(Sidebar_default.item, Sidebar_default.active); |
4701 | 4709 | } |
4702 | | - return (0, import_classnames4.default)(Sidebar_default.item, current.value === range && Sidebar_default.active); |
| 4710 | + return (0, import_classnames4.default)(Sidebar_default.item, current.value === range && Sidebar_default.active, Sidebar_default[`item_${range}`]); |
4703 | 4711 | }); |
4704 | 4712 | return /* @__PURE__ */ _("div", { class: classNames, key: range }, /* @__PURE__ */ _( |
4705 | 4713 | "button", |
|
4754 | 4762 | case "thursday": |
4755 | 4763 | case "friday": |
4756 | 4764 | case "saturday": |
| 4765 | + case "sites": |
4757 | 4766 | case "sunday": |
4758 | 4767 | return { linkLabel: t4("show_history_for", { range }), buttonLabel: t4("delete_history_for", { range }) }; |
4759 | 4768 | case "older": |
|
0 commit comments