增加缺省页

templates/user/dashboard/dashboard.tmpl

@@ -5,13 +5,136 @@
 		{{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>