From ec49bebe3a50345736d708377d72bd621e7885b9 Mon Sep 17 00:00:00 2001
From: zhoupzh <zhoupzh@pcl.ac.cn>
Date: Fri, 7 Jan 2022 09:59:50 +0800
Subject: [PATCH] fix issue

---
 templates/repo/create.tmpl | 52 +++++++++++++++++++++++++++++++++++---
 1 file changed, 49 insertions(+), 3 deletions(-)

diff --git a/templates/repo/create.tmpl b/templates/repo/create.tmpl
index e5aa2a630..1526a2150 100644
--- a/templates/repo/create.tmpl
+++ b/templates/repo/create.tmpl
@@ -41,7 +41,7 @@
 					</div> -->
 					<div class="inline required field">
 						<label for="Alias">项目名称</label>
-						<input id="Alias" name="Alias" value="" autofocus required>
+						<input id="alias" name="alias" value="" oninput="throttle()" autofocus required>
 						<!-- <span class="help"></span> -->
 					</div>
 
@@ -78,12 +78,16 @@
 						<div class="required field {{if .Err_RepoName}}error{{end}}">
 							<!-- <label for="repo_name">{{.i18n.Tr "repo.repo_name"}}</label> -->
 							<input style="width: 100% !important;" id="repo_name" name="repo_name" value="{{.repo_name}}" autofocus required>
-							<!-- <span class="help"></span> -->
+							
 						</div>
 					</div>
 
+					<div class="inline field">
+						<label for=""></label>
+						<span id="repoAdress" style="display: none;margin-bottom: 1rem;"></span>
 
-
+					</div>
+					<!-- <div class="js-project-full-path" id="repoAdress" ></div> -->
 					<div class="inline field">
 						<label>{{.i18n.Tr "repo.visibility"}}</label>
 						<div class="ui checkbox">
@@ -228,3 +232,45 @@
 	</div>
 </div>
 {{template "base/footer" .}}
+<script>
+$('#alias').bind('input propertychange', function (event) {
+	
+});
+console.log()
+let timeout;
+let keydown_flag = false
+$('#repo_name').keyup(function(){
+	keydown_flag = $('#repo_name').val() ? true : false
+	if(keydown_flag){
+		$('#repoAdress').css("display","block")
+		$('#repoAdress').text("{{.i18n.Tr "repo.template.topics"}}:"+$('#repo_name').val())
+		
+	}
+})
+function throttle(){
+	//先清理
+	clearTimeout(timeout)	
+	timeout = setTimeout(() => {
+		//在此处写调用的方法，可以实现仅最后一次操作生效
+		const aliasValue  = $('#alias').val()
+		const ownerValue = $('#uid').val()
+		if(keydown_flag){
+			$('#repo_name').attr("placeholder","")
+		}
+		else if(aliasValue){
+			$('#repo_name').attr("placeholder","正在获取路径...")
+			$.get(`${window.config.AppSubUrl}/repo/check_name?q=${aliasValue}&owner=${ownerValue }`,(data)=>{
+				const repo_name = data.name
+				$('#repo_name').val(repo_name)
+				$('#repoAdress').css("display","block")
+				$('#repoAdress').text("{{.i18n.Tr "repo.template.topics"}}:"+$('#repo_name').val())
+			})
+		}else{
+			$('#repo_name').val('')
+			$('#repo_name').attr("placeholder","")
+		}
+	}, 500)
+}
+
+
+</script>
\ No newline at end of file