@ -184,48 +184,60 @@ class Websites extends LitElement {
< mwc - textfield outlined label = "Name To Search" id = "searchName" type = "text" value = "${this.searchName}" > < / m w c - t e x t f i e l d > & n b s p ; & n b s p ; < b r >
< mwc - button raised icon = "search" @ click = "${(e) => this.doSearch(e)}" > Search < / m w c - b u t t o n >
< /div><br / >
< vaadin - grid theme = "compact " id = "searchResourcesGrid" ? hidden = "${this.isEmptyArray(this.searchResources)}" . items = "${this.searchResources}" aria - label = "Search Websites" all - rows - visible >
< vaadin - grid theme = "large " id = "searchResourcesGrid" ? hidden = "${this.isEmptyArray(this.searchResources)}" . items = "${this.searchResources}" aria - label = "Search Websites" all - rows - visible >
< vaadin - grid - column width = "5rem" flex - grow = "0" header = "Avatar" . renderer = $ { ( root , column , data ) => {
render ( html ` ${ this . renderSearchAvatar ( data . item ) } ` , root )
} } > < / v a a d i n - g r i d - c o l u m n >
} } >
< / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - column header = "Name" . renderer = $ { ( root , column , data ) => {
render ( html ` ${ this . renderSearchName ( data . item ) } ` , root )
} } > < / v a a d i n - g r i d - c o l u m n >
} } >
< / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - column header = "Status" . renderer = $ { ( root , column , data ) => {
render ( html ` ${ this . renderSearchStatus ( data . item ) } ` , root )
} } > < / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - column header = "Size" . renderer = $ { ( root , column , data ) => {
} } >
< / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - column header = "Size" . renderer = $ { ( root , column , data ) => {
render ( html ` ${ this . renderSearchSize ( data . item ) } ` , root )
} } > < / v a a d i n - g r i d - c o l u m n >
} } >
< / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - column width = "10rem" flex - grow = "0" header = "Action" . renderer = $ { ( root , column , data ) => {
render ( html ` ${ this . renderSearchFollowUnfollowButton ( data . item ) } ` , root ) ;
} } > < / v a a d i n - g r i d - c o l u m n >
} } >
< / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - column width = "10rem" flex - grow = "0" header = "" . renderer = $ { ( root , column , data ) => {
render ( html ` ${ this . renderSearchBlockUnblockButton ( data . item ) } ` , root ) ;
} } > < / v a a d i n - g r i d - c o l u m n >
} } >
< / v a a d i n - g r i d - c o l u m n >
< /vaadin-grid><br / >
< / d i v >
< div class = "divCard" >
< h3 style = "margin: 0; margin-bottom: 1em; text-align: center;" > Websites < / h 3 >
< vaadin - grid theme = "compact " id = "resourcesGrid" ? hidden = "${this.isEmptyArray(this.resources)}" aria - label = "Websites" page - size = "20" all - rows - visible >
< vaadin - grid theme = "large " id = "resourcesGrid" ? hidden = "${this.isEmptyArray(this.resources)}" aria - label = "Websites" page - size = "20" all - rows - visible >
< vaadin - grid - column width = "5rem" flex - grow = "0" header = "Avatar" . renderer = $ { ( root , column , data ) => {
render ( html ` ${ this . renderAvatar ( data . item ) } ` , root )
} } > < / v a a d i n - g r i d - c o l u m n >
} } >
< / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - column header = "Name" . renderer = $ { ( root , column , data ) => {
render ( html ` ${ this . renderName ( data . item ) } ` , root )
} } > < / v a a d i n - g r i d - c o l u m n >
} } >
< / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - column header = "Status" . renderer = $ { ( root , column , data ) => {
render ( html ` ${ this . renderStatus ( data . item ) } ` , root )
} } > < / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - column header = "Size" . renderer = $ { ( root , column , data ) => {
} } >
< / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - column header = "Size" . renderer = $ { ( root , column , data ) => {
render ( html ` ${ this . renderSize ( data . item ) } ` , root )
} } > < / v a a d i n - g r i d - c o l u m n >
} } >
< / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - column width = "10rem" flex - grow = "0" header = "Action" . renderer = $ { ( root , column , data ) => {
render ( html ` ${ this . renderFollowUnfollowButton ( data . item ) } ` , root ) ;
} } > < / v a a d i n - g r i d - c o l u m n >
} } >
< / v a a d i n - g r i d - c o l u m n >
< vaadin - grid - column width = "10rem" flex - grow = "0" header = "" . renderer = $ { ( root , column , data ) => {
render ( html ` ${ this . renderBlockUnblockButton ( data . item ) } ` , root ) ;
} } > < / v a a d i n - g r i d - c o l u m n >
} } >
< / v a a d i n - g r i d - c o l u m n >
< / v a a d i n - g r i d >
< div id = "pages" > < / d i v >
$ { this . isEmptyArray ( this . resources ) ? html `