From de910e42d633b07310b3c9cc2aac35c7e5f25686 Mon Sep 17 00:00:00 2001
From: colorfulberry <senluowanxiangt@gmail.com>
Date: Thu, 28 May 2020 16:17:43 +0800
Subject: [PATCH] feat: add form for the ui

---
 custom/templates/repo/datasets/dataset_list.tmpl | 81 ------------------------
 custom/templates/repo/datasets/index.tmpl        | 31 ---------
 templates/repo/datasets/dataset.tmpl             |  9 +++
 templates/repo/datasets/dataset_list.tmpl        | 81 ++++++++++++++++++++++++
 templates/repo/datasets/index.tmpl               | 37 +++++++++++
 5 files changed, 127 insertions(+), 112 deletions(-)
 delete mode 100644 custom/templates/repo/datasets/dataset_list.tmpl
 delete mode 100644 custom/templates/repo/datasets/index.tmpl
 create mode 100644 templates/repo/datasets/dataset.tmpl

diff --git a/custom/templates/repo/datasets/dataset_list.tmpl b/custom/templates/repo/datasets/dataset_list.tmpl
deleted file mode 100644
index 0dc7b8791..000000000
--- a/custom/templates/repo/datasets/dataset_list.tmpl
+++ /dev/null
@@ -1,81 +0,0 @@
-<div class="ui grid item">
-  <div class="row">
-    <div class="eight wide column">
-      <div class="title">
-        深度学习数据集视频1.1.0
-      </div>
-    </div>
-    <div class="one wide column">
-      12GB
-    </div>
-
-    <div class="three wide column">
-      <span>由 <a href="/berry">berry</a> 于 <span class="time-since poping up" title="" data-content="2020年05月23日 10时52分49秒" data-variation="inverted tiny">5 天前</span>创建</span>
-    </div>
-
-    <div class="two wide column">
-      <div class="ui buttons">
-        <button class="ui button">private</button>
-        <div class="or"></div>
-        <button class="ui positive button active">public</button>
-      </div>
-    </div>
-    <div class="two wide column right aligned">
-		  <a class="delete-button ui red button" href="" data-url="{{.DeleteBranchLink}}">删除</a>
-    </div>
-  </div>
-</div>
-<div class="ui grid item">
-  <div class="row">
-    <div class="eight wide column">
-      <div class="title">
-        深度学习数据集视频1.1.0
-      </div>
-    </div>
-    <div class="one wide column">
-      12GB
-    </div>
-
-    <div class="three wide column">
-      <span>由 <a href="/berry">berry</a> 于 <span class="time-since poping up" title="" data-content="2020年05月23日 10时52分49秒" data-variation="inverted tiny">5 天前</span>创建</span>
-    </div>
-
-    <div class="two wide column">
-      <div class="ui buttons">
-        <button class="ui button">private</button>
-        <div class="or"></div>
-        <button class="ui positive button active">public</button>
-      </div>
-    </div>
-    <div class="two wide column right aligned">
-		  <a class="delete-button ui red button" href="" data-url="{{.DeleteBranchLink}}">删除</a>
-    </div>
-  </div>
-</div>
-<div class="ui grid item">
-  <div class="row">
-    <div class="eight wide column">
-      <div class="title">
-        深度学习数据集视频1.1.0
-      </div>
-    </div>
-    <div class="one wide column">
-      12GB
-    </div>
-
-    <div class="three wide column">
-      <span>由 <a href="/berry">berry</a> 于 <span class="time-since poping up" title="" data-content="2020年05月23日 10时52分49秒" data-variation="inverted tiny">5 天前</span>创建</span>
-    </div>
-
-    <div class="two wide column">
-      <div class="ui buttons">
-        <button class="ui button">private</button>
-        <div class="or"></div>
-        <button class="ui positive button active">public</button>
-      </div>
-    </div>
-    <div class="two wide column right aligned">
-		  <a class="delete-button ui red button" href="" data-url="{{.DeleteBranchLink}}">删除</a>
-    </div>
-  </div>
-</div>
diff --git a/custom/templates/repo/datasets/index.tmpl b/custom/templates/repo/datasets/index.tmpl
deleted file mode 100644
index e6404f548..000000000
--- a/custom/templates/repo/datasets/index.tmpl
+++ /dev/null
@@ -1,31 +0,0 @@
-{{template "base/head" .}}
-<div class="repository release">
-	{{template "repo/header" .}}
-	<div class="ui container">
-		{{template "base/alert" .}}
-    <div class="ui two column stackable grid">
-      <div class="column">
-			  <h2>{{.i18n.Tr "datasets"}}</h2>
-      </div>
-      <div class="column right aligned">
-        <div class="ui right dropdown type jump item">
-          <span class="text">
-            {{.i18n.Tr "repo.issues.filter_sort"}}<i class="dropdown icon"></i>
-          </span>
-          <div class="menu">
-            <a class="item" href="{{$.Link}}?sort=newest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.latest"}}</a>
-            <a class="item" href="{{$.Link}}?sort=oldest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.oldest"}}</a>
-            <a class="item" href="{{$.Link}}?sort=oldest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.recentupdate"}}</a>
-            <a class="item" href="{{$.Link}}?sort=oldest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.leastupdate"}}</a>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="ui divider"></div>
-		<div class="dataset list">
-      {{template "repo/datasets/dataset_list"}}
-    </div>
-    {{template "base/paginate" .}}
-	</div>
-</div>
-{{template "base/footer" .}}
diff --git a/templates/repo/datasets/dataset.tmpl b/templates/repo/datasets/dataset.tmpl
new file mode 100644
index 000000000..89aa9b427
--- /dev/null
+++ b/templates/repo/datasets/dataset.tmpl
@@ -0,0 +1,9 @@
+<div class="ui attached segment">
+  <div class="field required dataset-files">
+    <label>{{.i18n.Tr "dataset.file"}}</label>
+    <div class="files"></div>
+    <div class="ui dropzone" id="dataset" data-upload-url="{{AppSubUrl}}/attachments" data-accepts="{{.AttachmentAllowedTypes}}" data-max-file="1000" data-max-size="{{.AttachmentMaxSize}}" data-default-message="{{.i18n.Tr "dropzone.default_message"}}" data-invalid-input-type="{{.i18n.Tr "dropzone.invalid_input_type"}}" data-file-too-big="{{.i18n.Tr "dropzone.file_too_big"}}" data-remove-file="{{.i18n.Tr "dropzone.remove_file"}}">
+    </div>
+  </div>
+  <br/>
+</div>
\ No newline at end of file
diff --git a/templates/repo/datasets/dataset_list.tmpl b/templates/repo/datasets/dataset_list.tmpl
index e69de29bb..2d671e1be 100644
--- a/templates/repo/datasets/dataset_list.tmpl
+++ b/templates/repo/datasets/dataset_list.tmpl
@@ -0,0 +1,81 @@
+<div class="ui grid item">
+  <div class="row">
+    <div class="eight wide column">
+      <div class="title">
+        <span class="fitted">{{svg "octicon-file-directory" 16}}</span>深度学习数据集视频1.1.0
+      </div>
+    </div>
+    <div class="one wide column">
+      12GB
+    </div>
+
+    <div class="three wide column">
+      <span>由 <a href="/berry">berry</a> 于 <span class="time-since poping up" title="" data-content="2020年05月23日 10时52分49秒" data-variation="inverted tiny">5 天前</span>创建</span>
+    </div>
+
+    <div class="two wide column">
+      <div class="ui buttons">
+        <button class="ui button">private</button>
+        <div class="or"></div>
+        <button class="ui positive button active">public</button>
+      </div>
+    </div>
+    <div class="two wide column right aligned">
+		  <a class="delete-button ui red button" href="" data-url="{{.DeleteBranchLink}}">删除</a>
+    </div>
+  </div>
+</div>
+<div class="ui grid item">
+  <div class="row">
+    <div class="eight wide column">
+      <div class="title">
+        <span class="fitted">{{svg "octicon-file-directory" 16}}</span>深度学习数据集视频1.1.0
+      </div>
+    </div>
+    <div class="one wide column">
+      12GB
+    </div>
+
+    <div class="three wide column">
+      <span>由 <a href="/berry">berry</a> 于 <span class="time-since poping up" title="" data-content="2020年05月23日 10时52分49秒" data-variation="inverted tiny">5 天前</span>创建</span>
+    </div>
+
+    <div class="two wide column">
+      <div class="ui buttons">
+        <button class="ui button">private</button>
+        <div class="or"></div>
+        <button class="ui positive button active">public</button>
+      </div>
+    </div>
+    <div class="two wide column right aligned">
+		  <a class="delete-button ui red button" href="" data-url="{{.DeleteBranchLink}}">删除</a>
+    </div>
+  </div>
+</div>
+<div class="ui grid item">
+  <div class="row">
+    <div class="eight wide column">
+      <div class="title">
+        <span class="fitted">{{svg "octicon-file-directory" 16}}</span>深度学习数据集视频1.1.0
+      </div>
+    </div>
+    <div class="one wide column">
+      12GB
+    </div>
+
+    <div class="three wide column">
+      <span>由 <a href="/berry">berry</a> 于 <span class="time-since poping up" title="" data-content="2020年05月23日 10时52分49秒" data-variation="inverted tiny">5 天前</span>创建</span>
+    </div>
+
+    <div class="two wide column">
+      <div class="ui buttons">
+        <button class="ui button">private</button>
+        <div class="or"></div>
+        <button class="ui positive button active">public</button>
+      </div>
+    </div>
+    <div class="two wide column right aligned">
+		  <a class="delete-button ui red button" href="" data-url="{{.DeleteBranchLink}}">删除</a>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/templates/repo/datasets/index.tmpl b/templates/repo/datasets/index.tmpl
index e69de29bb..c88e7e50c 100644
--- a/templates/repo/datasets/index.tmpl
+++ b/templates/repo/datasets/index.tmpl
@@ -0,0 +1,37 @@
+{{template "base/head" .}}
+<div class="repository release">
+	{{template "repo/header" .}}
+	<div class="ui container">
+		{{template "base/alert" .}}
+    <div class="ui two column stackable grid">
+      <div class="column">
+			  <h2>{{.i18n.Tr "datasets"}}</h2>
+      </div>
+      <div class="column right aligned">
+        <div class="ui right dropdown type jump item">
+          <span class="text">
+            {{.i18n.Tr "repo.issues.filter_sort"}}<i class="dropdown icon"></i>
+          </span>
+          <div class="menu">
+            <a class="item" href="{{$.Link}}?sort=newest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.latest"}}</a>
+            <a class="item" href="{{$.Link}}?sort=oldest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.oldest"}}</a>
+            <a class="item" href="{{$.Link}}?sort=oldest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.recentupdate"}}</a>
+            <a class="item" href="{{$.Link}}?sort=oldest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.leastupdate"}}</a>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="ui divider"></div>
+		<div class="dataset list">
+      {{template "repo/datasets/dataset_list" .}}
+    </div>
+    <div class="dataset ui middle very relaxed page grid">
+      <div class="column">
+        <form class="ui form" action="{{.Link}}" method="post">
+          {{template "repo/datasets/dataset" .}}
+        </form>
+      </div>
+    </div>
+	</div>
+</div>
+{{template "base/footer" .}}