1
0
Fork 0
mirror of synced 2024-06-13 16:24:47 +12:00

feat: add ui for attribute details

This commit is contained in:
Torsten Dittmann 2021-12-31 14:02:19 +01:00
parent 25c6673140
commit 084d0550db
3 changed files with 58 additions and 3 deletions

View file

@ -473,7 +473,7 @@ $server->onMessage(function (int $connection, string $message) use ($server, $re
}
switch ($message['type']) {
/**
/**
* This type is used to authenticate.
*/
case 'authentication':

View file

@ -177,7 +177,62 @@ $logs = $this->getParam('logs', null);
</td>
<td data-title="Attribute ID: ">
<span class="text-size-small" data-ls-bind="{{attribute.key}}"></span>
<div data-ui-modal class="box modal sticky-footer width-large close" data-button-text="{{attribute.key}}" data-button-class="text-size-small link" data-button-element="span">
<button type="button" class="close pull-end" data-ui-modal-close=""><i class="icon-cancel"></i></button>
<h1>
<i data-ls-if="!{{attribute.format}}" data-ls-attrs="class=icon-{{attribute.type}}"></i>
<i data-ls-if="{{attribute.format}}" data-ls-attrs="class=icon-{{attribute.format}}"></i>
<span data-ls-bind="{{attribute.key}}"></span>
</h1>
<hr />
<div class="row responsive modalize">
<form>
<div class="col span-12">
<label>Key</label>
<div class="input-copy">
<input type="text" data-ls-bind="{{attribute.key}}" data-forms-copy disabled />
</div>
<label>Type</label>
<input type="text" data-ls-bind="{{attribute.type}}" disabled />
<div data-ls-if="{{attribute.format}}">
<label>Format</label>
<input type="text" data-ls-bind="{{attribute.format}}" class="full-width" disabled />
</div>
<div data-ls-if="{{attribute.default}}">
<label>Default Value</label>
<input type="text" data-ls-bind="{{attribute.default}}" class="full-width" disabled />
</div>
<div data-ls-if="{{attribute.size}}">
<label for="size">Length</label>
<input type="text" data-ls-bind="{{attribute.size}}" class="full-width" disabled />
</div>
<div data-ls-if="{{attribute.format}} == 'enum'">
<label>Elements</label>
<span data-ls-loop="attribute.elements" data-ls-as="element">
<input type="text" data-ls-bind="{{element}}" class="full-width" disabled />
</span>
</div>
<div data-ls-if="{{attribute.min}}">
<label>Min</label>
<input type="text" name="min" data-ls-bind="{{attribute.min}}" class="full-width" disabled />
</div>
<div data-ls-if="{{attribute.max}}">
<label>Max</label>
<input type="text" name="max" data-ls-bind="{{attribute.max}}" class="full-width" disabled />
</div>
</div>
</form>
</div>
<footer>
<button data-ui-modal-close="" type="button" class="reverse">Cancel</button>
</footer>
</div>
</td>
<td data-title="Type:">

View file

@ -88,7 +88,7 @@ $logs = $this->getParam('logs', null);
<fieldset name="data" data-cast-to="object" data-ls-attrs="x-init=doc = {{project-document}}" x-data="{doc: {}}">
<ul data-ls-attrs="x-init=attributes = {{project-collection.attributes}}" x-data="{attributes: []}">
<template x-for="attr in attributes">
<template x-for="attr in attributes.filter(a => a.status === 'available')">
<li>
<label>
<div x-text="attr.key" class="margin-bottom-tiny"></div>