aiforge/templates/user/dashboard/dashboard.tmpl

{{template "base/head" .}}
<div class="dashboard feeds">
	{{template "user/dashboard/navbar" .}}
	<div class="ui container">
		{{template "base/alert" .}}
		<div class="ui mobile reversed stackable grid">
			<div class="ui container ten wide column">
				<div class="default" id = 'default_page'>
					<div class="title">
						欢迎来到启智AI协作平台！
					</div>
					<div class="content">
						<p >探索更好的AI，来这里发现更有意思的 <a>项目</a> 或 <a>数据集</a></p>
						<p > 使用本平台提供的AI协作功能,如:托管代码、共享数据、调试算法或训练模型，请先<a class="btn_create" href="{{AppSubUrl}}/repo/create{{if .ContextUser.IsOrganization}}?org={{.ContextUser.ID}}{{end}}" >创建项目</a></p>
						<p > 平台目前免费提供CPU、GPU、NPU的算力资源，可进行多种类型的AI任务。</p>
					</div>
					<div class="hint">
						<a class="look">初次使用，请查看</a>
						<a class="comm">如有使用问题，请加入交流群 <i class="ri-arrow-right-line" style="vertical-align: middle;"></i></a>
					</div>
					<div class="guide">
						<a class="a_guide" href="https://git.openi.org.cn/zeizei/OpenI_Learning" target="_blank">新手指引 <i class="ri-arrow-right-line" style="vertical-align: top;"></i></a>
					</div>
				</div>
				{{if .EnableHeatmap}}
					{{template "user/dashboard/heatmap" .}}
				{{end}}
				{{template "user/dashboard/feeds" .}}
				<div class="activity" id ='activity_cont' > 
					<div class="act_title">
						活动:
					</div>
					<div style="text-align: center;">
						<p class="p_hint">
							还没有与你相关的活动
						</p>
					</div>
				</div>
			</div>
			{{template "user/dashboard/repolist" .}}
		</div>
	</div>
</div>
{{template "base/footer" .}}
<script>

	const {AppSubUrl, StaticUrlPrefix, csrf} = window.config;

	let URL = AppSubUrl +  '/api/v1/repos/search?sort=updated&order=desc&uid=true&q=&page=1&limit=10&mode= ';
        
	$.getJSON(URL, (result, _textStatus, request) => {
        const count = request.getResponseHeader('X-Total-Count');
		if (count != 0){
			document.getElementById("default_page").style.display = "none";
			document.getElementById("activity_cont").style.display = "none"
		}
    })
</script>

<style>
	.default{
		background-color: rgba(24, 144, 255, 0.1);
		margin-bottom: 20px;
		border-radius: 15px;
		line-height: 20px;
	}
	.title{
		padding-left: 25px;
		padding-top: 25px;
		color: rgba(16, 16, 16, 100);
		font-size: 20px;
		text-align: left;
		font-family: SourceHanSansSC-medium;
	}
	.content{
		color: rgba(80, 85, 89, 100);
		font-size: 14px;
		text-align: left;
		font-family: SourceHanSansSC-regular;
		padding-left: 25px;
		margin-top: 20px;
	}
	.btn_create{
		border-radius: 4px;
		background-color: rgba(24, 144, 255, 100);
		color: rgba(255, 255, 255, 100);
		font-size: 14px;
		text-align: center;
		font-family: Microsoft Yahei;
		margin-left:5px;
		padding:5px
	}
	.hint{
		color: rgba(24, 144, 255, 0.5);
		font-size: 14px;
		text-align: left;
		font-family: SourceHanSansSC-regular;
		margin-top: 30px;
	}
	.look{
		padding-left: 29px;
	}
	.comm{
		padding-right: 20%;
		float:right;
		vertical-align: middle;
	}
	.guide{
		margin-left: 25px;
		margin-top:30px;
		padding-bottom: 30px;
	}
	.a_guide{
		border-radius: 4px;
		background-color: rgba(255, 255, 255, 100);
		color: rgba(24, 144, 255, 100);
		font-size: 14px;
		text-align: center;
		font-family: Microsoft Yahei;
		border: 1px solid rgba(24, 144, 255, 100);
		padding: 10px 20px;
		vertical-align: middle;
	}
	.activity{
		margin-top: 20px;
	}
	.act_title{
		color: rgba(16, 16, 16, 100);
		font-size: 20px;
		text-align: left;
		font-family: SourceHanSansSC-medium;
	}
	.p_hint{
		color: rgba(136, 136, 136, 100);
		font-size: 14px;
		text-align: center;
		font-family: SourceHanSansSC-regular;
	}
	
</style>