@openhab-ui/setup-and-maintenance/binding_supported_things.fragment.html

Configuration and maintenance interface for openHAB

<h3>Supported Things</h3><oh-prop-bind contextfrom="ui-context-help" sourceproperty="contextdata" attribute="fixedfilter"></oh-prop-bind><oh-list-bind adapter="modeladapter_lists/thing-types"></oh-list-bind><oh-vue-list><div slot="app"><list></list></div><template slot="list"><h4 class="pt-5" style="flex-direction: column;align-items: center;" v-if="status == OhListStatus.PENDING_WAITING" slot="app">Loading<div class="loader"></div></h4><div class="pt-5" style="flex-direction: column;align-items: center;" v-else-if="status == OhListStatus.NOTCONNECTED_WAITING" slot="app"><h4><i class="fas fa-exclamation-circle"></i> Not connected</h4><div class="bs-callout bs-callout-info mt-4" style="display:inline-block;max-width: 500px">You are not connected to an openHAB instance. <a href="login.html">Connect now</a></div></div><div class="pt-5" style="flex-direction: column;align-items: center;" v-else-if="status == OhListStatus.ERROR" slot="app"><h4><i class="fas fa-exclamation-circle"></i> Loading failed</h4><div>{{message}}</div><div class="bs-callout bs-callout-info mt-4" style="display:inline-block;max-width: 700px"><p>An error while loading a list can happen because of multiple reasons.</p><dl><dt>A programming error</dt><dd>We are really sorry for that. Please report it in our bug-tracker, thank you.</dd><dt>Your openHAB doesn't understand</dt><dd>Please make sure this version is compatible to your openHAB version and you have installed all minimum-required Add-ons for this interface to work.</dd><dt>Your openHAB / internet is slow</dt><dd>We can't really do much here. A request times out after 5 seconds. Please find out why your openHAB is soo slow. Reload the page to try again.</dd></dl></div></div><div v-else class="w-100" slot="app"><transition-group name="fade" tag="div"><oh-vue-listitem v-for="item in items" :key="item.UID" :listitem="item"></oh-vue-listitem></transition-group></div></template><template slot="item"><section class="card mb-2"><div class="card-body"><h5 class="card-title">{{item.label}}</h5><p class="card-text">{{item.description}}</p></div></section></template></oh-vue-list>