accrete 0.0.10__py3-none-any.whl → 0.0.23__py3-none-any.whl

accrete/contrib/ui/static/js/filter.js

@@ -7,18 +7,15 @@ const queryInputApply = document.getElementById('query-input-apply');
 const queryParamsDropdown = document.getElementById('query-params-dropdown');
 const queryParamElements = document.querySelectorAll('.query-param');
 const queryParamsElements = document.querySelectorAll('.query-params');
-const applyButton = document.getElementById('apply-filter-button');
-const resetButton = document.getElementById('reset-filter-button');
 const queryTags = document.getElementById('query-tags');
 const modalFilterButton = document.getElementById('modal-filter-button');
 const filterPanel = document.getElementById('filter-panel');
 const filterModal = document.getElementById('filter-modal');
 const modalContent = document.getElementById('modal-content');
+const queryTextElement = document.getElementById('query-text');
+const queryTextNotificationParameterElement = document.getElementById('query-notification-parameter');
 let activeInput = queryInput;
-let query = new URLSearchParams();
 
-applyButton.addEventListener('click', apply);
-resetButton.addEventListener('click', reset);
 queryInput.addEventListener('focus', showQueryParams);
 queryInput.addEventListener('keyup', navigateQueryInput);
 queryInputApply.addEventListener('click', applyQueryInput);
@@ -41,20 +38,44 @@ window.onclick = function(event) {
         queryParamsElements.forEach((element) => {
             element.classList.add('is-hidden');
         })
-        queryParamsDropdown.classList.add('is-hidden');
+        if (!filterModal.classList.contains('is-active')) {
+            queryParamsDropdown.classList.add('is-hidden');
+        }
   }
 }
 
