OpenI
/
aiforge
Not watched
1
0
Fork 0
Code
Releases 128 Wiki Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain
You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.
Tree: 585c1db74f
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '585c1db74f'
${ noResults }
aiforge/templates/explore/datasets.tmpl

221 lines
9.0 kB
Raw Blame History 

  1. {{template "base/head" .}}

  2. <style>

  3. .mg-b-1{

  4. 	margin-bottom: 1rem;

  5. }

  6. .mg-b-2{

  7. 	margin-bottom: 2rem;

  8. }

  9. .mg-l-1{

  10. 	margin-left: 1rem;

  11. }

  12. .text-gray-400 {

  13.     --tw-text-opacity: 1;

  14.     color: rgba(156,163,175,var(--tw-text-opacity));

  15. }

  16. .text-sm {

  17.     font-size: .875rem;

  18.     line-height: 1.25rem;

  19. }

  20. .underline {

  21.     text-decoration: underline;

  22. }

  23. .flex{

  24. 	display: flex;

  25. }

  26. .font-medium{

  27. 	font-weight: 500;

  28. }

  29. .flex-wrap{

  30. 	flex-wrap: wrap;

  31. }

  32. .tag {

  33.     background-image: linear-gradient(to bottom,var(--tw-gradient-stops));

  34.     border-color: transparent;

  35.     border-radius: 0.5rem;

  36.     border-width: 1px;

  37.     font-size: .875rem;

  38.     line-height: 1.25rem;

  39.     overflow: hidden;

  40.     text-overflow: ellipsis;

  41.     white-space: nowrap;

  42. }

  43. .tag-red {

  44.     --tw-gradient-from: #fef2f2;

  45.     --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,86%,97%,0));

  46.     --tw-gradient-to: #fef2f2;

  47.     --tw-text-opacity: 1;

  48.     color: rgba(153,27,27,var(--tw-text-opacity));

  49. }

  50. .tag-purple {

  51.     --tw-gradient-from: #f5f3ff;

  52.     --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgba(245,243,255,0));

  53.     --tw-gradient-to: #f5f3ff;

  54.     --tw-text-opacity: 1;

  55.     color: rgba(91,33,182,var(--tw-text-opacity));

  56. }

  57. .tag-blue {

  58.     --tw-gradient-from: #eff6ff;

  59.     --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,rgba(239,246,255,0));

  60.     --tw-gradient-to: #eff6ff;

  61.     --tw-text-opacity: 1;

  62.     color: rgba(30,64,175,var(--tw-text-opacity));

  63. }

  64. .tag.inactive {

  65.     filter: grayscale(100%);

  66.     opacity: .5;

  67. }

  68. .tag.tag-active{

  69. 	background-color: #0366d6;

  70. 	color: #ffffff;

  71. }

  72. .tag-gray{

  73. 	background-color: #f8f9fa;

  74. 	color: #415058;

  75. }

  76. .tag {

  77.     align-items: center;

  78.     display: inline-flex;

  79.     flex: none;

  80.     height: 2rem;

  81.     margin-bottom: 0.35rem;

  82.     margin-right: 0.35rem;

  83.     max-width: 100%;

  84. }

  85. .tag>span {

  86.     padding: 0.75rem;

  87. 	font-size: 14px;

  88. }

  89. .repo_dataset_header{

  90. 	font-size: 12px;

  91. 	color: #3291F8;

  92. }

  93. .heart-stroke{

  94.       stroke: #666;

  95.       stroke-width: 2;

  96.       fill: #fff

  97.     }

  98. .stars_active{

  99.       fill: #FA8C16 !important;

  100.       stroke:#FA8C16 !important

  101.     }

  102. </style>

  103. <div class="explore repositories">

  104. 	{{template "explore/dataset_search" .}}

  105. 	<div>

  106. 		<div class="ui container">

  107. 			<div class="ui grid">

  108. 				

  109. 				{{template "explore/dataset_left" .}}

  110. 				

  111. 				<div class="ui sixteen wide mobile sixteen wide tablet twelve wide computer column">

  112. 					<div class="ui row">

  113. 						<h2 class="ui left floated medium header">

  114. 						{{.i18n.Tr "datasets"}}

  115. 						</h2>

  116. 						<div class="ui right floated secondary filter menu">

  117. 							<!-- Sort -->

  118. 							<div class="ui right dropdown type jump item">

  119. 								<span class="text">

  120. 								{{.i18n.Tr "repo.issues.filter_sort"}}

  121. 								<i class="dropdown icon"></i>

  122. 								</span>

  123. 								<div class="menu">

  124. 									<a class="{{if eq .SortType "newest"}}active{{end}} item" href="{{$.Link}}?sort=newest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.latest"}}</a>

  125. 									<a class="{{if eq .SortType "oldest"}}active{{end}} item" href="{{$.Link}}?sort=oldest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.oldest"}}</a>

  126. 									<a class="{{if eq .SortType "recentupdate"}}active{{end}} item" href="{{$.Link}}?sort=recentupdate&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.recentupdate"}}</a>

  127. 									<a class="{{if eq .SortType "leastupdate"}}active{{end}} item" href="{{$.Link}}?sort=leastupdate&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.leastupdate"}}</a>

  128. 									<!-- <a class="{{if eq .SortType "downloadtimes"}}active{{end}} item" href="{{$.Link}}?sort=downloadtimes&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.downloadtimes"}}</a> -->

  129. 								</div>

  130. 							</div>

  131. 						</div>

  132. 					</div>

  133. 					{{if .Datasets}}

  134. 					<div id="datasets-square-range-value" style="display: none;">

  135. 						{{range .Datasets}}

  136. 						<div class="item" data-num-stars="{{.NumStars}}" data-star-active="{{.IsStaring}}"></div>

  137. 						{{end}}

  138. 					</div>

  139. 					{{end}}

  140. 

  141. 					<div class="ui row" style="clear: both;" id="dataset-base">

  142. 						<div class="ui two cards">

  143. 							{{range $k, $v :=.Datasets}}

  144. 							<div class="ui card" @click="gotoDataset('{{.Repo.Link}}/datasets')" style="cursor: pointer;box-shadow: 0px 4px 4px 0px rgba(232,232,232,0.6);border: 1px solid rgba(232, 232, 232, 1);">

  145. 								<div class="content" style="border-bottom: none;">

  146. 									<div class="repo_dataset_header" style="display: flex;align-items: center;justify-content: space-between;">

  147. 										<a href="{{.Repo.Link}}/datasets" style="font-size: 12px;color: #3291F8;height: 24px;">{{.Repo.OwnerName}} / {{.Repo.Alias}}</a>

  148. 										{{if $.IsSigned}}

  149. 										<span style="display: flex;align-items: center;justify-content: flex-end;cursor: pointer;" @click.stop="postSquareStar({{.ID}},'{{.Repo.Link}}/datasets',{{$k}})">

  150. 											<div style="line-height: 1;margin-right: 4px;margin-bottom: -2px;">

  151. 												<svg width="1.4em" height="1.4em" viewBox="0 0 32 32" class="heart-stroke" :class='{stars_active:starActives[{{$k}}]}'><path d="M4.4 6.54c-1.761 1.643-2.6 3.793-2.36 6.056.24 2.263 1.507 4.521 3.663 6.534a29110.9 29110.9 0 0010.296 9.633l10.297-9.633c2.157-2.013 3.424-4.273 3.664-6.536.24-2.264-.599-4.412-2.36-6.056-1.73-1.613-3.84-2.29-6.097-1.955-1.689.25-3.454 1.078-5.105 2.394l-.4.319-.398-.319c-1.649-1.316-3.414-2.143-5.105-2.394a7.612 7.612 0 00-1.113-.081c-1.838 0-3.541.694-4.983 2.038z"></path></svg>

  152. 											</div>

  153. 											<span style="line-height: 1;color: #101010;">${starItems[{{$k}}]}</span>

  154. 										</span>

  155. 										{{else}}

  156. 										<span style="display: flex;align-items: center;justify-content: flex-end;cursor: pointer;">

  157. 											<div style="line-height: 1;margin-right: 4px;margin-bottom: -2px;">

  158. 												<svg width="1.4em" height="1.4em" viewBox="0 0 32 32" class="heart-stroke" :class='{stars_active:starActives[{{$k}}]}'><path d="M4.4 6.54c-1.761 1.643-2.6 3.793-2.36 6.056.24 2.263 1.507 4.521 3.663 6.534a29110.9 29110.9 0 0010.296 9.633l10.297-9.633c2.157-2.013 3.424-4.273 3.664-6.536.24-2.264-.599-4.412-2.36-6.056-1.73-1.613-3.84-2.29-6.097-1.955-1.689.25-3.454 1.078-5.105 2.394l-.4.319-.398-.319c-1.649-1.316-3.414-2.143-5.105-2.394a7.612 7.612 0 00-1.113-.081c-1.838 0-3.541.694-4.983 2.038z"></path></svg>

  159. 											</div>

  160. 											<span style="line-height: 1;color: #101010;">${starItems[{{$k}}]}</span>

  161. 										</span>

  162. 										{{end}}

  163. 									</div>

  164. 									<div style="font-size: 16px;color:#0366D6;font-family: SourceHanSansSC-medium;height: 27px;font-weight: bold;">{{.Title}}</div>

  165. 									{{if and (.Category) (.Task) (.License)}}

  166. 									<div style="font-size: 12px;margin-top: 5px;height: 24px;">

  167. 										{{if .Category}}

  168. 										{{$category := .Category}}

  169. 										<a class="ui repo-topic label topic" href="{{$.Link}}?sort={{$.SortType}}&q={{$.Keyword}}&tab={{$.TabName}}&category={{.Category}}&task={{$.Task}}&license={{$.License}}">{{$.i18n.Tr (printf "dataset.category.%s" $category)}}</a>

  170. 										{{end}}

  171. 										{{if .Task}}

  172. 										{{$task := .Task}}

  173. 										<a class="ui repo-topic label topic" href="{{$.Link}}?sort={{$.SortType}}&q={{$.Keyword}}&tab={{$.TabName}}&category={{$.Category}}&task={{.Task}}&license={{$.License}}">{{$.i18n.Tr (printf "dataset.task.%s" $task)}}</a>

  174. 										{{end}}

  175. 										{{if .License}}

  176. 										<a class="ui repo-topic label topic" href="{{$.Link}}?sort={{$.SortType}}&q={{$.Keyword}}&tab={{$.TabName}}&category={{$.Category}}&task={{$.Task}}&license={{.License}}">{{.License}}</a>

  177. 										{{end}}

  178. 									</div>

  179. 									{{end}}

  180. 									<div class="description" style="-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;color:#999999;font-size: 14px;margin-top: 10px;">

  181. 										<p>{{.Description}}</p>

  182. 									</div>

  183. 									

  184. 								</div>

  185. 								<div class="extra content" style="border-top: none !important;">

  186. 									<div style="display: flex;align-items: center;">

  187. 										<a href="{{AppSubUrl}}/{{.Repo.OwnerName}}" title="{{.Repo.OwnerName}}">

  188. 											<img class="ui avatar image" style="width: 22px;height:22px;"  src="/user/avatar/{{.Repo.OwnerName}}/-1">

  189. 										</a>

  190. 										<span style="color: #999999;font-size: 14px;;">创建于：{{TimeSinceUnix1 .CreatedUnix}}</span>

  191. 									</div>

  192. 								</div>

  193. 							</div>

  194. 							{{end}}

  195. 							

  196. 

  197. 						</div>

  198. 					</div>

  199. 

  200. 					<div id="app" style="margin-top: 2rem;">

  201. 						<div class="center">

  202. 							<el-pagination

  203. 							background

  204. 							@current-change="handleCurrentChange"

  205. 							:current-page="page"

  206. 							:page-sizes="[30]"

  207. 							:page-size="30"

  208. 							layout="total, sizes, prev, pager, next, jumper"

  209. 							:total="{{.Page.Paginater.Total}}">

  210. 							</el-pagination>

  211. 						</div>

  212. 					</div>

  213. 				</div>

  214. 			</div>

  215. 		</div>

  216. 	</div>

  217. </div>

  218. {{template "base/footer" .}}

  219. <script>

  220. 	console.log({{.Total}})

  221. </script>