Ghost/ghost/admin/app/components/members/list-item-loading.hbs

<tr data-test-list="members-list-item">
    <div class="gh-list-data gh-members-list-basic gh-list-loadingcell">
        <div class="gh-list-loading-title"></div>
        <div class="gh-list-loading-detail"></div>
    </div>
    <div class="gh-list-data"></div>
    <div class="gh-list-data"></div>
    <div class="gh-list-data"></div>
    <div class="gh-list-data"></div>
    {{#each @filterColumns}}
    <div class="gh-list-data"></div>
    {{/each}}
</tr>
Fixed member ProxyObject from sparse array leaking out of members list (#15565) no issue - the `ella-sparse-array` dependency used for the sparsely populated list on the members screen creates ProxyObjects that wrap the underlying member model instances meaning the forced use of `.get()` and `.set()` required by ProxyObject was leaking through to other areas of the app causing a mismatch in code patterns - moved the loading state for each member into a separate component and put the loading conditional directly inside the `{{#each members}}` block so that we can pass the real model instance through to components via `{{member.content}}` rather than passing the ProxyObject wrapper, avoiding unexpected errors when not using `.get()` and `.set()` on member arguments 2022-10-07 19:03:45 +03:00			`<tr data-test-list="members-list-item">`
			`<div class="gh-list-data gh-members-list-basic gh-list-loadingcell">`
			`<div class="gh-list-loading-title"></div>`
			`<div class="gh-list-loading-detail"></div>`
			`</div>`
			`<div class="gh-list-data"></div>`
			`<div class="gh-list-data"></div>`
			`<div class="gh-list-data"></div>`
Fixed member list loading UI spacing refs https://github.com/TryGhost/Team/issues/2743 2023-03-20 08:55:51 +03:00			`<div class="gh-list-data"></div>`
Fixed member ProxyObject from sparse array leaking out of members list (#15565) no issue - the `ella-sparse-array` dependency used for the sparsely populated list on the members screen creates ProxyObjects that wrap the underlying member model instances meaning the forced use of `.get()` and `.set()` required by ProxyObject was leaking through to other areas of the app causing a mismatch in code patterns - moved the loading state for each member into a separate component and put the loading conditional directly inside the `{{#each members}}` block so that we can pass the real model instance through to components via `{{member.content}}` rather than passing the ProxyObject wrapper, avoiding unexpected errors when not using `.get()` and `.set()` on member arguments 2022-10-07 19:03:45 +03:00			`{{#each @filterColumns}}`
			`<div class="gh-list-data"></div>`
			`{{/each}}`
			`</tr>`