mirror of
https://gitlab.com/bramw/baserow.git
synced 2024-11-22 07:42:36 +00:00
d5d34e1cc4
Added clickable indicator to the view name See merge request baserow/baserow!2769
828 lines
22 KiB
Plaintext
828 lines
22 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Public View Page Tests Can see a publicly shared grid view 1`] = `
|
|
<div>
|
|
<div>
|
|
<div
|
|
class="toasts__container-top"
|
|
>
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
</div>
|
|
|
|
<div
|
|
class="toasts__container-bottom"
|
|
>
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="public-view__table"
|
|
>
|
|
<div>
|
|
<header
|
|
class="layout__col-2-1 header"
|
|
>
|
|
<div
|
|
class="header__loading"
|
|
style="display: none;"
|
|
/>
|
|
|
|
<ul
|
|
class="header__filter"
|
|
>
|
|
<li
|
|
class="header__filter-item"
|
|
>
|
|
<a
|
|
class="header__filter-logo"
|
|
href="https://baserow.io"
|
|
target="_blank"
|
|
title="Baserow - open source no-code database tool and Airtable alternative"
|
|
>
|
|
<div
|
|
class="logo"
|
|
>
|
|
<img
|
|
alt="Baserow - open source no-code database tool and Airtable alternative"
|
|
class=""
|
|
height="14"
|
|
src="@baserow/modules/core/static/img/logo.svg"
|
|
/>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li
|
|
class="header__filter-item header__filter-item--grids"
|
|
>
|
|
<a
|
|
class="header__filter-link header__filter-link--disabled"
|
|
>
|
|
<i
|
|
class="header__filter-icon header-filter-icon--view color-primary iconoir-menu"
|
|
/>
|
|
|
|
<span
|
|
class="header__filter-name header__filter-name--forced"
|
|
>
|
|
<span
|
|
class=""
|
|
contenteditable="false"
|
|
placeholder=""
|
|
>
|
|
my public grid view name
|
|
</span>
|
|
</span>
|
|
|
|
<i
|
|
class="header__sub-icon iconoir-nav-arrow-down"
|
|
/>
|
|
</a>
|
|
|
|
<!---->
|
|
</li>
|
|
|
|
<!---->
|
|
|
|
<li
|
|
class="header__filter-item"
|
|
>
|
|
<div>
|
|
<a
|
|
class="header__filter-link"
|
|
>
|
|
<i
|
|
class="header__filter-icon iconoir-filter"
|
|
/>
|
|
|
|
<span
|
|
class="header__filter-name"
|
|
>
|
|
viewFilter.filter - 0
|
|
</span>
|
|
</a>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
<li
|
|
class="header__filter-item"
|
|
>
|
|
<div>
|
|
<a
|
|
class="header__filter-link"
|
|
>
|
|
<i
|
|
class="header__filter-icon iconoir-sort"
|
|
/>
|
|
|
|
<span
|
|
class="header__filter-name"
|
|
>
|
|
viewSort.sort - 0
|
|
</span>
|
|
</a>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
<li
|
|
class="header__filter-item"
|
|
>
|
|
<div>
|
|
<a
|
|
class="header__filter-link"
|
|
>
|
|
<i
|
|
class="header__filter-icon iconoir-book-stack"
|
|
/>
|
|
|
|
<span
|
|
class="header__filter-name"
|
|
>
|
|
viewGroupBy.groupBy - 0
|
|
</span>
|
|
</a>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
</ul>
|
|
|
|
<ul
|
|
class="header__filter header__filter--full-width"
|
|
table="[object Object]"
|
|
>
|
|
<li
|
|
class="header__filter-item"
|
|
>
|
|
<div>
|
|
<a
|
|
class="header__filter-link"
|
|
>
|
|
<i
|
|
class="header__filter-icon iconoir-eye-off"
|
|
/>
|
|
|
|
<span
|
|
class="header__filter-name"
|
|
>
|
|
gridViewHide.hideField - 0
|
|
</span>
|
|
</a>
|
|
|
|
</div>
|
|
</li>
|
|
|
|
<li
|
|
class="header__filter-item"
|
|
>
|
|
<div>
|
|
<a
|
|
class="header__filter-link"
|
|
>
|
|
<i
|
|
class="header__filter-icon iconoir-table-rows"
|
|
/>
|
|
|
|
<span
|
|
class="header__filter-name"
|
|
>
|
|
gridViewRowHeight.name
|
|
</span>
|
|
</a>
|
|
|
|
<div
|
|
class="dropdown dropdown--floating"
|
|
tabindex="0"
|
|
>
|
|
<!---->
|
|
|
|
<div
|
|
class="dropdown__items hidden"
|
|
>
|
|
<!---->
|
|
|
|
<ul
|
|
class="select__items"
|
|
tabindex="-1"
|
|
>
|
|
<li
|
|
class="select__item select__item--no-options"
|
|
>
|
|
<a
|
|
class="select__item-link"
|
|
>
|
|
<div
|
|
class="select__item-name"
|
|
>
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<span
|
|
class="select__item-name-text"
|
|
title="gridViewRowHeight.small"
|
|
>
|
|
gridViewRowHeight.small
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
</a>
|
|
|
|
<i
|
|
class="select__item-active-icon iconoir-check"
|
|
/>
|
|
</li>
|
|
|
|
<li
|
|
class="select__item select__item--no-options"
|
|
>
|
|
<a
|
|
class="select__item-link"
|
|
>
|
|
<div
|
|
class="select__item-name"
|
|
>
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<span
|
|
class="select__item-name-text"
|
|
title="gridViewRowHeight.medium"
|
|
>
|
|
gridViewRowHeight.medium
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
</a>
|
|
|
|
<i
|
|
class="select__item-active-icon iconoir-check"
|
|
/>
|
|
</li>
|
|
|
|
<li
|
|
class="select__item select__item--no-options"
|
|
>
|
|
<a
|
|
class="select__item-link"
|
|
>
|
|
<div
|
|
class="select__item-name"
|
|
>
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<span
|
|
class="select__item-name-text"
|
|
title="gridViewRowHeight.large"
|
|
>
|
|
gridViewRowHeight.large
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
</a>
|
|
|
|
<i
|
|
class="select__item-active-icon iconoir-check"
|
|
/>
|
|
</li>
|
|
</ul>
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li
|
|
class="header__filter-item header__filter-item--right"
|
|
>
|
|
<div>
|
|
<a
|
|
class="header__filter-link"
|
|
>
|
|
<i
|
|
class="header__search-icon iconoir-search"
|
|
/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</header>
|
|
|
|
<div
|
|
class="layout__col-2-2 content"
|
|
>
|
|
<div
|
|
class="grid-view grid-view--row-height-undefined"
|
|
>
|
|
<div
|
|
class="scrollbars"
|
|
style="left: 72px;"
|
|
>
|
|
<!---->
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div
|
|
class="grid-view__left"
|
|
style="width: 72px;"
|
|
>
|
|
|
|
<div
|
|
class="grid-view__inner"
|
|
style="min-width: 72px;"
|
|
>
|
|
<div
|
|
class="grid-view__head"
|
|
>
|
|
|
|
<div
|
|
class="grid-view__column grid-view__column--no-border-right"
|
|
style="width: 72px;"
|
|
>
|
|
<!---->
|
|
</div>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div
|
|
class="grid-view__body"
|
|
>
|
|
<div
|
|
class="grid-view__body-inner"
|
|
>
|
|
<div
|
|
class="grid-view__placeholder"
|
|
style="width: 72px;"
|
|
>
|
|
<div
|
|
class="grid-view__placeholder-groups"
|
|
style="width: 0px;"
|
|
/>
|
|
|
|
</div>
|
|
|
|
<!---->
|
|
|
|
<div
|
|
class="grid-view__rows"
|
|
style="transform: translateY(NaNpx) translateX(0px); left: 0px;"
|
|
/>
|
|
|
|
<div
|
|
class="grid-view__row-placeholder"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="grid-view__foot"
|
|
>
|
|
<div
|
|
class="grid-view__foot-info"
|
|
>
|
|
|
|
gridView.rowCount - 1
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
style="display: none;"
|
|
>
|
|
<div
|
|
class="grid-view__field-dragging"
|
|
style="width: 0px; left: 0px;"
|
|
/>
|
|
|
|
<div
|
|
class="grid-view__field-target"
|
|
style="left: 0px;"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div
|
|
class="grid-view__divider"
|
|
style="left: 72px;"
|
|
/>
|
|
|
|
<!---->
|
|
|
|
<div
|
|
class="grid-view__right"
|
|
style="left: 72px;"
|
|
>
|
|
|
|
<div
|
|
class="grid-view__inner"
|
|
style="min-width: 1000px;"
|
|
>
|
|
<div
|
|
class="grid-view__head"
|
|
>
|
|
|
|
<!---->
|
|
|
|
<div
|
|
class="grid-view__column"
|
|
filters=""
|
|
style="width: 200px;"
|
|
>
|
|
<div
|
|
class="grid-view__description"
|
|
>
|
|
<div
|
|
class="grid-view__description-icon-container"
|
|
>
|
|
<i
|
|
class="grid-view__description-icon iconoir-text"
|
|
/>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div
|
|
class="grid-view__description-name"
|
|
title="Last name"
|
|
>
|
|
<span>
|
|
|
|
Last name
|
|
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
|
|
<span
|
|
class="grid-view__description-options"
|
|
>
|
|
<!---->
|
|
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<div
|
|
class="grid-view__description-width"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="grid-view__column"
|
|
filters=""
|
|
style="width: 200px;"
|
|
>
|
|
<div
|
|
class="grid-view__description"
|
|
>
|
|
<div
|
|
class="grid-view__description-icon-container"
|
|
>
|
|
<i
|
|
class="grid-view__description-icon iconoir-align-left"
|
|
/>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div
|
|
class="grid-view__description-name"
|
|
title="Notes"
|
|
>
|
|
<span>
|
|
|
|
Notes
|
|
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
|
|
<span
|
|
class="grid-view__description-options"
|
|
>
|
|
<!---->
|
|
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<div
|
|
class="grid-view__description-width"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="grid-view__column"
|
|
filters=""
|
|
style="width: 200px;"
|
|
>
|
|
<div
|
|
class="grid-view__description"
|
|
>
|
|
<div
|
|
class="grid-view__description-icon-container"
|
|
>
|
|
<i
|
|
class="grid-view__description-icon baserow-icon-circle-checked"
|
|
/>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div
|
|
class="grid-view__description-name"
|
|
title="Active"
|
|
>
|
|
<span>
|
|
|
|
Active
|
|
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
|
|
<span
|
|
class="grid-view__description-options"
|
|
>
|
|
<!---->
|
|
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<div
|
|
class="grid-view__description-width"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="grid-view__column"
|
|
filters=""
|
|
style="width: 200px;"
|
|
>
|
|
<div
|
|
class="grid-view__description"
|
|
>
|
|
<div
|
|
class="grid-view__description-icon-container"
|
|
>
|
|
<i
|
|
class="grid-view__description-icon iconoir-text"
|
|
/>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div
|
|
class="grid-view__description-name"
|
|
title="Name"
|
|
>
|
|
<span>
|
|
|
|
Name
|
|
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
|
|
<span
|
|
class="grid-view__description-options"
|
|
>
|
|
<!---->
|
|
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<div
|
|
class="grid-view__description-width"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div
|
|
class="grid-view__body"
|
|
>
|
|
<div
|
|
class="grid-view__body-inner"
|
|
>
|
|
<div
|
|
class="grid-view__placeholder"
|
|
style="width: 800px;"
|
|
>
|
|
<!---->
|
|
|
|
<div
|
|
class="grid-view__placeholder-column"
|
|
style="left: 799px;"
|
|
/>
|
|
<div
|
|
class="grid-view__placeholder-column"
|
|
style="left: 199px;"
|
|
/>
|
|
<div
|
|
class="grid-view__placeholder-column"
|
|
style="left: 399px;"
|
|
/>
|
|
<div
|
|
class="grid-view__placeholder-column"
|
|
style="left: 599px;"
|
|
/>
|
|
</div>
|
|
|
|
<!---->
|
|
|
|
<div
|
|
class="grid-view__rows"
|
|
style="transform: translateY(NaNpx) translateX(0px); left: 0px;"
|
|
/>
|
|
|
|
<div
|
|
class="grid-view__row-placeholder"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="grid-view__foot"
|
|
>
|
|
<!---->
|
|
|
|
<div
|
|
style="width: 200px;"
|
|
>
|
|
<div
|
|
class="grid-view-aggregation"
|
|
>
|
|
<div
|
|
class="grid-view-aggregation__empty"
|
|
>
|
|
<i
|
|
class="grid-view-aggregation__empty-icon iconoir-plus"
|
|
/>
|
|
|
|
common.summarize
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="width: 200px;"
|
|
>
|
|
<div
|
|
class="grid-view-aggregation"
|
|
>
|
|
<div
|
|
class="grid-view-aggregation__empty"
|
|
>
|
|
<i
|
|
class="grid-view-aggregation__empty-icon iconoir-plus"
|
|
/>
|
|
|
|
common.summarize
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="width: 200px;"
|
|
>
|
|
<div
|
|
class="grid-view-aggregation"
|
|
>
|
|
<div
|
|
class="grid-view-aggregation__empty"
|
|
>
|
|
<i
|
|
class="grid-view-aggregation__empty-icon iconoir-plus"
|
|
/>
|
|
|
|
common.summarize
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="width: 200px;"
|
|
>
|
|
<div
|
|
class="grid-view-aggregation"
|
|
>
|
|
<div
|
|
class="grid-view-aggregation__empty"
|
|
>
|
|
<i
|
|
class="grid-view-aggregation__empty-icon iconoir-plus"
|
|
/>
|
|
|
|
common.summarize
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
style="display: none;"
|
|
>
|
|
<div
|
|
class="grid-view__field-dragging"
|
|
style="width: 0px; left: 0px;"
|
|
/>
|
|
|
|
<div
|
|
class="grid-view__field-target"
|
|
style="left: 0px;"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
class="grid-view__row-dragging-container"
|
|
style="left: 0px; display: none;"
|
|
>
|
|
<div
|
|
class="grid-view__row-dragging"
|
|
style="width: 872px; top: 0px;"
|
|
/>
|
|
|
|
<div
|
|
class="grid-view__row-target"
|
|
style="width: 872px; top: 0px;"
|
|
/>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<!---->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|