@qhealth-design-system/core 1.16.3 → 1.16.4

package/src/components/data_table/html/component.hbs

@@ -1,20 +0,0 @@
-
-{{#with component.data}}
-<section class="qld__body {{metadata.body_background.value}}">
-    <div class="container-fluid">
-        <div class="qld__data-table {{metadata.table_data_source.value}} {{metadata.table_styling.value}}" id="{{#if metadata.id_field.value}}{{metadata.id_field.value}}{{else}}qld-data-table-{{assetid}}{{/if}}">
-            <div class="qld__data-table__header">
-                <span class="qld__display-md">{{metadata.table_title.value}}</span>
-                <span class="qld__caption">
-                    {{metadata.table_caption.value}}
-                </span>
-            </div>
-            <div id="qld_data-table_html" class="qld__data-table-content" aria-describedby="" style="display: none">
-                {{{metadata.table_in_html.value}}}
-            </div>
-            <table id="qld_data-table_csv" class="qld__data-table-content" aria-describedby="" data-csv-source="./?a={{metadata.table_data_csv.value}}" style="display: none">
-            </table>
-        </div>
-    </div>
-</section>
-{{/with}}

package/src/components/data_table/js/global.js

@@ -1,387 +0,0 @@
-(function () {
-    "use strict";
-
-    /**
-     * @module dataTable
-     */
-
-    var dataTable = {};
-
-    function readCSVFile(url, callback) {
-        fetch(url)
-            .then((response) => {
-                if (!response.ok) {
-                    throw new Error("Error fetching CSV file.");
-                }
-                return response.text();
-            })
-            .then((data) => {
-                const tableLines = data.split("\n");
-                callback(null, tableLines);
-            })
-            .catch((error) => {
-                callback(error);
-            });
-    }
-
-    function getTableHeaderAndFooter(tableLines = []) {
-        let tableColumnHeads = [];
-        let tableFooterData = [];
-
-        if (tableLines.length > 0) {
-            tableColumnHeads = tableLines.shift().split(","); //whatever is the first element is the header.
-            // if (tableLines?.length > 0) { //This allows us to have a separate footer to the header. 
-            //     //If anything left then goes to the footer.
-            //     tableFooterData = tableLines.pop().split(",");
-            //     if (tableLines?.length > 0 && !tableFooterData[0]) {
-            //         tableFooterData = tableLines.pop().split(",");
-            //     }
-            // }
-        }
-
-        return {
-            header: tableColumnHeads,
-            // footer: tableFooterData,
-            footer: tableColumnHeads
-        };
-    }
-
-    function getTableData(tableLines = [], tableColumnHeads) {
-        let returnArray = [];
-        
-        let tableLength = tableLines.length - 1;
-
-        for (let i = 0; i < tableLength; i++) {
-            let unprocessedLine = tableLines.shift();
-
-            let line = unprocessedLine.match(/(".*?"|[^",]+)(?=\s*,|\s*$)/g).map(cell => {
-                // Remove surrounding quotes if present
-                return cell.replace(/^"(.+(?="$))"$/, '$1');
-            });
-
-            let obj = {};
-            for (let j = 0; j < line.length; j++) {
-                obj[tableColumnHeads[j]] = line[j].replace(/\r/g, "");
-            }
-            returnArray.push(obj);
-        }
-
-        return [...returnArray];
-    }
-
-    function dataTableCsv(tableDiv) {
-        
-        let tableDivId = tableDiv.attr("id");
-        tableDivId = '#' + tableDivId;
-
-        const csvTable = tableDiv.children("#qld_data-table_csv");
-        csvTable.css("display", "table");
-
-        const csvFileURL = csvTable.attr('data-csv-source');
-
-        readCSVFile(csvFileURL, (err, tableLines) => {
-            if (err) { //the file reader is prone to throwing errors - CORS errors etc.
-                console.log("Error: ", err);
-                csvTable.css("display", "none");
-            }
-
-            let tableHeaderAndFooter = getTableHeaderAndFooter(tableLines);
-
-            let tableColumnHeads = tableHeaderAndFooter.header;
-            let tableFooterData = tableHeaderAndFooter.footer;
-            var tableData = getTableData(tableLines, tableColumnHeads); //this name needs to be changed
-
-            // Defining variblers that are included in the table using the processed data from the functions.
-            let tableColumns = tableColumnHeads.map((column) => {
-                return { data: column, title: column };
-            });
-
-            let footerHasContent = false;
-
-            const QLD_DataTable = $(csvTable).DataTable({
-                "sScrollX": "100%",
-                "sScrollXInner": "100%",
-                "bScrollCollapse": true,
-                data: tableData ? tableData : [],
-                columns: tableColumns ? tableColumns : [],
-                dom: '<"top"if>rt<"bottom"lp><"clear">',
-                pagingType: "simple_numbers",
-                pagingTag: "li",
-                language: {
-                    paginate: {
-                        previous: `<button rel="prev"
-                        aria-label="Next page of results" class="qld__search-pagination_link">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"
-                            width="16" height="16" role="img">
-                            <path fill="currentColor"
-                                d="M448 256C448 264.8 440.6 272 431.4 272H54.11l140.7 149.3c6.157 6.531 5.655 16.66-1.118 22.59C190.5 446.6 186.5 448 182.5 448c-4.505 0-9.009-1.75-12.28-5.25l-165.9-176c-5.752-6.094-5.752-15.41 0-21.5l165.9-176c6.19-6.562 16.69-7 23.45-1.094c6.773 5.938 7.275 16.06 1.118 22.59L54.11 240h377.3C440.6 240 448 247.2 448 256z">
-                            </path>
-                        </svg><span>Back</span>
-                    </button>`,
-                        next: `<button rel="next" aria-label="Next page of results" class="qld__search-pagination_link">
-                            <span>Next</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false" width="16" height="16" role="img"><path fill="currentColor" d="M443.7 266.8l-165.9 176C274.5 446.3 269.1 448 265.5 448c-3.986 0-7.988-1.375-11.16-4.156c-6.773-5.938-7.275-16.06-1.118-22.59L393.9 272H16.59c-9.171 0-16.59-7.155-16.59-15.1S7.421 240 16.59 240h377.3l-140.7-149.3c-6.157-6.531-5.655-16.66 1.118-22.59c6.789-5.906 17.27-5.469 23.45 1.094l165.9 176C449.4 251.3 449.4 260.7 443.7 266.8z"></path></svg>
-                            </button>`,
-                    },
-                    sEmptyTable: "No data available in table",
-                    sInfo: "<span class='qld__data-table-item-numbers'><span class='qld__data-table-item-numbers-heading'>Showing:</span> _START_-_END_ of <span class='qld__data-table-item-numbers-total'>_TOTAL_ entries</span></span>",
-                    sInfoEmpty:
-                        "<span class='qld__data-table-item-numbers'><span class='qld__data-table-item-numbers-heading'>Showing:</span> 0-0 of <span class='qld__data-table-item-numbers-total'>0 entries</span></span>",
-                    sInfoFiltered: "(filtered from _MAX_ total entries)",
-                    sInfoPostFix: "",
-                    sDecimal: "",
-                    sThousands: ",",
-                    sLengthMenu: "<span>Items per page</span> _MENU_",
-                    sLoadingRecords: "Loading...",
-                    sProcessing: "",
-                    sSearch: `Search:<input type="search" id="qld__data-table__search-field" name="query" class="qld__text-input" autocomplete="off" value=""></input>`,
-                    sSearchPlaceholder: "",
-                    sUrl: "",
-                    sZeroRecords: "No matching records found",
-                },
-                columnDefs: [
-                    {
-                        targets: -1,
-                        className: "dt-body-right",
-                    },
-                ],
-                oClasses: {
-                    sFilterInput: "qld__text-input",
-                    sPageButton: "qld__search-pagination_link ",
-                    sPageButtonActive: "active",
-                    sPageButtonDisabled: "disabled",
-                    sPaging: "dataTables_paginate paging_ qld__search-pagination "
-                },
-                drawCallback: function (settings) {
-                    var parentDiv = $(tableDivId + " div.qld__search-pagination");
-                    var ulElement = $(
-                        '<ul class="qld__search-pagination__list"></ul>'
-                    );
-                    parentDiv.children().appendTo(ulElement);
-                    ulElement.appendTo(parentDiv);
-
-                    $(".qld__search-pagination_link").each(function () {
-                        var $this = $(this);
-                        if (
-                            $this.children("a").length === 0 &&
-                            $this.children("button").length === 0 &&
-                            $this.children("span").length === 0 &&
-                            $this.children("svg").length === 0
-                        ) {
-                            var textContent = $this.text();
-                            $this.html(
-                                '<button type="button" class="num">' + textContent + "</button>"
-                            );
-                        }
-                    });
-
-                    $(".qld__search-pagination__list span:not([class])").each(
-                        function () {
-                            var $span = $(this);
-
-                            // Move the nested <li> elements outside of the <span>
-                            $span.before($span.contents());
-
-                            // Remove the empty <span>
-                            $span.remove();
-                        }
-                    );
-                    $("li.previous").addClass("prev"); //adding the appropriate class
-                    // Remove role="link" and tabindex="0" from <li> elements in pagination
-                    $('li.qld__search-pagination_link[role="link"]').removeAttr('role');
-                    $('li.qld__search-pagination_link').removeAttr('tabindex');
-                    // Remove the aria-label attribute
-                    $(tableDivId + " .dataTables_wrapper th").removeAttr('aria-label');
-
-                    // Update sortable <th> elements
-                    $(tableDivId + " .dataTables_wrapper th[tabindex='0']").each(function () {
-                        const $this = $(this);
-                
-                        // Remove the tabindex attribute
-                        $this.removeAttr("tabindex");
-                
-                        // Replace the content with a button
-                        const textContent = $this.text().trim(); // Get the current text
-                        $this.html('<button type="button" class="sortable-header-btn qld__data-table__btn">' + textContent + "</button>");
-                    });
-                },
-            });
-
-            QLD_DataTable.on("order.dt", function () {
-                let order = QLD_DataTable.order()[0]; // Get the column index being sorted
-                let columns = QLD_DataTable.columns(); // Get all columns in the table
-
-                $(`${tableDivId} > #qld_data-table_csv tfoot th`).removeClass(
-                    "sorting_asc sorting_desc sorting sorting_1"
-                );
-
-                $(tableDivId + " > #qld_data-table_csv tfoot th:nth-child(" + (order[0] + 1) + ")"
-                ).addClass("sorting_1");
-            });
-
-            if (footerHasContent) {
-                $(`${tableDivId} > #qld_data-table_csv`)
-                    .append(
-                        $("<tfoot class='qld__data-table-footer' />").append(
-                            tableFooter
-                        )
-                    )
-                    .addClass("qld__table");
-            }
-        });
-    }
-
-    function dataTableHtml(tableDiv) {
-
-        let tableDivId = tableDiv.attr("id");
-        tableDivId = '#' + tableDivId;
-
-        const htmlTable = tableDiv.children("#qld_data-table_html");
-        htmlTable.css("display", "block");
-        const tableElement = $(tableDivId + " #qld_data-table_html table");
-
-        const QLD_DataTable = tableElement.DataTable({
-            "sScrollX": "100%",
-            "sScrollXInner": "100%",
-            "bScrollCollapse": true,
-            dom: '<"top"if>rt<"bottom"lp><"clear">',
-            pagingType: "simple_numbers",
-            pagingTag: "li",
-            language: {
-                paginate: {
-                    previous: `<button rel="prev"
-                        aria-label="Next page of results" class="qld__search-pagination_link">
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"
-                            width="16" height="16" role="img">
-                            <path fill="currentColor"
-                                d="M448 256C448 264.8 440.6 272 431.4 272H54.11l140.7 149.3c6.157 6.531 5.655 16.66-1.118 22.59C190.5 446.6 186.5 448 182.5 448c-4.505 0-9.009-1.75-12.28-5.25l-165.9-176c-5.752-6.094-5.752-15.41 0-21.5l165.9-176c6.19-6.562 16.69-7 23.45-1.094c6.773 5.938 7.275 16.06 1.118 22.59L54.11 240h377.3C440.6 240 448 247.2 448 256z">
-                            </path>
-                        </svg><span>Back</span>
-                    </button>`,
-                    next: `<button rel="next" aria-label="Next page of results" class="qld__search-pagination_link">
-                            <span>Next</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false" width="16" height="16" role="img"><path fill="currentColor" d="M443.7 266.8l-165.9 176C274.5 446.3 269.1 448 265.5 448c-3.986 0-7.988-1.375-11.16-4.156c-6.773-5.938-7.275-16.06-1.118-22.59L393.9 272H16.59c-9.171 0-16.59-7.155-16.59-15.1S7.421 240 16.59 240h377.3l-140.7-149.3c-6.157-6.531-5.655-16.66 1.118-22.59c6.789-5.906 17.27-5.469 23.45 1.094l165.9 176C449.4 251.3 449.4 260.7 443.7 266.8z"></path></svg>
-                            </button>`,
-                },
-                sEmptyTable: "No data available in table",
-                sInfo: "<span class='qld__data-table-item-numbers'><span class='qld__data-table-item-numbers-heading'>Showing:</span> _START_-_END_ of <span class='qld__data-table-item-numbers-total'>_TOTAL_ entries</span></span>",
-                sInfoEmpty:
-                    "<span class='qld__data-table-item-numbers'><span class='qld__data-table-item-numbers-heading'>Showing:</span> 0-0 of <span class='qld__data-table-item-numbers-total'>0 entries</span></span>",
-                sInfoFiltered: "(filtered from _MAX_ total entries)",
-                sInfoPostFix: "",
-                sDecimal: "",
-                sThousands: ",",
-                sLengthMenu: "<span>Items per page</span> _MENU_",
-                sLoadingRecords: "Loading...",
-                sProcessing: "",
-                sSearch: `Search:<input type="search" id="qld__data-table__search-field" name="query" class="qld__text-input" autocomplete="off" value=""></input>`,
-                sSearchPlaceholder: "",
-                sUrl: "",
-                sZeroRecords: "No matching records found",
-            },
-            columnDefs: [
-                {
-                    targets: -1,
-                    className: "dt-body-right",
-                },
-            ],
-            oClasses: {
-                sFilterInput: "qld__text-input",
-                sPageButton: "qld__search-pagination_link ",
-                sPageButtonActive: "active",
-                sPageButtonDisabled: "disabled",
-                sPaging: "dataTables_paginate paging_ qld__search-pagination ",
-
-            },
-            drawCallback: function (settings) {
-                var parentDiv = $(tableDivId + " div.qld__search-pagination");
-                var ulElement = $(
-                    '<ul class="qld__search-pagination__list"></ul>'
-                );
-                parentDiv.children().appendTo(ulElement);
-                ulElement.appendTo(parentDiv);
-
-                $(".qld__search-pagination_link").each(function () {
-                    var $this = $(this);
-                    if (
-                        $this.children("a").length === 0 &&
-                        $this.children("button").length === 0 &&
-                        $this.children("span").length === 0 &&
-                        $this.children("svg").length === 0
-                    ) {
-                        var textContent = $this.text();
-                        $this.html('<button class="num">' + textContent + "</button>");
-                    }
-                });
-
-                $(".qld__search-pagination__list span:not([class])").each(
-                    function () {
-                        var $span = $(this);
-
-                        // Move the nested <li> elements outside of the <span>
-                        $span.before($span.contents());
-
-                        // Remove the empty <span>
-                        $span.remove();
-                    }
-                );
-                $("li.previous").addClass("prev"); //adding the appropriate class
-                 // Remove role="link" and tabindex="0" from <li> elements in pagination
-                 $('li.qld__search-pagination_link[role="link"]').removeAttr('role');
-                 $('li.qld__search-pagination_link').removeAttr('tabindex');
-                 // Remove the aria-label attribute
-                 $(tableDivId + " .dataTables_wrapper th").removeAttr('aria-label');
-
-                 // Update sortable <th> elements
-                $(tableDivId + " .dataTables_wrapper th[tabindex='0']").each(function () {
-                    const $this = $(this);
-            
-                    // Remove the tabindex attribute
-                    $this.removeAttr("tabindex");
-            
-                    // Replace the content with a button
-                    const textContent = $this.text().trim(); // Get the current text
-                    $this.html('<button type="button" class="sortable-header-btn qld__data-table__btn">' + textContent + "</button>");
-                });
-
-            },
-        });
-
-        $( // this line enforces the correct sorting class to the html table's first column's footer. 
-            tableDivId + " #qld_table_html tfoot tr th:first-child"
-        ).addClass("sorting_1");
-
-        QLD_DataTable.on("order.dt", function () {
-            let order = QLD_DataTable.order()[0]; // Get the column index being sorted
-
-            $(tableDivId + " #qld_table_html tfoot tr th").removeClass(
-                "sorting_asc sorting_desc sorting sorting_1"
-            );
-
-            $(
-                tableDivId + " #qld_table_html tfoot tr th:nth-child(" + (order[0] + 1) + ")"
-            ).addClass("sorting_1");
-        });
-    }
-
-    function triggerFunctionBasedOnClass(tableDiv) {
-
-        if (tableDiv.hasClass("qld__data-table--csv")) {
-            dataTableCsv(tableDiv);
-        } else if (tableDiv.hasClass("qld__data-table--html")) {
-            dataTableHtml(tableDiv);
-        }
-    }
-
-    dataTable.init = function () {
-
-        const tableDivs = $(".qld__data-table");
-
-        for(let tableDiv of tableDivs) {
-            triggerFunctionBasedOnClass($(tableDiv));
-        }
-    }
-
-    QLD.dataTable = dataTable;
-
-    document.addEventListener("DOMContentLoaded", QLD.dataTable.init);
-
-})();

package/src/components/data_table/js/manifest.json

@@ -1,112 +0,0 @@
-{
-	"component": {
-		"name": "data_table",
-		"description": "",
-		"version": "1.0",
-		"status": "In Development",
-		"data": {
-			"assetid": "123",
-			"metadata": {
-				"body_background": {
-                    "type": "metadata_field_select",
-                    "description": "",
-                    "friendly_name": "Background colour",
-                    "value": "",
-                    "options": {
-						"": "White",
-                        "qld__body--light": "Light",
-                        "qld__body--dark": "Dark"
-                    },
-                    "required": false,
-                    "editable": true
-                },
-				"table_styling": {
-                    "type": "metadata_field_select",
-                    "description": "",
-                    "friendly_name": "Table styling",
-                    "value": "qld__table--striped",
-                    "options": {
-                        "": "Default",
-                        "qld__table--striped": "Striped"
-                    },
-                    "required": false,
-                    "editable": true
-                },
-				"table_title": {
-					"type": "metadata_field_text",
-					"description": "A text field",
-					"friendly_name": "Table title",
-					"value": "Table title",
-					"required": false,
-					"editable": true
-				},
-				"table_caption": {
-					"type": "metadata_field_text",
-					"description": "A text field",
-					"friendly_name": "Table caption",
-					"value": "Table caption",
-					"required": false,
-					"editable": true
-				},
-				"table_data_source": {
-                    "type": "metadata_field_select",
-                    "description": "",
-                    "friendly_name": "Data source",
-                    "value": "qld__data-table--csv",
-                    "options": {
-                        "qld__data-table--csv": "csv",
-                        "qld__data-table--html": "html"
-                    },
-                    "required": false,
-                    "editable": true
-                },
-				"table_data_csv": {
-					"value": "http://localhost:8080/mysource_files/data-tables-csv-test.csv",
-					"fieldid": "",
-					"friendly_name": "Table data CSV",
-					"type": "metadata_field_related_asset",
-					"is_contextable": true,
-					"default_value": false,
-					"use_default": true,
-					"display_if" : {
-                        "show": true,
-                        "operator": "AND",
-                        "rules": [{
-							"field": "table_data_source",
-							"operator": "equals",
-							"value": "qld__data-table--csv"
-						}]
-                    }
-				},
-				"table_in_html": {
-					"type": "metadata_field_wysiwyg",
-					"description": "Content to display",
-					"friendly_name": "Table in HTML",
-					"value": "<table id='qld_table_html' class=''><thead><tr><th>Name</th><th>Position</th><th>Office</th><th>Age</th><th>Start date</th><th>Salary</th></tr></thead><tbody><tr><td>Tiger Nixon</td><td>System Architect</td><td>Edinburgh</td><td>61</td><td>2011-04-25</td><td>$320,800</td></tr><tr><td>Garrett Winters</td><td>Accountant</td><td>Tokyo</td><td>63</td><td>2011-07-25</td><td>$170,750</td></tr><tr><td>Ashton Cox</td><td>Junior Technical Author</td><td>San Francisco</td><td>66</td><td>2009-01-12</td><td>$86,000</td></tr><tr><td>Cedric Kelly</td><td>Senior Javascript Developer</td><td>Edinburgh</td><td>22</td><td>2012-03-29</td><td>$433,060</td></tr><tr><td>Airi Satou</td><td>Accountant</td><td>Tokyo</td><td>33</td><td>2008-11-28</td><td>$162,700</td></tr><tr><td>Brielle Williamson</td><td>Integration Specialist</td><td>New York</td><td>61</td><td>2012-12-02</td><td>$372,000</td></tr><tr><td>Herrod Chandler</td><td>Sales Assistant</td><td>San Francisco</td><td>59</td><td>2012-08-06</td><td>$137,500</td></tr><tr><td>Rhona Davidson</td><td>Integration Specialist</td><td>Tokyo</td><td>55</td><td>2010-10-14</td><td>$327,900</td></tr><tr><td>Colleen Hurst</td><td>Javascript Developer</td><td>San Francisco</td><td>39</td><td>2009-09-15</td><td>$205,500</td></tr><tr><td>Sonya Frost</td><td>Software Engineer</td><td>Edinburgh</td><td>23</td><td>2008-12-13</td><td>$103,600</td></tr><tr><td>Jena Gaines</td><td>Office Manager</td><td>London</td><td>30</td><td>2008-12-19</td><td>$90,560</td></tr><tr><td>Quinn Flynn</td><td>Support Lead</td><td>Edinburgh</td><td>22</td><td>2013-03-03</td><td>$342,000</td></tr><tr><td>Charde Marshall</td><td>Regional Director</td><td>San Francisco</td><td>36</td><td>2008-10-16</td><td>$470,600</td></tr><tr><td>Haley Kennedy</td><td>Senior Marketing Designer</td><td>London</td><td>43</td><td>2012-12-18</td><td>$313,500</td></tr><tr><td>Tatyana Fitzpatrick</td><td>Regional Director</td><td>London</td><td>19</td><td>2010-03-17</td><td>$385,750</td></tr><tr><td>Michael Silva</td><td>Marketing Designer</td><td>London</td><td>66</td><td>2012-11-27</td><td>$198,500</td></tr><tr><td>Paul Byrd</td><td>Chief Financial Officer (CFO)</td><td>New York</td><td>64</td><td>2010-06-09</td><td>$725,000</td></tr><tr><td>Gloria Little</td><td>Systems Administrator</td><td>New York</td><td>59</td><td>2009-04-10</td><td>$237,500</td></tr><tr><td>Bradley Greer</td><td>Software Engineer</td><td>London</td><td>41</td><td>2012-10-13</td><td>$132,000</td></tr><tr><td>Dai Rios</td><td>Personnel Lead</td><td>Edinburgh</td><td>35</td><td>2012-09-26</td><td>$217,500</td></tr><tr><td>Jenette Caldwell</td><td>Development Lead</td><td>New York</td><td>30</td><td>2011-09-03</td><td>$345,000</td></tr><tr><td>Yuri Berry</td><td>Chief Marketing Officer (CMO)</td><td>New York</td><td>40</td><td>2009-06-25</td><td>$675,000</td></tr><tr><td>Caesar Vance</td><td>Pre-Sales Support</td><td>New York</td><td>21</td><td>2011-12-12</td><td>$106,450</td></tr><tr><td>Doris Wilder</td><td>Sales Assistant</td><td>Sydney</td><td>23</td><td>2010-09-20</td><td>$85,600</td></tr><tr><td>Angelica Ramos</td><td>Chief Executive Officer (CEO)</td><td>London</td><td>47</td><td>2009-10-09</td><td>$1,200,000</td></tr><tr><td>Gavin Joyce</td><td>Developer</td><td>Edinburgh</td><td>42</td><td>2010-12-22</td><td>$92,575</td></tr><tr><td>Jennifer Chang</td><td>Regional Director</td><td>Singapore</td><td>28</td><td>2010-11-14</td><td>$357,650</td></tr><tr><td>Brenden Wagner</td><td>Software Engineer</td><td>San Francisco</td><td>28</td><td>2011-06-07</td><td>$206,850</td></tr><tr><td>Fiona Green</td><td>Chief Operating Officer (COO)</td><td>San Francisco</td><td>48</td><td>2010-03-11</td><td>$850,000</td></tr><tr><td>Shou Itou</td><td>Regional Marketing</td><td>Tokyo</td><td>20</td><td>2011-08-14</td><td>$163,000</td></tr><tr><td>Michelle House</td><td>Integration Specialist</td><td>Sydney</td><td>37</td><td>2011-06-02</td><td>$95,400</td></tr><tr><td>Suki Burks</td><td>Developer</td><td>London</td><td>53</td><td>2009-10-22</td><td>$114,500</td></tr><tr><td>Prescott Bartlett</td><td>Technical Author</td><td>London</td><td>27</td><td>2011-05-07</td><td>$145,000</td></tr><tr><td>Gavin Cortez</td><td>Team Leader</td><td>San Francisco</td><td>22</td><td>2008-10-26</td><td>$235,500</td></tr><tr><td>Martena Mccray</td><td>Post-Sales support</td><td>Edinburgh</td><td>46</td><td>2011-03-09</td><td>$324,050</td></tr><tr><td>Unity Butler</td><td>Marketing Designer</td><td>San Francisco</td><td>47</td><td>2009-12-09</td><td>$85,675</td></tr><tr><td>Howard Hatfield</td><td>Office Manager</td><td>San Francisco</td><td>51</td><td>2008-12-16</td><td>$164,500</td></tr><tr><td>Hope Fuentes</td><td>Secretary</td><td>San Francisco</td><td>41</td><td>2010-02-12</td><td>$109,850</td></tr><tr><td>Vivian Harrell</td><td>Financial Controller</td><td>San Francisco</td><td>62</td><td>2009-02-14</td><td>$452,500</td></tr><tr><td>Timothy Mooney</td><td>Office Manager</td><td>London</td><td>37</td><td>2008-12-11</td><td>$136,200</td></tr><tr><td>Jackson Bradshaw</td><td>Director</td><td>New York</td><td>65</td><td>2008-09-26</td><td>$645,750</td></tr><tr><td>Olivia Liang</td><td>Support Engineer</td><td>Singapore</td><td>64</td><td>2011-02-03</td><td>$234,500</td></tr><tr><td>Bruno Nash</td><td>Software Engineer</td><td>London</td><td>38</td><td>2011-05-03</td><td>$163,500</td></tr><tr><td>Sakura Yamamoto</td><td>Support Engineer</td><td>Tokyo</td><td>37</td><td>2009-08-19</td><td>$139,575</td></tr><tr><td>Thor Walton</td><td>Developer</td><td>New York</td><td>61</td><td>2013-08-11</td><td>$98,540</td></tr><tr><td>Finn Camacho</td><td>Support Engineer</td><td>San Francisco</td><td>47</td><td>2009-07-07</td><td>$87,500</td></tr><tr><td>Serge Baldwin</td><td>Data Coordinator</td><td>Singapore</td><td>64</td><td>2012-04-09</td><td>$138,575</td></tr><tr><td>Zenaida Frank</td><td>Software Engineer</td><td>New York</td><td>63</td><td>2010-01-04</td><td>$125,250</td></tr><tr><td>Zorita Serrano</td><td>Software Engineer</td><td>San Francisco</td><td>56</td><td>2012-06-01</td><td>$115,000</td></tr><tr><td>Jennifer Acosta</td><td>Junior Javascript Developer</td><td>Edinburgh</td><td>43</td><td>2013-02-01</td><td>$75,650</td></tr><tr><td>Cara Stevens</td><td>Sales Assistant</td><td>New York</td><td>46</td><td>2011-12-06</td><td>$145,600</td></tr><tr><td>Hermione Butler</td><td>Regional Director</td><td>London</td><td>47</td><td>2011-03-21</td><td>$356,250</td></tr><tr><td>Lael Greer</td><td>Systems Administrator</td><td>London</td><td>21</td><td>2009-02-27</td><td>$103,500</td></tr><tr><td>Jonas Alexander</td><td>Developer</td><td>San Francisco</td><td>30</td><td>2010-07-14</td><td>$86,500</td></tr><tr><td>Shad Decker</td><td>Regional Director</td><td>Edinburgh</td><td>51</td><td>2008-11-13</td><td>$183,000</td></tr><tr><td>Michael Bruce</td><td>Javascript Developer</td><td>Singapore</td><td>29</td><td>2011-06-27</td><td>$183,000</td></tr><tr><td>Donna Snider</td><td>Customer Support</td><td>New York</td><td>27</td><td>2011-01-25</td><td>$112,000</td></tr></tbody><tfoot><tr><th>Name</th><th>Position</th><th>Office</th><th>Age</th><th>Start date</th><th>Salary</th></tr></tfoot></table>",
-					"required": false,
-					"editable": true,
-					"display_if" : {
-                        "show": true,
-                        "operator": "AND",
-                        "rules": [{
-							"field": "table_data_source",
-							"operator": "equals",
-							"value": "qld__data-table--html"
-						}]
-                    }
-				},
-				"id_field": {
-					"type": "metadata_field_text",
-					"description": "",
-					"friendly_name": "Id field",
-					"value": "",
-					"required": false,
-					"editable": true
-				}
-			}
-		},
-		"children": [],
-		"childrenThumbnails": [],
-		"assets": []
-	}
-}