Display business items
This commit is contained in:
parent
e1bd032e2a
commit
ce997cb7c8
@ -9,7 +9,17 @@
|
|||||||
name="{{business.name}}"
|
name="{{business.name}}"
|
||||||
state="{{ business.state }}"
|
state="{{ business.state }}"
|
||||||
>
|
>
|
||||||
{{business.description|safe}}
|
<p slot="description">{{business.description|safe}}</p>
|
||||||
|
|
||||||
|
{% for item in business.items %}
|
||||||
|
<local-business-item
|
||||||
|
slot="item"
|
||||||
|
name="{{item.name}}"
|
||||||
|
price="{{item.price}}"
|
||||||
|
picture-url="{{item.picture_url}}"
|
||||||
|
>
|
||||||
|
</local-business-item>
|
||||||
|
{% endfor %}
|
||||||
</admin-business>
|
</admin-business>
|
||||||
</admin-edit-business>
|
</admin-edit-business>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
@ -11,12 +11,18 @@ customElements.define('admin-business', class extends Component {
|
|||||||
:host {
|
:host {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
::slotted(local-business-item) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<article>
|
<article>
|
||||||
<h1 id="name"></h1>
|
<h1 id="name"></h1>
|
||||||
</article>
|
</article>
|
||||||
<article>
|
<article>
|
||||||
<slot></slot>
|
<slot name="description"></slot>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<slot name="item"></slot>
|
||||||
</article>
|
</article>
|
||||||
`);
|
`);
|
||||||
}
|
}
|
||||||
|
@ -19,6 +19,9 @@ customElements.define('admin-edit-business', class extends Component {
|
|||||||
#actions > input:not(:last-child) {
|
#actions > input:not(:last-child) {
|
||||||
margin-right: .5rem;
|
margin-right: .5rem;
|
||||||
}
|
}
|
||||||
|
::slotted(admin-business) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
${ BUTTON_STYLE }
|
${ BUTTON_STYLE }
|
||||||
${ INPUT_STYLE }
|
${ INPUT_STYLE }
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user