connection_groups supported

main
Gabriel 2 years ago
parent 3462efda21
commit c6baec68cd

@ -3,12 +3,21 @@
"name": "My website", "name": "My website",
"image": "", "image": "",
"location": "https://my.website", "location": "https://my.website",
"resources": [{ "resource_groups": {
"label": "RSS Feed", "Links": [{
"icon": "", "label": "RSS Feed",
"location": "https://my.website.com/rss.xml", "icon": "",
"description": "<img src='example.com'>" "location": "https://my.website.com/rss.xml",
}], "description": ""
}],
"Website content": [{
"label": "Articles",
"icon": "https://libresolutions.network/logo.png",
"location": "https:libresolutions.network/articles/",
"description": ""
}]
},
"resources": [],
"connection_groups": { "connection_groups": {
"Group1": [ "Group1": [
"https://libresolutions.network" "https://libresolutions.network"

@ -23,18 +23,38 @@
</template> </template>
</div> </div>
</div> </div>
<div id="interverse-resources"> <section id="interverse-resource-groups">
<template x-for="resource in Alpine.store('data')['resources']"> <template x-for="(group,name) in Alpine.store('data')['resource_groups']">
<div>
<h1 x-text="name"></h1>
<section class="interverse-group">
<template x-for="resource in group">
<a x-bind:href="resource['location']">
<div class="interverse-resource">
<template x-if="resource['icon'] !=''">
<img class="interverse-resource-icon" x-bind:src="resource['icon']">
</template>
<h2 x-text="resource['label']"></h2>
<p x-text="resource['description']"></p>
</div>
</a>
</template>
</section>
</div>
</template>
</section>
<div id="interverse-resources">
<template x-for="resource in Alpine.store('data')['resources']">
<a x-bind:href="resource['location']"> <a x-bind:href="resource['location']">
<div class="interverse-resource"> <div class="interverse-resource">
<template x-if="resource['icon'] !=''"> <template x-if="resource['icon'] !=''">
<img class="interverse-resource-icon" x-bind:src="resource['icon']"> <img class="interverse-resource-icon" x-bind:src="resource['icon']">
</template> </template>
<h2 x-text="resource['label']"></h2> <h2 x-text="resource['label']"></h2>
<p x-text="resource['description']"></p> <p x-text="resource['description']"></p>
</div> </div>
</a> </a>
</template> </template>
</div> </div>
<div id="interverse-groups"> <div id="interverse-groups">
<template x-for="(group,name) in Alpine.store('data')['connection_groups']"> <template x-for="(group,name) in Alpine.store('data')['connection_groups']">

Loading…
Cancel
Save