Lint
This commit is contained in:
Andrew Kingston
parent
b9cc7a83c8
commit
dc7e08c381
|
|
@ -16,7 +16,6 @@
|
||||||
export let id = null
|
export let id = null
|
||||||
export let placeholder = "Choose an option or type"
|
export let placeholder = "Choose an option or type"
|
||||||
export let disabled = false
|
export let disabled = false
|
||||||
export let updateOnChange = true
|
|
||||||
export let error = null
|
export let error = null
|
||||||
export let secondaryOptions = []
|
export let secondaryOptions = []
|
||||||
export let primaryOptions = []
|
export let primaryOptions = []
|
||||||
|
|
@ -366,25 +365,6 @@
|
||||||
padding-left: 8px;
|
padding-left: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.circle {
|
|
||||||
border-radius: 50%;
|
|
||||||
height: 28px;
|
|
||||||
color: white;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: 48px;
|
|
||||||
font-size: 1.2em;
|
|
||||||
width: 28px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.circle > div {
|
|
||||||
position: absolute;
|
|
||||||
text-decoration: none;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%) translateY(-50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.iconPadding {
|
.iconPadding {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
|
|
||||||
|
|
@ -14,7 +14,6 @@
|
||||||
export let disabled = false
|
export let disabled = false
|
||||||
export let readonly = false
|
export let readonly = false
|
||||||
export let error = null
|
export let error = null
|
||||||
export let updateOnChange = true
|
|
||||||
export let getSecondaryOptionLabel = option =>
|
export let getSecondaryOptionLabel = option =>
|
||||||
extractProperty(option, "label")
|
extractProperty(option, "label")
|
||||||
export let getSecondaryOptionValue = option =>
|
export let getSecondaryOptionValue = option =>
|
||||||
|
|
@ -100,7 +99,6 @@
|
||||||
{searchTerm}
|
{searchTerm}
|
||||||
{autocomplete}
|
{autocomplete}
|
||||||
{dataCy}
|
{dataCy}
|
||||||
{updateOnChange}
|
|
||||||
{error}
|
{error}
|
||||||
{disabled}
|
{disabled}
|
||||||
{readonly}
|
{readonly}
|
||||||
|
|
|
||||||
|
|
@ -106,12 +106,3 @@
|
||||||
{/if}
|
{/if}
|
||||||
</ModalContent>
|
</ModalContent>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
|
||||||
<style>
|
|
||||||
.icon-wrapper {
|
|
||||||
display: contents;
|
|
||||||
}
|
|
||||||
.icon-wrapper.highlight :global(svg) {
|
|
||||||
color: var(--spectrum-global-color-blue-600);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<script>
|
<script>
|
||||||
import { Icon, Search, Divider, Layout } from "@budibase/bbui"
|
import { Icon, Search, Layout } from "@budibase/bbui"
|
||||||
import { createEventDispatcher } from "svelte"
|
import { createEventDispatcher } from "svelte"
|
||||||
|
|
||||||
export let searchTerm = ""
|
export let searchTerm = ""
|
||||||
|
|
|
||||||
|
|
@ -1,89 +0,0 @@
|
||||||
<script>
|
|
||||||
import {
|
|
||||||
Button,
|
|
||||||
Icon,
|
|
||||||
Body,
|
|
||||||
ActionMenu,
|
|
||||||
MenuItem,
|
|
||||||
Modal,
|
|
||||||
} from "@budibase/bbui"
|
|
||||||
import { goto } from "@roxi/routify"
|
|
||||||
import CreateEditGroupModal from "./CreateEditGroupModal.svelte"
|
|
||||||
|
|
||||||
export let group
|
|
||||||
export let deleteGroup
|
|
||||||
export let saveGroup
|
|
||||||
let modal
|
|
||||||
function editGroup() {
|
|
||||||
modal.show()
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<div class="title">
|
|
||||||
<div class="name" style="display: flex; margin-left: var(--spacing-xl)">
|
|
||||||
<div class="name" data-cy="app-name-link">
|
|
||||||
<Body size="S">{group.name}</Body>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="desktop tableElement">
|
|
||||||
<Icon name="User" />
|
|
||||||
<div style="margin-left: var(--spacing-l">
|
|
||||||
{parseInt(group?.users?.length) || 0} user{parseInt(
|
|
||||||
group?.users?.length
|
|
||||||
) === 1
|
|
||||||
? ""
|
|
||||||
: "s"}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="desktop tableElement">
|
|
||||||
<Icon name="WebPage" />
|
|
||||||
|
|
||||||
<div style="margin-left: var(--spacing-l)">
|
|
||||||
{parseInt(group?.apps?.length) || 0} app{parseInt(group?.apps?.length) === 1
|
|
||||||
? ""
|
|
||||||
: "s"}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- <MenuItem on:click={() => deleteGroup(group)} icon="Delete"-->
|
|
||||||
<!-- >Delete</MenuItem-->
|
|
||||||
<!-- >-->
|
|
||||||
|
|
||||||
<!-- <MenuItem on:click={() => editGroup(group)} icon="Edit">Edit</MenuItem>-->
|
|
||||||
<style>
|
|
||||||
.group-row-actions {
|
|
||||||
display: flex;
|
|
||||||
float: right;
|
|
||||||
margin-right: var(--spacing-xl);
|
|
||||||
grid-template-columns: 75px 75px;
|
|
||||||
grid-gap: var(--spacing-xl);
|
|
||||||
}
|
|
||||||
.name {
|
|
||||||
grid-gap: var(--spacing-xl);
|
|
||||||
grid-template-columns: 75px 75px;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.name {
|
|
||||||
text-decoration: none;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.name :global(.spectrum-Heading) {
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
margin-left: calc(1.5 * var(--spacing-xl));
|
|
||||||
}
|
|
||||||
.title :global(h1:hover) {
|
|
||||||
color: var(--spectrum-global-color-blue-600);
|
|
||||||
cursor: pointer;
|
|
||||||
transition: color 130ms ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 640px) {
|
|
||||||
.desktop {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Loading…
Reference in New Issue