-modalFilterButton.onclick = function (event) {
-    modalContent.appendChild(filterPanel);
+modalFilterButton.onclick = function () {
+    modalContent.appendChild(queryBlock);
     filterModal.classList.add('is-active');
+    queryParamsDropdown.classList.remove('is-hidden');
+    activeInput.select()
 }
 
 buildActiveQuery();
+setDefaultTerm();
+
+
+function closeFilterModal() {
+    buildActiveQuery();
+    filterModal.classList.remove('is-active');
+    filterPanel.appendChild(queryBlock);
+}
+
+
+function setDefaultTerm() {
+    const defaultTerm = queryInput.getAttribute('data-default-term');
+    if (defaultTerm) {
+        const element = getParamElement(defaultTerm);
+        setParam(element);
+    } else {
+        activeInput.select();
+    }
+}
 
 function buildActiveQuery() {
     const url = new URL(window.location.href);
     const query = url.searchParams.get('q');
+    removeQueryTags();
     if (!query) {
         return
     }
@@ -80,6 +101,15 @@ function buildActiveQuery() {
         }
         queryTags.appendChild(tagBlock)
     }
+    if (queryTags.firstElementChild) {
+        modalFilterButton.classList.add('is-success')
+    } else {modalFilterButton.classList.remove('is-success')}
+}
+
+function removeQueryTags() {
+    while (queryTags.firstElementChild) {
+        queryTags.firstElementChild.remove();
+    }
 }
 
 function buildActiveQueryTag(param) {
@@ -111,9 +141,9 @@ function buildActiveQueryTag(param) {
 }
 
 function apply() {
-    const baseURl = window.location.href.split('?')[0];
-    let completeQuery = [];
     const tagBlocks = document.querySelectorAll('.query-tag-block');
+    let url = new URL(window.location)
+    let completeQuery = [];
     tagBlocks.forEach((tagBlock) => {
         let query = [];
         for (let tag of tagBlock.children) {
@@ -144,10 +174,16 @@ function apply() {
         }
         completeQuery.push(query);
     })
-    window.location.assign(baseURl.concat('?') + 'q='.concat(JSON.stringify(completeQuery)));
+    url.searchParams.set('q', JSON.stringify(completeQuery));
+    let queryApply = document.getElementById('query-apply');
+    let queryApplyEvent = new Event('click');
+    queryApply.setAttribute('hx-get', url.toString());
+    htmx.process(queryApply);
+    queryApply.dispatchEvent(queryApplyEvent);
 }
 
-function reset() {
+
+function resetFilter() {
     const baseURl = window.location.href.split('?')[0];
     window.location.assign(baseURl);
 }
@@ -157,14 +193,24 @@ function applyQueryInput(event) {
     const text = queryInput.getAttribute('data-text');
     const param = queryInput.getAttribute('data-param');
     const value = activeInput.value;
-    let displayValue = value
+    const valid = activeInput.reportValidity();
+    if (!valid) {return}
+    let displayValue = value;
     if (activeInput === queryInputSelect) {
-        displayValue = activeInput.selectedOptions[0].textContent
+        displayValue = activeInput.selectedOptions[0].textContent;
     }
     if (value && param) {
         addQueryTag(text, param, value, displayValue);
+        setDefaultTerm();
+    } else if (value && !param) {
+        queryTextElement.classList.add('is-hidden');
+        queryTextNotificationParameterElement.classList.remove('is-hidden');
+        resetQueryInput();
+    } else if (!value && param) {
+        activeInput.select();
+    } else if (!value && !param) {
+        resetQueryInput();
     }
-    resetQueryInput();
 }
 
 function showQueryParams() {
@@ -209,30 +255,41 @@ function clickQueryParams(event) {
         })
     }
     if (!queryParam.querySelector('.query-params')) {
-        const completeParam = getCompleteQueryParam(queryParam);
-        const dataType = queryParam.getAttribute('data-type');
-        const text = getCompleteQueryText(queryParam);
-        resetQueryInput();
-        setInputType(dataType, completeParam, text,
-            queryParam.getAttribute('data-step') || null
-        );
-        queryInput.select();
-        if (dataType === 'bool') {
-            let value = queryParam.getAttribute('data-value');
-            value = value === 'True';
-            addQueryTag(text, completeParam, value, queryParam.firstElementChild.text);
-            setInputType('text', '', '');
-        }
-        else if (dataType === 'selection') {
-            const options = queryParam.querySelector('.param-options');
-            activeInput = queryInputSelect;
-            queryInputSelect.innerHTML = options.innerHTML;
-            queryInputSelectControl.classList.remove('is-hidden');
-            queryInputControl.classList.add('is-hidden');
-            queryInput.setAttribute('data-param', completeParam);
-            queryInput.setAttribute('data-text', text);
-            document.getElementById('query-text').innerText = text;
-        }
+        setParam(queryParam)
+    }
+}
+
+function setParam(queryParam) {
+    const completeParam = getCompleteQueryParam(queryParam);
+    const dataType = queryParam.getAttribute('data-type');
+    const text = getCompleteQueryText(queryParam);
+    resetQueryInput();
+    setInputType(dataType, completeParam, text,
+        queryParam.getAttribute('data-step') || null
+    );
+    queryInput.scrollIntoView({behavior: 'smooth', block: 'end'});
+    queryInput.select();
+    if (dataType === 'bool') {
+        let value = queryParam.getAttribute('data-value');
+        value = value === 'True';
+        addQueryTag(text, completeParam, value, queryParam.firstElementChild.text);
+        setInputType('text', '', '');
+        queryTextNotificationParameterElement.classList.add('is-hidden')
+        queryTextElement.innerText = '';
+        queryTextElement.classList.add('is-hidden')
+    }
+    else if (dataType === 'selection') {
+        const options = queryParam.querySelector('.param-options');
+        activeInput = queryInputSelect;
+        queryInputSelect.innerHTML = options.innerHTML;
+        queryInputSelectControl.classList.remove('is-hidden');
+        queryInputControl.classList.add('is-hidden');
+        queryInput.setAttribute('data-param', completeParam);
+        queryInput.setAttribute('data-text', text);
+        queryTextNotificationParameterElement.classList.add('is-hidden')
+        queryTextElement.innerText = text;
+        queryTextElement.classList.remove('is-hidden')
+
     }
 }
 
@@ -298,24 +355,28 @@ function getParamElement(param, value=null) {
         param = param.slice(1);
     }
     const parts = param.split('__');
-    let selector = '#query-params-dropdown'
-    for (let i = 0; i < parts.length; i++) {
-        selector += ` div[data-param="${parts[i]}"]`
-    }
-    if (invert) {
-        selector = selector.trimEnd();
-        selector += `[data-param-invert="true"]`;
-    }
-    if (typeof value == 'boolean') {
-        if (value) {
-            selector += `[data-value="True"]`;
-        } else {
-            selector += `[data-value="False"]`;
+    let paramElement = queryParamsDropdown.querySelector(
+        `:scope > div[data-param="${parts[0]}"]`
+    );
+    for (let i = 1; i < parts.length; i++) {
+        let selector = `:scope * div[data-param="${parts[i]}"]`;
+        if (i + 1 === parts.length) {
+            if (invert) {
+                selector += `[data-param-invert="true"]`;
+            }
+            if (typeof value == 'boolean') {
+                if (value) {
+                    selector += `[data-value="True"]`;
+                } else {
+                    selector += `[data-value="False"]`;
+                }
+            } else if (value) {
+                selector += `[data-value="${value}"]`;
+            }
         }
-    } else if (value) {
-        selector += `[data-value="${value}"]`;
+        paramElement = paramElement.querySelector(selector);
     }
-    return document.querySelector(selector)
+    return paramElement
 }
 
 function getQueryTextParts(element) {
@@ -389,6 +450,9 @@ function addQueryTag(text, param, value, displayValue) {
         queryTags.appendChild(tagBlockLabel);
         queryTags.appendChild(tagBlock);
     }
+    // if (!filterModal.classList.contains('is-active')) {
+    //     apply();
+    // }
     apply();
 }
 
@@ -401,6 +465,9 @@ function unselectSingleObject(pk) {
     } else {
         queryTags.lastElementChild.appendChild(tag);
     }
+    // if (!filterModal.classList.contains('is-active')) {
+    //     apply();
+    // }
     apply();
 }
 
@@ -505,14 +572,19 @@ function deleteTag(event) {
         }
         tagGroup.parentElement.removeChild(tagGroup);
     }
