last-username-changes.hbs 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <h4>{{gettext "Last changes history"}}</h4>
  2. {{#if isLoaded}}
  3. <ul class="list-group">
  4. {{#each model as |change|}}
  5. <li class="list-group-item">
  6. <div class="side-avatar hidden-md hidden-lg">
  7. {{#if change.changed_by}}
  8. {{#link-to 'user' change.changed_by.url_name}}
  9. {{user-avatar user=change.changed_by size=42}}
  10. {{/link-to}}
  11. {{else}}
  12. <span>{{user-avatar user=change.changed_by size=42}}</span>
  13. {{/if}}
  14. </div>
  15. <div class="first-row">
  16. {{#if change.changed_by}}
  17. {{#link-to 'user' change.changed_by.url_name class="hidden-xs hidden-sm"}}
  18. {{user-avatar user=change.changed_by size=20}}
  19. {{/link-to}}
  20. {{#link-to 'user' change.changed_by.url_name class="item-name right-margin"}}
  21. {{change.changed_by.username}}
  22. {{/link-to}}
  23. {{else}}
  24. <span class="hidden-xs hidden-sm">{{user-avatar user=change.changed_by size=20}}</span>
  25. <strong class="item-name right-margin">{{change.changed_by_username}}</strong>
  26. {{/if}}
  27. {{change.old_username}} <i class="material-icons">arrow_forward</i> {{change.new_username}}
  28. </div>
  29. <div class="second-row text-muted" title="{{format-date change.changed_on tick=clock.tick}}">
  30. <strong class="item-name right-margin">{{change.changed_by_username}}</strong>
  31. {{rel-date change.changed_on tick=clock.tick}}
  32. </div>
  33. </li>
  34. {{else}}
  35. <li class="list-group-item">
  36. <i class="material-icons">info_outline</i>
  37. {{gettext "Your username was never changed."}}
  38. </li>
  39. {{/each}}
  40. </ul>
  41. {{else}}
  42. <div class="ui-preview list-group-preview">
  43. {{#each (x-range 5) as |placeholder|}}
  44. <div class="fill">
  45. <div class="side-avatar hidden-md hidden-lg">
  46. <div class="ui-preview-img avatar-preview" style="width: 42px; height: 42px;"></div>
  47. </div>
  48. <div class="first-row">
  49. <span class="ui-preview-img avatar-preview hidden-xs hidden-sm" style="width: 20px; height: 20px;">&nbsp;</span>
  50. {{ui-text-preview class="ui-preview-text item-name right-margin"}}
  51. {{ui-text-preview class="ui-preview-text"}}
  52. <i class="material-icons">arrow_forward</i>
  53. {{ui-text-preview class="ui-preview-text"}}
  54. </div>
  55. <div class="second-row text-muted">
  56. {{ui-text-preview minLength=10 maxLength=18 class="ui-preview-text"}}
  57. </div>
  58. </div>
  59. {{/each}}
  60. </div>
  61. {{/if}}