TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-02 08:13:34 +03:00
Code Issues Projects Releases Wiki Activity
5cce6138e5
Ghost/ghost/admin/app/components/gh-members-list-item.hbs

48 lines
2.7 KiB
Handlebars
Raw Normal View History

Added loading state for member list rows no issue - with the sparsely loaded list you can scroll to an area which is being loaded in the background - if a list row is being loaded, display a "loading" version of the row so it doesn't look like you're stuck on a blank screen
2020-05-21 12:00:14 +03:00
<li class="gh-list-row gh-members-list-item {{if @member.is_loading "loading"}}" ...attributes>
{{#if @member.is_loading}}
Fixed borders on <GhMemberListItem> loading state no issue - `display: table` doesn't provide an equivalent of `colspan` so the loading state needs to include the same number of `display: table-cell` elements as the live state
2020-05-28 14:55:11 +03:00
<div class="gh-list-data gh-members-list-basic gh-list-loadingcell">
Added loading state for member list rows no issue - with the sparsely loaded list you can scroll to an area which is being loaded in the background - if a list row is being loaded, display a "loading" version of the row so it doesn't look like you're stuck on a blank screen
2020-05-21 12:00:14 +03:00
<div class="gh-list-loading-title"></div>
<div class="gh-list-loading-detail"></div>
Updated members list/detail screens base structure no issue
2019-10-02 14:35:50 +03:00
</div>
Fixed borders on <GhMemberListItem> loading state no issue - `display: table` doesn't provide an equivalent of `colspan` so the loading state needs to include the same number of `display: table-cell` elements as the live state
2020-05-28 14:55:11 +03:00
<div class="gh-list-data gh-members-list-geolocation gh-list-cellwidth-20"></div>
<div class="gh-list-data gh-members-list-subscribed-at gh-list-cellwidth-20"></div>
<div class="gh-list-data gh-members-list-chevron gh-list-cellwidth-chevron"></div>
Added loading state for member list rows no issue - with the sparsely loaded list you can scroll to an area which is being loaded in the background - if a list row is being loaded, display a "loading" version of the row so it doesn't look like you're stuck on a blank screen
2020-05-21 12:00:14 +03:00
{{else}}
Removed bulk member edit dev experiment no issue - we're moving forward with a simplified bulk delete and the UI would conflict if both approaches are behind the dev experiments flag
2020-07-23 16:56:49 +03:00
<LinkTo @route="member" @model={{@member}} title="Member details" class="gh-list-data gh-members-list-basic">
Added loading state for member list rows no issue - with the sparsely loaded list you can scroll to an area which is being loaded in the background - if a list row is being loaded, display a "loading" version of the row so it doesn't look like you're stuck on a blank screen
2020-05-21 12:00:14 +03:00
<div class="flex items-center">
Fixed members list cell wrapping no issues. - sets members cells wrapping to avoid table cells overlapping
2020-06-02 13:30:11 +03:00
<GhMemberAvatar @member={{@member}} @containerClass="w9 h9 mr3 flex-shrink-0" />
Added loading state for member list rows no issue - with the sparsely loaded list you can scroll to an area which is being loaded in the background - if a list row is being loaded, display a "loading" version of the row so it doesn't look like you're stuck on a blank screen
2020-05-21 12:00:14 +03:00
<div>
<h3 class="ma0 pa0 gh-members-list-name {{if (not @member.name) "gh-members-name-noname"}}">{{or @member.name @member.email}}</h3>
{{#if @member.name}}
<p class="ma0 pa0 middarkgrey f8 gh-members-list-email">{{@member.email}}</p>
{{/if}}
</div>
</div>
</LinkTo>
Updated members list screen design
2019-10-02 06:59:47 +03:00
Removed bulk member edit dev experiment no issue - we're moving forward with a simplified bulk delete and the UI would conflict if both approaches are behind the dev experiments flag
2020-07-23 16:56:49 +03:00
<LinkTo @route="member" @model={{@member}} title="Member details" class="gh-list-data gh-members-list-geolocation gh-list-cellwidth-20 middarkgrey f8 {{if (not @member.name) "gh-members-geolocation-noname"}}">
Added rough "edit mode" for members table behind dev flag no issue - initial UI for bulk-selection, focusing for now on first stage which is limited to select-all and delete actions - adds "Edit" button to the members table that shows the "selection" toolbar in place of the table header and shows a checkbox next to each member
2020-06-18 13:05:03 +03:00
{{#if (and @member.geolocation @member.geolocation.country)}}
Added loading state for member list rows no issue - with the sparsely loaded list you can scroll to an area which is being loaded in the background - if a list row is being loaded, display a "loading" version of the row so it doesn't look like you're stuck on a blank screen
2020-05-21 12:00:14 +03:00
{{#if (eq @member.geolocation.country_code "US")}}
{{@member.geolocation.region}}, US
{{else}}
{{@member.geolocation.country}}
{{/if}}
✨ Added member's geographic location to admin no issue - added `geolocation` attribute to member model with json-string transform - prevent geolocation from being sent back to the API in member serializer - add "Location" column to members list - if country is "US" then display "{State}, US" otherwise show full country name such as "United Kingdom" - displays "-" if no geolocation data has been collected for the member
2020-02-27 15:56:26 +03:00
{{else}}
Added loading state for member list rows no issue - with the sparsely loaded list you can scroll to an area which is being loaded in the background - if a list row is being loaded, display a "loading" version of the row so it doesn't look like you're stuck on a blank screen
2020-05-21 12:00:14 +03:00
<span class="midlightgrey">Unknown</span>
✨ Added member's geographic location to admin no issue - added `geolocation` attribute to member model with json-string transform - prevent geolocation from being sent back to the API in member serializer - add "Location" column to members list - if country is "US" then display "{State}, US" otherwise show full country name such as "United Kingdom" - displays "-" if no geolocation data has been collected for the member
2020-02-27 15:56:26 +03:00
{{/if}}
Added loading state for member list rows no issue - with the sparsely loaded list you can scroll to an area which is being loaded in the background - if a list row is being loaded, display a "loading" version of the row so it doesn't look like you're stuck on a blank screen
2020-05-21 12:00:14 +03:00
</LinkTo>
✨ Added member's geographic location to admin no issue - added `geolocation` attribute to member model with json-string transform - prevent geolocation from being sent back to the API in member serializer - add "Location" column to members list - if country is "US" then display "{State}, US" otherwise show full country name such as "United Kingdom" - displays "-" if no geolocation data has been collected for the member
2020-02-27 15:56:26 +03:00
Removed bulk member edit dev experiment no issue - we're moving forward with a simplified bulk delete and the UI would conflict if both approaches are behind the dev experiments flag
2020-07-23 16:56:49 +03:00
<LinkTo @route="member" @model={{@member}} title="Member details" class="gh-list-data gh-members-list-subscribed-at gh-list-cellwidth-20 middarkgrey f8 {{if (not @member.name) "gh-members-subscribed-noname"}}">
Added loading state for member list rows no issue - with the sparsely loaded list you can scroll to an area which is being loaded in the background - if a list row is being loaded, display a "loading" version of the row so it doesn't look like you're stuck on a blank screen
2020-05-21 12:00:14 +03:00
{{#if @member.createdAtUTC}}
Changed date formatting for members no refs. - applied date format to members chart tooltip - made all members date format consistent
2020-07-06 18:53:25 +03:00
{{moment-format @member.createdAtUTC "D MMM YYYY"}}
Added rough "edit mode" for members table behind dev flag no issue - initial UI for bulk-selection, focusing for now on first stage which is limited to select-all and delete actions - adds "Edit" button to the members table that shows the "selection" toolbar in place of the table header and shows a checkbox next to each member
2020-06-18 13:05:03 +03:00
<span class="midlightgrey">({{moment-from-now @member.createdAtUTC}})</span>
Added loading state for member list rows no issue - with the sparsely loaded list you can scroll to an area which is being loaded in the background - if a list row is being loaded, display a "loading" version of the row so it doesn't look like you're stuck on a blank screen
2020-05-21 12:00:14 +03:00
{{/if}}
</LinkTo>
Updated members list screen design
2019-10-02 06:59:47 +03:00
Removed bulk member edit dev experiment no issue - we're moving forward with a simplified bulk delete and the UI would conflict if both approaches are behind the dev experiments flag
2020-07-23 16:56:49 +03:00
<LinkTo @route="member" @model={{@member}} title="Member details" class="gh-list-data gh-list-cellwidth-chevron gh-members-list-chevron">
<div class="flex items-center justify-end w-100 h-100">
<span class="nr2">{{svg-jar "arrow-right" class="w6 h6 fill-midgrey pa1"}}</span>
</div>
Added loading state for member list rows no issue - with the sparsely loaded list you can scroll to an area which is being loaded in the background - if a list row is being loaded, display a "loading" version of the row so it doesn't look like you're stuck on a blank screen
2020-05-21 12:00:14 +03:00
</LinkTo>
{{/if}}
Refactored <GhMembersListItem> no issue - switched to using a glimmer component - cleaned up property access in the template - used helpers for basic display logic in the template - removed unused computed properties, aliases, and injected services
2020-02-27 15:17:48 +03:00
</li>
Reference in New Issue Copy Permalink