-    apply();
+    // if (!filterModal.classList.contains('is-active')) {
+    //     apply();
+    // }
+    apply()
 }
 
 function setInputType(inputType, param, text, step=null) {
     queryInput.setAttribute('type', inputType);
     queryInput.setAttribute('data-param', param);
     queryInput.setAttribute('data-text', text);
-    document.getElementById('query-text').innerText = text;
+    queryTextNotificationParameterElement.classList.add('is-hidden');
+    queryTextElement.classList.remove('is-hidden');
+    queryTextElement.innerText = text;
     if (step) {
         queryInput.step = step
     }

accrete/contrib/ui/templates/ui/detail.html

@@ -5,9 +5,7 @@
     <div class="columns is-desktop">
         {% block messages %}{% endblock %}
         <div class="column p-0 is-8-desktop">
-            <div>
-                {% block detail_content %}{% endblock %}
-            </div>
+            {% block detail_content %}{% endblock %}
         </div>
         <div class="info-panel column is-4">
             <nav class="panel">

accrete/contrib/ui/templates/ui/layout.html

@@ -10,9 +10,10 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     {% block favicon %}<link rel="icon" type="image/svg" href="{% static 'icons/accrete.svg' %}"/>{% endblock %}
-    {% block bulma %}<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">{% endblock %}
+{#    {% block bulma %}<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">{% endblock %}#}
+    {% block bulma %}<link rel="stylesheet" type="text/css" href="{% static "css/accrete.css" %}">{% endblock %}
     {% block style %}
-        <link rel="stylesheet" type="text/css" href="{% static "css/accrete.css" %}">
+{#        <link rel="stylesheet" type="text/css" href="{% static "css/accrete.css" %}">#}
         <link rel="stylesheet" type="text/css" href="{% static "css/icons.css" %}">
     {% endblock %}
     {% block htmx %}
@@ -55,14 +56,26 @@
 
                 <div class="navbar-end">
                     {% block navbar_end %}
+                        <div class="navbar-item has-dropdown is-hoverable">
+                            <a class="navbar-link is-arrowless {% if request.member.name %}is-size-7 has-text-centered-desktop{% endif %}">
+                                {% if request.member.name %}
+                                    {{ request.member }}<br>{{ user }}
+                                {% else %}
+                                    {{ user }}
+                                {% endif %}
+                            </a>
+                            <div id="navbar-end-dropdown" class="navbar-dropdown is-right">
+                                {% combine_templates 'accrete_navbar_end.html' request=request %}
+                            </div>
+                        </div>
                     {% endblock %}
                 </div>
             </div>
         </nav>
     {% endblock %}
 
-    <div class="main-columns columns m-0 is-mobile">
-        <div class="side-panel column is-3-widescreen is-2-fullhd is-hidden-touch is-hidden-desktop-only is-hidden-widescreen-only p-0" style="height: 100%; position: sticky; top: 0">
+    <div id="main" class="is-flex is-flex-direction-row">
+        <div class="side-panel is-hidden-touch is-hidden-desktop-only is-hidden-widescreen-only p-0">
             <nav class="panel is-shadowless pb-5" style="height: 100%; overflow-y: auto; position: sticky; top: 0">
                 {% if list_pagination %}
                     <div class="panel-block pb-0">
@@ -94,25 +107,17 @@
                 </div>
                 {% if filter_terms %}
                     <div id="filter-panel" class="mt-2">
-                        <div class="panel-list px-3 has-text-centered">
+                        <div class="panel-list mx-3 mb-1 has-text-centered" style="border-bottom: 1px #ccc solid">
                             <span>{% translate 'Filter' %}</span>
                         </div>
-                        <div class="panel-block" style="position: sticky">
-                            <button id="reset-filter-button"
-                                    class="button is-fullwidth mr-1">{% translate 'Reset' %}
-                            </button>
-                            <button id="apply-filter-button"
-                                    class="button is-fullwidth ml-1">{% translate 'Filter' %}
-                            </button>
-                        </div>
                         {% include 'ui/partials/filter.html' %}
                     </div>
                 {% endif %}
             </nav>
         </div>
 
-        <div class="column" style="overflow-x: auto">
-            <div class="is-flex is-flex-direction-column" style="height: 100%">
+        <div class="is-flex-grow-1" style="overflow-x: auto">
+            <div class="is-flex is-flex-direction-column" style="height: 100%; overflow: hidden">
                 <div>
                     {% include 'ui/partials/header.html' %}
                 </div>
@@ -120,27 +125,39 @@
                     {% block messages %}{% endblock %}
                     {% block content %}{% endblock %}
                 </div>
-                <div style="height: 0"></div>
+                <div>
+                    {% if list_pagination or detail_pagination %}
+                        <div class="level is-hidden-tablet is-align-self-flex-start m-3">
+                            <div class="level-item is-align-content-flex-start">
+                                {% if list_pagination %}
+                                    {% include 'ui/partials/pagination_list.html' %}
+                                {% elif detail_pagination %}
+                                    {% include 'ui/partials/pagination_detail.html' %}
+                                {% endif %}
+                            </div>
+                        </div>
+                    {% endif %}
+                </div>
             </div>
         </div>
     </div>
 
     {% if filter_terms %}
         <div id="filter-modal" class="modal">
-            <div class="modal-background filter-modal-close"></div>
+            <div class="modal-background filter-modal-close" onclick="closeFilterModal()"></div>
             <div class="modal-card" style="height: 100%">
                 <header class="modal-card-head">
                     <p class="modal-card-title">
                         {% block search_modal_title %}{% translate 'Filter' %}{% endblock %}</p>
-                    <button class="delete filter-modal-close" aria-label="close"></button>
+                    <button class="delete filter-modal-close" aria-label="close" onclick="closeFilterModal()"></button>
                 </header>
-                <section id="modal-content" class="modal-card-body">
+                <section id="modal-content" class="modal-card-body px-0">
                 </section>
                 <footer class="modal-card-foot">
                     <button class="button is-fullwidth mr-1"
                             onclick="resetFilter()">{% translate 'Reset' %}</button>
                     <button id="applyFilterFromModalButton"
-                            class="button is-fullwidth is-success ml-1">{% translate 'Filter' %}</button>
+                            class="button is-fullwidth is-success ml-1" onclick="apply()">{% translate 'Filter' %}</button>
                 </footer>
             </div>
         </div>

accrete/contrib/ui/templates/ui/list.html

@@ -10,9 +10,9 @@
 {% block content %}
     <div class="columns is-multiline">
         {% for obj in page %}
-            <div class="column is-{{ column_width }}">
-                <div class="box p-2 pb-4 mb-1" style="word-break: break-word; height: 100%; border: solid #ccc 1px">
-                    {% block object_data %}
+            <div class="column {% block column_width %}is-4{% endblock %}-fullhd is-12-touch is-12-desktop is-12-widescreen" style="height: {% block column_height %}9rem{% endblock %}">
+                <div class="box p-3" style="word-break: break-word; height: 100%; border: solid #ccc 1px; overflow-y: auto">
+                    {% block data %}
                         {{ obj }}
                     {% endblock %}
                 </div>

accrete/contrib/ui/templates/ui/partials/filter.html

@@ -4,9 +4,10 @@
 {% load accrete_ui %}
 
 <div id="query-block" class="panel-block pt-0" style="position: relative; display: inline-block; width: 100%">
+    <div id="query-apply" hx-get="" hx-trigger="click" hx-replace-url="true" hx-select-oob="#content,#list-pagination,#panel-actions,#header-actions,#query-apply"></div>
     <div id="query-tags" class="is-flex-direction-column is-flex-grow-1 is-multiline mb-1" data-or-label="{% translate 'OR' %}"></div>
 
-    <div class="field has-addons level">
+    <div class="field has-addons level mb-1">
         <p id="query-operation" class="control">
         <span class="select">
             <select id="query-operation-select" aria-label="Select Operation">
@@ -15,7 +16,12 @@
             </select>
         </span>
     </p>
-    <p id="query-text" class="control is-expanded is-size-7 p-1 ml-1"></p>
+    <div id="query-notification" class="control is-expanded is-size-7 p-0 ml-1">
+        <div id="query-notification-parameter" class="notification is-warning is-light has-text-centered py-2 m-0 is-hidden">
+            <p>{% translate 'Select a parameter' %}</p>
+        </div>
+        <p id="query-text" class="notification py-2 px-1 m-0 is-hidden" style="word-break: break-word"></p>
+    </div>
     </div>
 
     <div id="query-input-fieldset" class="field has-addons pt-1">
@@ -25,6 +31,7 @@
                    aria-label="Query Input"
                    class="input"
                    placeholder="Enter a search term"
+                   data-default-term="{{ default_filter_term }}"
             >
         </p>
         <p id="query-input-select-control" class="control is-expanded is-hidden">
@@ -37,8 +44,6 @@
 
 
     <div id="query-params-dropdown" class="box mt-1 mx-0 p-1 is-hidden" tabindex="-1" style="z-index: 10; background: white; word-break: break-word; position: inherit">
-        {% cache 500 filter_params request.path request.GET request.tenant %}
-            {{ filter_terms|render_query_params|safe }}
-        {% endcache %}
+        {{ filter_terms|render_query_params }}
     </div>
 </div>

accrete/contrib/ui/templates/ui/partials/header.html

@@ -1,21 +1,10 @@
 {% load i18n %}
 
-<div class="pt-3">
-    {% if list_pagination or detail_pagination %}
-        <div class="level is-hidden-tablet is-align-self-flex-start mb-3 px-3">
-            <div class="level-item is-align-content-flex-start">
-                {% if list_pagination %}
-                    {% include 'ui/partials/pagination_list.html' %}
-                {% elif detail_pagination %}
-                    {% include 'ui/partials/pagination_detail.html' %}
-                {% endif %}
-            </div>
-        </div>
-    {% endif %}
+<div id="header" class="pt-4">
     <div class="level level-is-shrinkable is-flex mb-2 pl-3 {% if detail_pagination %}is-mobile {% endif %}">
         <div class="level-left">
             <div class="level-item has-text-weight-bold">
-                <nav class="breadcrumb" aria-label="breadcrumbs" style="white-space: unset; word-break: break-word">
+                <nav id="breadcrumbs" class="breadcrumb" aria-label="breadcrumbs" style="white-space: unset; word-break: break-word">
                     <ul>
                         {% for crumb in breadcrumbs %}
                             <li><a class="is-underlined" href="{{ crumb.url|default_if_none:'#' }}{{ querystring }}" aria-current="page">{{ crumb.name }}</a></li>
@@ -39,7 +28,7 @@
     </div>
 
     <div class="is-flex is-hidden-fullhd is-justify-content-space-between mb-2">
-        <div class="is-flex py-1 pr-1 pl-3" style="overflow-x: auto">
+        <div id="header-actions" class="is-flex py-1 px-1 ml-2" style="overflow-x: auto">
             {% for action in actions %}
                 {% if action.submit %}
                     <input class="button mr-2 {{ action.class_list|join:' ' }}"
@@ -57,8 +46,8 @@
         </div>
         {% if filter_terms %}
             <div class="is-flex ml-2 py-1 pr-3">
-                <button id="modal-filter-button" class="button">Filter</button>
+                <button id="modal-filter-button" class="button has-icon"><i class="icon-filter"></i></button>
             </div>
         {% endif %}
     </div>
-</div>
+</div>

accrete/contrib/ui/templates/ui/partials/pagination_detail.html

@@ -3,24 +3,20 @@
         <button class="button"
                 hx-get="{{ previous_object_url }}{{ querystring }}"
                 hx-replace-url="true"
-                hx-select-oob="#content,#detail-pagination"
+                hx-select-oob="#content,#detail-pagination,#panel-actions,#header-actions,#breadcrumbs"
         ><
         </button>
 
     </p>
-    {% if total_objects > 99999 %}
-        <p class="control is-expanded">
-            <button class="button is-fullwidth px-1"><span class="is-size-7">{{ current_object_idx }}<br>/{{ total_objects }}</span></button>
-        </p>
-    {% else %}
-        <p class="control is-expanded">
-            <button class="button is-fullwidth px-1">{{ current_object_idx }} / {{ total_objects }}</button>
-        </p>
-    {% endif %}
+    <p class="control is-expanded">
+        <button class="button is-fullwidth px-1" style="white-space: normal">
+            <span class="{% if total_objects > 99999 %}is-size-7{% endif %}">{{ current_object_idx }} / {{ total_objects }}</span>
+        </button>
+    </p>
     <p class="control">
         <button class="button" hx-get="{{ next_object_url }}{{ querystring }}"
                 hx-replace-url="true"
-                hx-select-oob="#content,#detail-pagination"
+                hx-select-oob="#content,#detail-pagination,#panel-actions,#header-actions,#breadcrumbs"
         >>
         </button>
     </p>

accrete/contrib/ui/templates/ui/partials/pagination_list.html

@@ -4,25 +4,23 @@
         <button class="button"
                 hx-get="{{ querystring }}&page={% if page.has_previous %}{{ page.previous_page_number }}{% else %}{{ paginator.num_pages }}{% endif %}"
                 hx-replace-url="true"
-                hx-select-oob="#content,#list-pagination"
+                hx-select-oob="#content,#list-pagination,#panel-actions,#header-actions,#breadcrumbs"
         >
             <
         </button>
     </p>
     <p class="control is-expanded">
-        {% if paginator.count > 9999 %}
-            <button class="button is-fullwidth px-0">
-                <span class="is-size-7">{{ page.start_index }}-{{ page.end_index }}<br>/{{ paginator.count }}</span>
-            </button>
-        {% else %}
-            <button class="button is-fullwidth">{{ page.start_index }}-{{ page.end_index }}/{{ paginator.count }}</button>
-        {% endif %}
+        <button class="button is-fullwidth px-1" style="white-space: normal">
+            <span class="{% if paginator.count > 9999 %}is-size-7{% endif %}" style="display: flex">
+                {{ page.start_index }}-<div id="list-pagination-end-index">{{ page.end_index }}</div> / {{ paginator.count }}
+            </span>
+        </button>
     </p>
     <p class="control">
-        <button class="button"
+        <button id="list-pagination-next-button" class="button"
                 hx-get="{{ querystring }}&page={% if page.has_next %}{{ page.next_page_number }}{% else %}1{% endif %}"
                 hx-replace-url="true"
-                hx-select-oob="#content,#list-pagination"
+                hx-select-oob="#content,#list-pagination,#panel-actions,#header-actions,#breadcrumbs"
         >
             >
         </button>

accrete/contrib/ui/templates/ui/partials/table_field.html

@@ -0,0 +1,15 @@
+{% load accrete_ui %}
+
+{% with val=obj|get_attr:field.name|default_if_none:'---'  %}
+    <td style="text-align: {{ field.alignment.value }}" {% if val|length > field.truncate_after %}title="{{ val }}"{% endif %}>
+        {{ field.prefix }}
+        {% block td_content %}
+            {% if field.truncate_after > 0 %}
+                {{ val|truncatechars:field.truncate_after }}
+            {% else %}
+                {{ val }}
+            {% endif %}
+        {% endblock %}
+        {{ field.suffix }}
+    </td>
+{% endwith %}

accrete/contrib/ui/templates/ui/partials/table_field_float.html

@@ -0,0 +1 @@
+{% extends 'ui/partials/table_field.html' %}

accrete/contrib/ui/templates/ui/partials/table_field_monetary.html

@@ -0,0 +1,4 @@
+{% extends 'ui/partials/table_field.html' %}
+{% load accrete_ui %}
+
+{% block td_content %}{{ obj|get_attr:field.name|default_if_none:0|floatformat:2 }}{% endblock %}

accrete/contrib/ui/templates/ui/partials/table_field_string.html

@@ -0,0 +1 @@
+{% extends 'ui/partials/table_field.html' %}