aiforge/templates/user/profile.tmpl

{{template "base/head" .}}
<div class="user profile">
	<div class="ui container">
		<div class="ui stackable grid">
			<div class="ui five wide column">
				<div class="ui card">
					{{if eq .SignedUserName .Owner.Name}}
						<a class="image poping up" href="{{AppSubUrl}}/user/settings" id="profile-avatar" data-content="{{.i18n.Tr "user.change_avatar"}}" data-variation="inverted tiny" data-position="bottom center">
							<img src="{{.Owner.SizedRelAvatarLink 290}}" title="{{.Owner.Name}}"/>
						</a>
					{{else}}
						<span class="image">
							<img src="{{.Owner.SizedRelAvatarLink 290}}" title="{{.Owner.Name}}"/>
						</span>
					{{end}}
					<div class="content wrap">
						{{if .Owner.FullName}}<span class="header text center">{{.Owner.FullName}}</span>{{end}}
						<span class="username text center">{{.Owner.Name}}</span>
					</div>
					
					<div class="badge-wrap">
						{{range $k,$v :=.RecentBadges}}
						{{if le $k 3}}
						<div class="badge-img-avatar"><img style="width: 100%;height: 100%;" src="{{.LightedIcon}}" class="ui poping up" data-content="{{.Name}}" data-position="top center" data-variation="tiny inverted"></div>
						{{else}}
						<a class="badge-more-icon" href="{{$.Owner.HomeLink}}?tab=badge"><i class="ri-more-fill"></i></a>
						{{end}}
						{{end}}
						
					</div>
					<div class="extra content wrap">
						<ul class="text black">
							{{if .Owner.Location}}
								<li>{{svg "octicon-location" 16}} {{.Owner.Location}}</li>
							{{end}}
							{{if .ShowUserEmail }}
								<li>
									{{svg "octicon-mail" 16}}
									<a href="mailto:{{.Owner.Email}}" rel="nofollow">{{.Owner.Email}}</a>
								</li>
							{{end}}
							{{if .Owner.Website}}
								<li>
									{{svg "octicon-link" 16}}
									<a target="_blank" rel="noopener noreferrer me" href="{{.Owner.Website}}">{{.Owner.Website}}</a>
								</li>
							{{end}}
							{{if .Owner.Description}}
								<li>
									{{svg "octicon-info" 16}}
									<span>{{.Owner.Description}}</span>
								</li>
							{{end}}
							{{range .OpenIDs}}
								{{if .Show}}
									<li>
										<i class="fa fa-openid"></i>
										<a target="_blank" rel="noopener noreferrer" href="{{.URI}}">{{.URI}}</a>
									</li>
								{{end}}
							{{end}}
							
							<li>
								{{svg "octicon-clock" 16}} {{.i18n.Tr "user.join_on"}} {{.Owner.CreatedUnix.FormatShort}}								
								{{if and .IsSigned (eq .SignedUserName .Owner.Name)}}
								<div class=__ad_profile_c__ style="margin-top:6px;height:50px;display:none;">
									<a class="__ad_profile__" href="" target="_blank"><img src="" style="width:100%;height:100%" /></a>
								</div>
								<script>
									;(function(){
										document.addEventListener("DOMContentLoaded", function() {
											$.ajax({
												type: "GET",
												url: "/dashboard/invitation",
												dataType: "json",
												data: { filename: 'ad-profile.json' },
												success: function (res) {
													try {
														var data = JSON.parse(res);
														$('.__ad_profile__').attr('href', data.url).find('img').attr('src', data.src);
														$('.__ad_profile_c__').show();
													} catch (err) {
														console.log(err);
													}
												},
												error: function (err) {
													console.log(err);
												}
											});
										});
									})();
								</script>
								{{end}}
							</li>
														
							{{if and .Orgs .HasOrgsVisible}}
							
							<li style="border-bottom: none;padding-bottom: 0;"><div style="border-bottom: 1px solid #eaeaea;padding-top: 5px;padding-bottom:5px"> <b>{{.i18n.Tr "organization"}} </b></div></li>
							<li style="padding-bottom: 0px;">
								<!-- <ul class="user-orgs">
								{{range .Orgs}}
									{{if (or .Visibility.IsPublic (and ($.SignedUser) (or .Visibility.IsLimited (and (.IsUserPartOfOrg $.SignedUserID) .Visibility.IsPrivate) ($.IsAdmin))))}}
									<li>
										<ul>
											<a href="{{.HomeLink}}"><img class="ui image poping up" src="{{.RelAvatarLink}}" data-content="{{.Name}}" data-position="top center" data-variation="tiny inverted"></a>
											<span>{{.Name}}</span>
										</ul>
									</li>
									{{end}}
								{{end}}
								</ul> -->
							
								{{range .Orgs}}  
									<ul class="user-orgs">
										
											{{if (or .Visibility.IsPublic (and ($.SignedUser) (or .Visibility.IsLimited (and (.IsUserPartOfOrg $.SignedUserID) .Visibility.IsPrivate) ($.IsAdmin))))}}
												<li class="infor"  style="width: 15%;" > 
													<a href="{{.HomeLink}}"><img class="ui image poping up" src="{{.RelAvatarLink}}" data-content="{{.Name}}" data-position="top center" data-variation="tiny inverted"></a>	
												</li>
												<li class="infor" style="width: 35%;">
													<a class="ui image poping up"  style="color: #0366D6;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;"  href="{{.HomeLink}}" data-content="{{.Name}}" data-position="top center" data-variation="tiny inverted">{{.Name}}</a>
												</li>
												
												<li class="infor" style="width: 25%;display: table-cell">
													
													<img  style="width: 16px;height:16px;border: none;margin-top: -2px" src="/img/member.svg"  >
													<span style="color: rgba(0,0,0,.4);vertical-align: middle;">{{.NumMembers}}</span>		
												</li>
												<li class="infor" style="width: 25%;display: table-cell;">
													<img   style="width: 16px;height: 16px;margin-top: -2px" src="/img/pro_num.svg"  >
													<span style="color: rgba(0,0,0,.4);vertical-align: middle;">{{.NumRepos}}</span>
												</li>
											{{end}}
										
									</ul>
								{{end}}
							</li>
							{{end}}
							{{if and .IsSigned (ne .SignedUserName .Owner.Name)}}
							<li class="follow">
								{{if .SignedUser.IsFollowing .Owner.ID}}
									<form method="post" action="{{.Link}}/action/unfollow?redirect_to={{$.Link}}">
										{{$.CsrfTokenHtml}}
										<button type="submit" class="ui basic red button">{{svg "octicon-person" 16}} {{.i18n.Tr "user.unfollow"}}</button>
									</form>
								{{else}}
									<form method="post" action="{{.Link}}/action/follow?redirect_to={{$.Link}}">
										{{$.CsrfTokenHtml}}
										<button type="submit" class="ui basic green button">{{svg "octicon-person" 16}} {{.i18n.Tr "user.follow"}}</button>
									</form>
								{{end}}
							</li>
							{{end}}
						</ul>
					</div>
				</div>
			</div>
			<div class="ui eleven wide column">
				<div class="ui secondary stackable pointing menu">
					<!-- <a class='{{if and (ne .TabName "datasets") (ne .TabName "activity") (ne .TabName "following") (ne .TabName "followers") (ne .TabName "stars")}}active{{end}} item' href="{{.Owner.HomeLink}}">
						{{svg "octicon-repo" 16}} {{.i18n.Tr "user.repositories"}}
					</a> -->
					<a class='{{if eq .TabName "activity"}}active{{end}} item' href="{{.Owner.HomeLink}}?tab=activity">
						{{svg "octicon-rss" 16}} {{.i18n.Tr "user.activity"}}
					</a>
					<a class='{{if eq .TabName "repository" }}active{{end}} item' href="{{.Owner.HomeLink}}?tab=repository">
						{{svg "octicon-repo" 16}} {{.i18n.Tr "user.repositories"}}
					</a>
					<a class='{{if eq .TabName "datasets"}}active{{end}} item' href="{{.Owner.HomeLink}}?tab=datasets">
						{{svg "octicon-inbox" 16}} {{.i18n.Tr "user.datasets"}}
					</a>
					<a class='{{if eq .TabName "stars"}}active{{end}} item' href="{{.Owner.HomeLink}}?tab=stars">
						{{svg "octicon-star" 16}}  {{.i18n.Tr "user.starred"}}
						<div class="ui label">{{.Owner.NumStars}}</div>
					</a>
					<a class='{{if eq .TabName "following"}}active{{end}} item' href="{{.Owner.HomeLink}}?tab=following">
						{{svg "octicon-person" 16}}  {{.i18n.Tr "user.following"}}
						<div class="ui label">{{.Owner.NumFollowing}}</div>
					</a>
					<a class='{{if eq .TabName "followers"}}active{{end}} item' href="{{.Owner.HomeLink}}?tab=followers">
						{{svg "octicon-person" 16}}  {{.i18n.Tr "user.followers"}}
						<div class="ui label">{{.Owner.NumFollowers}}</div>
					</a>
					<a class='{{if eq .TabName "badge"}}active{{end}} item' href="{{.Owner.HomeLink}}?tab=badge">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="16"><path fill="none" d="M0 0h24v24H0z"/><path d="M17 15.245v6.872a.5.5 0 0 1-.757.429L12 20l-4.243 2.546a.5.5 0 0 1-.757-.43v-6.87a8 8 0 1 1 10 0zM12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm0-2a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"/></svg>  
						{{.i18n.Tr "user.badge"}}
						<div class="ui label">{{.TotalBadges}}</div>
					</a>
					
				</div>

				{{if eq .TabName "activity"}}
					{{if .EnableHeatmap}}
						
						<div id="user-heatmap" style="padding-right: 40px">
							<activity-heatmap :locale="locale" :suburl="suburl" :user="heatmapUser">
								<div slot="loading">
									<div class="ui active centered inline indeterminate text loader" id="loading-heatmap">{{.i18n.Tr "user.heatmap.loading"}}</div>
								</div>
							</activity-heatmap>
						</div>
						<div class="ui divider"></div>
					{{end}}
					<div class="feeds">
						{{template "user/dashboard/feeds" .}}
					</div>
				{{else if eq .TabName "stars"}}
					<div class="stars">
						{{template "explore/repo_search" .}}
						{{template "explore/repo_list" .}}
						{{template "base/paginate" .}}
					</div>
				{{else if eq .TabName "following"}}
					{{template "repo/user_cards" .}}
				{{else if eq .TabName "followers"}}
					{{template "repo/user_cards" .}}
				{{else if eq .TabName "datasets"}}
					{{template "explore/dataset_search" .}}
					{{template "explore/dataset_list" .}}
					{{template "base/paginate" .}}
				{{else if eq .TabName "badge"}}
					{{template "repo/badge" .}}
				{{else}}
					{{template "explore/repo_search" .}}
					{{template "explore/repo_list" .}}
					{{template "base/paginate" .}}
				{{end}}
			</div>
		</div>
	</div>
</div>
{{template "base/footer" .}}

<style>
	.infor{
		margin: auto 0;
		
	}
	.user-orgs{
		padding: 10px 0px;
	}
	.user-orgs li{
		
		max-width: 50%;
		float: right;
	}
	.user.profile .ui.card .extra.content ul {
		padding: 5px 0;
	}
	.ui.secondary.pointing.menu .item{
		padding: 0.78571429em 0.92857143em;
	}

</style>