ComponentsSearch.qml

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0

Item {
    property bool sorting: false
    property string column
    property string name
    property string search
    property string unite
    property real rdi

    objectName: "componentsSearch"

    function interpret(number, factor, unit) {
        if (number == 0) {
            return "";
        }

        factor = typeof factor !== 'undefined' ? factor : 1;
        if (isNaN(number)) {
            if (number[0] == '<') {
                number = number[0] + " " + (parseFloat(number.slice(1, number.length)) * factor).toLocaleString(Qt.locale()) + " " + unit;
            }
            return number;
        }
        else {
            return (parseFloat(number) * factor).toLocaleString(Qt.locale()) + " " + unit;
        }
    }

    function sizeBg(number, factor, rdi) {
        if (rdi == 0) {
            return 0;
        }
        factor = typeof factor !== 'undefined' ? factor : 1;
        if (isNaN(number)) {
            if (number[0] == '<') {
                number = (parseFloat(number.slice(1, number.length)) * factor) / rdi;
                return number;
            }
            return 0;
        }
        else {
            return (parseFloat(number) * factor) / rdi;
        }
    }

    function refresh() {
        componentSearchModel.setParameter(":column", column);
        componentSearchModel.setParameter(":searchString", "'%" + search + "%'");
        componentSearchModel.setParameter(":sorting", sorting ? "ASC" : "DESC");
        componentSearchModel.refresh();
    }

    Component {
        id: resultsDelegate

        Item {
            anchors {
                right: parent.right
                left: parent.left
            }
            height: 60

            Rectangle {
                anchors {
                    top: parent.top
                    bottom: parent.bottom
                    left: parent.left
                }
                color: Qt.hsla(index >= 20 ? (1/20) * (18 - (index % 20)) : (1 / 20) * (index % 20), 0.4, 0.82)
                width: sizeBg(value, 1, rdi) * parent.width
            }

            GridLayout {
                anchors.fill: parent

                Text {
                    text: origfdnm
                    Layout.alignment: Qt.AlignBottom | Qt.AlignLeft
                    Layout.leftMargin: 16
                    opacity: 1
                    elide: Text.ElideRight
                    Layout.maximumWidth: parent.width * 0.7
                    font.pixelSize: 13
                    Layout.row: 0
                    Layout.column: 0
                }

                Text {
                    text: qsTr(interpret(value, 1, unite))
                    Layout.alignment: Qt.AlignBottom | Qt.AlignRight
                    Layout.rightMargin: 16
                    opacity: 1
                    font.pixelSize: 13
                    Layout.row: 0
                    Layout.column: 1
                }

                Text {
                    text: origgpfr
                    Layout.alignment: Qt.AlignTop | Qt.AlignLeft
                    Layout.leftMargin: 16
                    opacity: 0.535
                    font.pixelSize: 13
                    Layout.row: 1
                    Layout.column: 0
                }

                Text {
                    text: sizeBg(value, 1, rdi) ? (Math.round((sizeBg(value, 1, rdi) * 100) * 10) / 10) + " %" : ""
                    Layout.alignment: Qt.AlignTop | Qt.AlignRight
                    Layout.rightMargin: 16
                    opacity: 0.535
                    font.pixelSize: 13
                    Layout.row: 1
                    Layout.column: 1
                }
            }

            MouseArea {
                anchors.fill: parent

                onClicked: {
                    createProductPage(false, origfdcd, null);
//                    var productComponent = Qt.createComponent("ProductTable.qml");
//                    var productTable = productComponent.createObject(null, JSON.parse(productData.getData(origfdcd)));

//                    // Hide search field and search results before loading the new page
//                    searchField.focus = false;
//                    stack.push(productTable);
                }
            }
        }
    }

    ListView {
        id: resultsView
        anchors.fill: parent
        model: componentSearchModel
        delegate: resultsDelegate
        clip: true

        onMovementStarted: {
            searchField.focus = false;
        }

        ScrollBar.vertical: ScrollBar {}
    }
}