aiforge/templates/repo/header.tmpl

<div class="header-wrapper">
{{with .Repository}}
	<div class="ui container">
		<div class="repo-header">
			<div class="ui huge breadcrumb repo-title">
				{{if .RelAvatarLink}}
					<img class="ui avatar image" src="{{.RelAvatarLink}}">
				{{else if .IsTemplate}}
					{{if .IsPrivate}}
						{{svg "octicon-repo-template-private" 32}}
					{{else}}
						{{svg "octicon-repo-template" 32}}
					{{end}}
				{{else}}
					{{if .IsPrivate}}
						{{svg "octicon-lock" 32}}
					{{else if .IsMirror}}
						{{svg "octicon-repo-clone" 32}}
					{{else if .IsFork}}
						{{svg "octicon-repo-forked" 32}}
					{{else}}
						{{svg "octicon-repo" 32}}
					{{end}}
				{{end}}
				<a href="{{AppSubUrl}}/{{.Owner.Name}}">{{.Owner.Name}}</a>
				<div class="divider"> / </div>
				<a href="{{$.RepoLink}}">{{.Name}}</a>
				{{if .RelAvatarLink}}
					{{if .IsTemplate}}
						{{if .IsPrivate}}
							{{svg "octicon-repo-template-private" 32}}
						{{else}}
							{{svg "octicon-repo-template" 32}}
						{{end}}
					{{else}}
						{{if .IsPrivate}}
							{{svg "octicon-lock" 32}}
						{{else if .IsMirror}}
							{{svg "octicon-repo-clone" 32}}
						{{else if .IsFork}}
							{{svg "octicon-repo-forked" 32}}
						{{else}}
							{{svg "octicon-repo" 32}}
						{{end}}
					{{end}}
				{{end}}
				{{if .IsArchived}}<i class="archive icon archived-icon"></i>{{end}}
				{{if .IsMirror}}<div class="fork-flag">{{$.i18n.Tr "repo.mirror_from"}} <a target="_blank" rel="noopener noreferrer" href="{{if .SanitizedOriginalURL}}{{.SanitizedOriginalURL}}{{else}}{{MirrorAddress $.Mirror}}{{end}}">{{if .SanitizedOriginalURL}}{{.SanitizedOriginalURL}}{{else}}{{MirrorAddress $.Mirror}}{{end}}</a></div>{{end}}
				{{if .IsFork}}<div class="fork-flag">{{$.i18n.Tr "repo.forked_from"}} <a href="{{.BaseRepo.Link}}">{{SubStr .BaseRepo.RelLink 1 -1}}</a></div>{{end}}
				{{if .IsGenerated}}<div class="fork-flag">{{$.i18n.Tr "repo.generated_from"}} <a href="{{.TemplateRepo.Link}}">{{SubStr .TemplateRepo.RelLink 1 -1}}</a></div>{{end}}
			</div>
			{{if not .IsBeingCreated}}
				<div class="repo-buttons">
					<form method="post" action="{{$.RepoLink}}/action/{{if $.IsWatchingRepo}}un{{end}}watch?redirect_to={{$.Link}}">
						{{$.CsrfTokenHtml}}
						<div class="ui labeled button" tabindex="0">
							<button type="submit" class="ui compact basic button">
								<i class="icon fa-eye{{if not $.IsWatchingRepo}}-slash{{end}}"></i>{{if $.IsWatchingRepo}}{{$.i18n.Tr "repo.unwatch"}}{{else}}{{$.i18n.Tr "repo.watch"}}{{end}}
							</button>
							<a class="ui basic label" href="{{.Link}}/watchers">
								{{.NumWatches}}
							</a>
						</div>
					</form>
					<form method="post" action="{{$.RepoLink}}/action/{{if $.IsStaringRepo}}un{{end}}star?redirect_to={{$.Link}}">
						{{$.CsrfTokenHtml}}
						<div class="ui labeled button" tabindex="0">
							<button type="submit" class="ui compact basic button">
								<i class="icon star{{if not $.IsStaringRepo}} outline{{end}}"></i>{{if $.IsStaringRepo}}{{$.i18n.Tr "repo.unstar"}}{{else}}{{$.i18n.Tr "repo.star"}}{{end}}
							</button>
							<a class="ui basic label" href="{{.Link}}/stars">
								{{.NumStars}}
							</a>
						</div>
					</form>
					{{if and (not .IsEmpty) ($.Permission.CanRead $.UnitTypeCode)}}
						<div class="ui labeled button {{if and ($.IsSigned) (not $.CanSignedUserFork)}}disabled-repo-button{{end}}" tabindex="0">
							<a class="ui compact basic button {{if or (not $.IsSigned) (not $.CanSignedUserFork)}}poping up{{end}}" {{if $.CanSignedUserFork}}href="{{AppSubUrl}}/repo/fork/{{.ID}}"{{else if $.IsSigned}} data-content="{{$.i18n.Tr "repo.fork_from_self"}}" {{ else }} data-content="{{$.i18n.Tr "repo.fork_guest_user" }}" rel="nofollow" href="{{AppSubUrl}}/user/login?redirect_to={{AppSubUrl}}/repo/fork/{{.ID}}" {{end}} data-position="top center" data-variation="tiny">
								{{svg "octicon-repo-forked" 15}}{{$.i18n.Tr "repo.fork"}}
							</a>
							<a class="ui basic label" href="{{.Link}}/forks">
								{{.NumForks}}
							</a>
						</div>
					{{end}}
				</div>
			{{end}}
		</div><!-- end grid -->
	</div><!-- end container -->
{{end}}
	<style>
		.dropdown-menu {
			position: relative;
			display: inline-block;
			margin-top: 4px;
		}
		.dropdown-menu:hover .dropdown-content {
    	display: block;
		}
		.dropdown-content{
			display: none;
			position: absolute;
			background-color: #ffffff;
			min-width: 160px;
			z-index: 999;
			border: 1px solid transparent; 
			border-color: #d4d4d5;
			border-top: none;

		}
		.dropdown-content a {
			color: black;
			padding: 12px 16px;
			text-decoration: none;
			display: block;
		}
		.dropdown-content a:hover {background-color: #f1f1f1}
		.cloudbrain-question{
			margin-left: 4px !important;
			color: #3291F8;
			
		}
	</style>
	<div class="ui tabs container">
		{{if not .Repository.IsBeingCreated}}
			<div class="ui tabular stackable menu navbar">
				{{if .Permission.CanRead $.UnitTypeCode}}
				<div class="dropdown-menu">
					<a class="{{if .PageIsViewCode}}active{{end}} item" href="{{.RepoLink}}{{if (ne .BranchName .Repository.DefaultBranch)}}/src/{{.BranchNameSubURL | EscapePound}}{{end}}">
							<span>{{svg "octicon-code" 16}} {{.i18n.Tr "repo.code"}} <i class="dropdown icon"></i></span>
					</a>
					<div class="dropdown-content">
						{{if and (.Permission.CanRead $.UnitTypeReleases) (not .IsEmptyRepo) }}
						<a class="{{if .PageIsReleaseList}}active{{end}} item" href="{{.RepoLink}}/releases">
							{{svg "octicon-tag" 16}} {{.i18n.Tr "repo.releases"}} <span class="ui {{if not .NumReleases}}gray{{else}}blue{{end}} small label">{{.NumReleases}}</span>
						</a>
							{{end}}
						{{if or (.Permission.CanRead $.UnitTypeWiki) (.Permission.CanRead $.UnitTypeExternalWiki)}}
						<a class="{{if .PageIsWiki}}active{{end}} item" href="{{.RepoLink}}/wiki" {{if (.Permission.CanRead $.UnitTypeExternalWiki)}} target="_blank" rel="noopener noreferrer" {{end}}>
							{{svg "octicon-book" 16}} {{.i18n.Tr "repo.wiki"}}
						</a>
						{{end}}
						{{if and (.Permission.CanReadAny $.UnitTypePullRequests $.UnitTypeIssues $.UnitTypeReleases) (not .IsEmptyRepo)}}
							<a class="{{if .PageIsActivity}}active{{end}} item" href="{{.RepoLink}}/activity">
								{{svg "octicon-pulse" 16}} {{.i18n.Tr "repo.activity"}}
							</a>
						{{end}}
					</div>
				</div>
					
				{{end}}
				


				{{if .Permission.CanRead $.UnitTypeIssues}}
					<a class="{{if .PageIsIssueList}}active{{end}} item" href="{{.RepoLink}}/issues">
						{{svg "octicon-issue-opened" 16}} {{.i18n.Tr "repo.issues"}} <span class="ui {{if not .Repository.NumOpenIssues}}gray{{else}}blue{{end}} small label">{{.Repository.NumOpenIssues}}</span>
					</a>
				{{end}}

				<!-- {{if .Permission.CanRead $.UnitTypeExternalTracker}}
					<a class="{{if .PageIsIssueList}}active{{end}} item" href="{{.RepoExternalIssuesLink}}" target="_blank" rel="noopener noreferrer">
						{{svg "octicon-link-external" 16}} {{.i18n.Tr "repo.issues"}} </span>
					</a>
				{{end}} -->

				{{if and .Repository.CanEnablePulls (.Permission.CanRead $.UnitTypePullRequests)}}
					<a class="{{if .PageIsPullList}}active{{end}} item" href="{{.RepoLink}}/pulls">
						{{svg "octicon-git-pull-request" 16}} {{.i18n.Tr "repo.pulls"}} <span class="ui {{if not .Repository.NumOpenPulls}}gray{{else}}blue{{end}} small label">{{.Repository.NumOpenPulls}}</span>
					</a>
				{{end}}

				{{if .Permission.CanRead $.UnitTypeDatasets}}
				<a class="{{if .PageIsDataset}}active{{end}} item" href="{{.RepoLink}}/datasets?type=0">
					{{svg "octicon-inbox" 16}} {{.i18n.Tr "datasets"}}
				</a>
				{{end}}
				{{if .Permission.CanRead $.UnitTypeCloudBrain}}
				<a class="{{if .PageIsCloudBrain}}active{{end}} item" href="{{.RepoLink}}/cloudbrain">
					<span>{{svg "octicon-server" 16}} {{.i18n.Tr "repo.cloudbrain"}}<i class="question circle icon link cloudbrain-question" data-content={{.i18n.Tr "repo.cloudbrain_helper"}} data-position="top center" data-variation="mini"></i></span>
				</a>
				{{end}}
                <!-- {{if .IsSigned}}
				<a class="{{if .PageIsBlockChain}}active{{end}} item " href="{{.RepoLink}}/blockchain">
					{{svg "octicon-law" 16}}
					{{.i18n.Tr "repo.balance"}}
				</a>
				{{end}} -->

				{{template "custom/extra_tabs" .}}

				{{if .Permission.IsAdmin}}
					<div class="right menu">
						<a class="{{if .PageIsSettings}}active{{end}} item" href="{{.RepoLink}}/settings">
							{{svg "octicon-tools" 16}} {{.i18n.Tr "repo.settings"}}
						</a>
					</div>
				{{end}}
			</div>
		{{end}}
	</div>
	<div class="ui tabs divider"></div>
</div>

<div class="ui select_cloudbrain modal">
  <div class="header">
    {{$.i18n.Tr "repo.cloudbrain_selection"}}
  </div>
  <div class="content">
    <div class="ui form" method="post">
			<div class="grouped fields">
				<label for="CloudBrain">{{$.i18n.Tr "repo.cloudbrain_platform_selection"}}</label>
				<div class="field">
					<div class="ui radio checkbox">
						<input type="radio" name="CloudBrainSelect" checked tabindex="0" class="hidden" value="0">
						<label>{{$.i18n.Tr "repo.cloudbrain1"}}</label>
					</div>
				</div>
				<div class="field">
					<div class="ui radio checkbox">
						<input type="radio" name="CloudBrainSelect" tabindex="0" class="hidden" value="1">
						<label>{{$.i18n.Tr "repo.cloudbrain2"}}</label>
					</div>
				</div>
			</div>
			<div class="actions">
				<div class="mb-2 ui positive right labeled icon button">
					{{$.i18n.Tr "repo.confirm_choice"}}
					<i class="checkmark icon"></i>
				</div>
			</div>
		</div>
  </div>


</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>
<script>
	// 点击云脑进行选择云脑平台并进入相应的界面
	$('.item.cloudbrain').click(function(){
		$('.ui.select_cloudbrain.modal')
			.modal('closable', false)
			.modal('show');
		// $('.ui.select_cloudbrain.modal').modal('show');
		$('.ui.radio.checkbox').checkbox();

		var repolink = $(".cloudbrain_link").text()
		console.log(repolink)
		$(".ui.positive.right.icon.button").click(function(){
			// 声明一个变量来接收以及获取单选框选择的情况
			var checked_radio = $("input[name='CloudBrainSelect']:checked").val()
			console.log(checked_radio)

			if(checked_radio=='0'){
				window.location.href = repolink+'/cloudbrain'
			}else if(checked_radio=='1'){
				window.location.href = repolink+'/modelarts/notebook'
			}else{
				return;
			}
		})
	})

	// 点击数据集进行选择云脑平台并进入相应的界面
	$('.item.dataset').click(function(){
		$('.ui.select_cloudbrain.modal')
			.modal('closable', false)
			.modal('show');
		$('.ui.radio.checkbox').checkbox();

		var repolink = $(".dataset_link").text()
		console.log(repolink)
		$(".ui.positive.right.icon.button").click(function(){
			// 声明一个变量来接收以及获取单选框选择的情况
			var checked_radio = $("input[type='radio']:checked").val()
			$('.ui.select_cloudbrain.modal')
			.modal('show');
			// 向后端传递对象
			window.location.href = repolink + "/datasets?type=" + checked_radio
		})
	})
	$('.question.circle.icon').hover(function(){
		$(this).popup('show')
		$('.ui.popup.mini.top.center').css({"border-color":'rgba(50, 145, 248, 100)',"color":"rgba(3, 102, 214, 100)","border-radius":"5px"})
	});
	
</script>