profile.tmpl 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. {{template "base/head" .}}
  2. {{template "base/navbar" .}}
  3. <div id="body" class="container" data-page="user">
  4. <div id="user-profile" class="col-md-3">
  5. <div class="profile-avatar text-center">
  6. <a href="http://gravatar.com/emails/" class="center-block" data-toggle="tooltip" data-placement="bottom" title="Change your avatar at gravatar.com">
  7. <img id="user-avatar" src="{{.Owner.AvatarLink}}?s=200" alt="user-avatar" title="{{.Owner.Name}}"/>
  8. </a>
  9. <span id="user-name" class="center-block">{{.Owner.Name}}</span>
  10. </div>
  11. <div class="profile-info">
  12. <ul class="list-group">
  13. <li class="list-group-item">
  14. <div class="profile-rel">
  15. <div class="col-md-6 followers">
  16. <strong>123</strong>
  17. <p>followers</p>
  18. </div>
  19. <div class="col-md-6 following">
  20. <strong>123</strong>
  21. <p>following</p>
  22. </div>
  23. </div>
  24. </li>
  25. {{if .Owner.Location}}
  26. <li class="list-group-item"><i class="fa fa-thumb-tack"></i>{{.Owner.Location}}</li>
  27. {{end}}
  28. {{if .Owner.Email}}
  29. <li class="list-group-item"><i class="fa fa-envelope"></i><a href="mailto:{{.Owner.Email}}">{{.Owner.Email}}</a></li>
  30. {{end}}
  31. {{if .Owner.Website}}
  32. <li class="list-group-item"><i class="fa fa-link"></i><a target="_blank" href="{{.Owner.Website}}">{{.Owner.Website}}</a></li>
  33. {{end}}
  34. <li class="list-group-item"><i class="fa fa-clock-o"></i>Joined on {{DateFormat .Owner.Created "M d, Y"}}</li>
  35. </ul>
  36. </div>
  37. </div>
  38. <div id="user-activity" class="col-md-9">
  39. <ul class="nav nav-tabs" id="user-act-tabs">
  40. <li{{if not .TabName}} class="active"{{end}}><a href="{{.Owner.HomeLink}}"><i class="fa fa-gittip"></i>Repositories</a></li>
  41. <li{{if eq .TabName "activity"}} class="active"{{end}}><a href="{{.Owner.HomeLink}}?tab=activity"><i class="fa fa-rss"></i>Public Activity</a></li>
  42. </ul>
  43. <div class="tab-content">
  44. {{if eq .TabName "activity"}}
  45. <div class="tab-pane active">
  46. <ul class="list-unstyled activity-list">
  47. {{range .Feeds}}
  48. <li>
  49. <i class="icon fa fa-{{ActionIcon .OpType}}"></i>
  50. <div class="info"><span class="meta">{{TimeSince .Created}}</span><br>{{ActionDesc . | str2html}}</div>
  51. <span class="clearfix"></span>
  52. </li>
  53. {{else}}
  54. <li>No any public activity yet.</li>
  55. {{end}}
  56. </ul>
  57. </div>
  58. {{else}}
  59. {{$owner := .Owner}}
  60. <div class="tab-pane active">
  61. <ul class="list-unstyled repo-list">
  62. {{range .Repos}}
  63. <li>
  64. <div class="meta pull-right"><!-- <i class="fa fa-star"></i> {{.NumStars}} --> <i class="fa fa-code-fork"></i> {{.NumForks}}</div>
  65. <h4>
  66. <a href="/{{$owner.Name}}/{{.Name}}">{{.Name}}</a>
  67. </h4>
  68. <p class="desc">{{.Description}}</p>
  69. <div class="info">Last updated {{.Updated|TimeSince}}</div>
  70. </li>
  71. {{end}}
  72. </ul>
  73. </div>
  74. {{end}}
  75. </div>
  76. </div>
  77. </div>
  78. {{template "base/footer" .}}