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: 513c35cca8
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '513c35cca8'
${ noResults }
aiforge/templates/repo/datasets/index.tmpl

435 lines
19 kB
Raw Blame History 

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

  2. <style>

  3.   .selectcloudbrain .active.item {

  4.     color: #0087f5 !important;

  5.     border: 1px solid #0087f5;

  6.     margin: -1px;

  7.     background: #FFF !important;

  8.   }

  9. 

  10. 

  11. 

  12.   .dataset_title {

  13.     font-size: 14px;

  14.     /* max-width: 80%; */

  15.     display: inline-block !important;

  16.     margin-left: 6px !important;

  17.     padding-right: 0 !important;

  18.   }

  19. 

  20.   .wrapper {

  21.     display: flex;

  22.     overflow: hidden;

  23.   }

  24. 

  25.   .exp {

  26.     display: none;

  27.   }

  28. 

  29.   .exp:checked+.text {

  30.     max-height: none;

  31.   }

  32. 

  33.   .exp:checked+.text::after {

  34.     visibility: hidden;

  35.   }

  36. 

  37.   .exp:checked+.text .btn::before {

  38.     visibility: hidden;

  39.   }

  40. 

  41.   .exp:checked+.text .btn::after {

  42.     content:'{{$.i18n.Tr "org.fold"}}';

  43.     color: #3291f8;

  44.   }

  45. 

  46.   .wrapper>.text {

  47.     font-family: SourceHanSansSC-regular;

  48.     font-size: 14px;

  49.     color: #101010;

  50.     overflow: hidden;

  51.     text-overflow: ellipsis;

  52.     text-align: justify;

  53.     position: relative;

  54.     line-height: 1.5;

  55.     max-height: 3em;

  56.     transition: .3s max-height;

  57.     word-wrap: break-word;

  58.     word-break: break-all;

  59.   }

  60. 

  61.   .wrapper>.text::before {

  62.     content: '';

  63.     height: calc(100% - 20px);

  64.     float: right;

  65.   }

  66. 

  67.   .wrapper>.text::after {

  68.     content: '';

  69.     width: 999vw;

  70.     height: 999vw;

  71.     position: absolute;

  72.     box-shadow: inset calc(100px - 999vw) calc(30px - 999vw) 0 0 #fff;

  73.     margin-left: -100px;

  74.   }

  75. 

  76.   .btn {

  77.     position: relative;

  78.     float: right;

  79.     clear: both;

  80.     margin-left: 20px;

  81.     font-size: 14px;

  82.     padding: 0 8px;

  83.     background-color: transparent;

  84.     line-height: 20px;

  85.     border-radius: 4px;

  86.     color: #fff;

  87.     cursor: pointer;

  88.     /* margin-top: -30px; */

  89.   }

  90. 

  91.   .btn::after {

  92.     content:'{{$.i18n.Tr "org.unfold"}}';

  93.     color: #3291f8;

  94.   }

  95. 

  96.   .btn::before {

  97.     content: '...';

  98.     position: absolute;

  99.     left: -5px;

  100.     color: #333;

  101.     transform: translateX(-100%)

  102.   }

  103. 

  104.   .el-button--text {

  105.     color: #0366d6;

  106.   }

  107. 

  108.   .heart-stroke {

  109.     stroke: #FA8C16;

  110.     stroke-width: 2;

  111.     fill: #fff

  112.   }

  113. 

  114.   .stars_active {

  115.     fill: #FA8C16 !important;

  116.     stroke: #FA8C16 !important

  117.   }

  118. 

  119.   .diy-popper {

  120.     max-width: 400px;

  121.   }

  122. 

  123.   .ascending {

  124.     width: 0;

  125.     height: 0;

  126.     border: 5px solid transparent;

  127.     border-bottom-color: #c0c4cc;

  128.   }

  129. 

  130.   .descending {

  131.     width: 0;

  132.     height: 0;

  133.     border: 5px solid transparent;

  134.     border-top-color: #c0c4cc;

  135.   }

  136.   .dataset-flavor-button{

  137.     display: flex;

  138.     align-items: center;

  139.     padding: 0.5rem;

  140.     border: 1px solid rgba(34,36,38,0.15);

  141.     border-top-right-radius: 0;

  142.     border-bottom-right-radius: 0;

  143.     box-shadow: none

  144.   }

  145. </style>

  146. <div class="repository">

  147.   {{template "repo/header" .}}

  148.   {{if .dataset}}

  149.   <div id="dataset-range-value" data-num-stars="{{.dataset.NumStars}}" data-star-active="{{$.IsStaringDataset}}"

  150.     style="display: none;">

  151.     {{range .Attachments}}

  152.     <div class="item" data-private="{{.IsPrivate}}" data-decompress-state="{{.DecompressState}}"></div>

  153.     {{end}}

  154.   </div>

  155.   <div id="dataset-base">

  156.     <div class="ui container">

  157.       <div class="ui mobile reversed stackable grid">

  158.         <div class="row">

  159.           <div class="ui blue small menu compact selectcloudbrain">

  160.             <a class="active item" href="{{.RepoLink}}/datasets">{{$.i18n.Tr "dataset.current_dataset"}}</a>

  161.             <a class="item" href="{{.RepoLink}}/datasets/reference_datasets">{{$.i18n.Tr "dataset.linked_dataset"}}</a>

  162.           </div>

  163.         </div>

  164.         <div class="row" style="align-items: center;">

  165.           <h2 class="nowrap" style="margin: 0;">{{.dataset.Title}}</h2>

  166.           <!-- border-top-right-radius: 0;

  167.           border-bottom-right-radius: 0; -->

  168.           <div style="margin-left: 1.5rem;">

  169.             {{if $.IsSigned}}

  170.             <button v-if="star_active" class="ui mini basic button" style="display: flex;align-items: center;padding: 0.5rem;border: #888888;border-top-right-radius: 0;border-bottom-right-radius: 0;margin-right: -1px;" @click="postStar({{.dataset.ID}},'{{.Link}}')">

  171.               <i class="ri-heart-fill" style="color: #FA8C16;"></i>

  172.               <span style="margin-left: 0.3rem;font-size: 0.7rem;">{{$.i18n.Tr "dataset.unfavorite"}}</span>

  173.             </button>

  174.             <button v-else class="ui mini basic button" style="display: flex;align-items: center;padding:0.5rem;border: #888888;border-top-right-radius: 0;border-bottom-right-radius: 0;margin-right: -1px;" @click="postStar({{.dataset.ID}},'{{.Link}}')">

  175.               <i class="ri-heart-line" ></i>

  176.               <span style="margin-left: 0.3rem;font-size: 0.7rem;">{{$.i18n.Tr "dataset.favorite"}}</span>

  177.             </button>

  178.             {{else}}

  179.             <button v-if="star_active" class="ui mini basic button" style="display: flex;align-items: center;padding: 0.5rem;border: #888888;border-top-right-radius: 0;border-bottom-right-radius: 0;margin-right: -1px;">

  180.               <i class="ri-heart-fill" ></i>

  181.               <span style="margin-left: 0.3rem;font-size: 0.7rem;">{{$.i18n.Tr "dataset.unfavorite"}}</span>

  182.             </button>

  183.             <button v-else class="ui mini basic button" style="display: flex;align-items: center;padding:0.5rem;border: #888888;border-top-right-radius: 0;border-bottom-right-radius: 0;margin-right: -1px;">

  184.               <i class="ri-heart-line" style="color: #FA8C16;"></i>

  185.               <span style="margin-left: 0.3rem;font-size: 0.7rem;">{{$.i18n.Tr "dataset.favorite"}}</span>

  186.             </button>

  187.             {{end}}

  188.           </div>

  189.           <a  class="ui mini basic button" style="display: flex;align-items: center;padding: 0.5rem;border: #888888;border-top-left-radius: 0;border-bottom-left-radius: 0;">

  190.             ${num_stars}

  191.           </a>

  192.           <a style="margin-left:15px;padding: 0.5rem 1.5rem;" href="{{.RepoLink}}/datasets/edit/{{.dataset.ID}}" class="ui primary basic mini {{if not $.CanWrite}} disabled {{end}} button">{{.i18n.Tr "repo.modelarts.modify"}}</a>

  193.         </div>

  194.         {{if .dataset.Description}}

  195.         <div class="row" style="padding: 0;">

  196.           <div class="wrapper">

  197.             <input id="exp1" class="exp" type="checkbox">

  198.             <div class="text">

  199.               <label class="btn" for="exp1"></label>

  200.               {{.dataset.Description}}

  201.             </div>

  202.           </div>

  203.         </div>

  204.         {{end}}

  205.         <div class="row" style="align-items: center;">

  206.           <div class="column ten wide" style="padding:0">

  207.             {{if .dataset.Category}}

  208.             {{$category := .dataset.Category}}

  209.             <a class="ui repo-topic label topic"

  210.               href="{{AppSubUrl}}/explore/datasets?sort={{$.SortType}}&q={{$.Keyword}}&tab={{$.TabName}}&category={{.dataset.Category}}&task={{$.Task}}&license={{$.License}}">{{$.i18n.Tr (printf "dataset.category.%s" $category)}}</a>

  211.             {{end}}

  212.             {{if .dataset.Task}}

  213.             {{$task := .dataset.Task}}

  214.             <a class="ui repo-topic label topic"

  215.               href="{{AppSubUrl}}/explore/datasets?sort={{$.SortType}}&q={{$.Keyword}}&tab={{$.TabName}}&category={{$.Category}}&task={{.dataset.Task}}&license={{$.License}}">{{$.i18n.Tr (printf "dataset.task.%s" $task)}}</a>

  216.             {{end}}

  217.             {{if .dataset.License}}

  218.             <a class="ui repo-topic label topic"

  219.               href="{{AppSubUrl}}/explore/datasets?sort={{$.SortType}}&q={{$.Keyword}}&tab={{$.TabName}}&category={{$.Category}}&task={{$.Task}}&license={{.dataset.License}}">{{.dataset.License}}</a>

  220.             {{end}}

  221.           </div>

  222.           <div class="column six wide right aligned" style="padding:0">

  223.             <el-select v-model="datasetType" style="width: 40%;" size="small" @change="changeDatasetType">

  224.               <i slot="prefix" style="display: inline-block;color: #101010;"

  225.                 class="el-input__icon ri-archive-drawer-line"></i>

  226.               <el-option label="{{$.i18n.Tr "repo.gpu_type_all"}}" value="-1"></el-option>

  227.               <el-option label="CPU/GPU" value="0"></el-option>

  228.               <el-option label="NPU" value="1"></el-option>

  229.             </el-select>

  230.             <el-button icon="el-icon-upload" {{if not $.CanWrite}} disabled {{end}} type="primary" size="small"

  231.               @click="gotoUpload('{{.RepoLink}}',{{.dataset.ID}})">{{$.i18n.Tr "dataset.dataset_upload"}}</el-button>

  232.           </div>

  233.         </div>

  234.         <div class="row" style="padding-top: 0;">

  235.           <div class="ui sixteen wide column dataset">

  236.             <div class="ui grid stackable" style="background: #f0f0f0;;">

  237.               <div class="row">

  238.                 <!-- 数据集名称 -->

  239.                 <div class="four wide column name_sort" @click="sortAble('name')"

  240.                   style="width: 24% !important;cursor: pointer;">

  241.                   {{$.i18n.Tr "dataset.dataset_file_name"}}

  242.                   <span class="caret-wrapper">

  243.                     <i class='ascending sort-caret-up {{if eq .SortType "nameAsc"}} active-up-sort {{end}}'

  244.                       @click.stop="sortIcon('name','up')"></i>

  245.                     <i class='descending sort-caret-down {{if eq .SortType "nameDesc"}} active-down-sort {{end}}'

  246.                       @click.stop="sortIcon('name','down')"></i>

  247.                   </span>

  248.                 </div>

  249.                 <div class="one wide column text center size_sort" @click="sortAble('size')"

  250.                   style="width: 7.25% !important;cursor: pointer;">

  251.                   {{$.i18n.Tr "repo.model.manage.size"}}

  252.                   <span class="caret-wrapper">

  253.                     <i class='ascending sort-caret-up {{if eq .SortType "sizeAsc"}} active-up-sort {{end}}'

  254.                       @click.stop="sortIcon('size','up')"></i>

  255.                     <i class='descending sort-caret-down {{if eq .SortType "sizeDesc"}} active-down-sort {{end}}'

  256.                       @click.stop="sortIcon('size','down')"></i>

  257.                   </span>

  258.                 </div>

  259.                 <div class="two wide column text center">

  260.                   {{$.i18n.Tr "dataset.dataset_available_clusters"}}

  261.                 </div>

  262.                 <div class="one wide column text center">

  263.                   {{$.i18n.Tr "repo.modelarts.status"}}

  264.                 </div>

  265.                 <div class="one wide column text center">

  266.                   {{$.i18n.Tr "repo.cloudbrain_creator"}}

  267.                 </div>

  268.                 <div class="three wide column text center" @click="sortAble('time')" style="cursor: pointer;">

  269.                   {{$.i18n.Tr "dataset.dataset_upload_time"}}

  270.                   <span class="caret-wrapper">

  271.                     <i class='ascending sort-caret-up {{if eq .SortType "timeAsc"}} active-up-sort {{end}}'

  272.                       @click.stop="sortIcon('time','up')"></i>

  273.                     <i class='descending sort-caret-down {{if eq .SortType "timeDesc"}} active-down-sort {{end}}'

  274.                       @click.stop="sortIcon('time','down')"></i>

  275.                   </span>

  276.                 </div>

  277.                 <div class="four wide column text center">

  278.                   {{$.i18n.Tr "repo.cloudbrain_operate"}}

  279.                 </div>

  280.               </div>

  281.             </div>

  282.             {{range $k, $v :=.Attachments}}

  283.             <div class="ui grid stackable item" id="{{.UUID}}">

  284.               <div class="row">

  285.                 <!-- 数据集名称 -->

  286. 

  287.                 <div class="four wide column" style="width: 24% !important;display: flex;align-items: center;">

  288.                   <el-tooltip class="item" effect="dark" placement="top" popper-class="diy-popper">

  289.                     <div slot="content"><span class="wrap">

  290. 

  291.                         {{if ne .DecompressState -1}}{{$.i18n.Tr "dataset.unzip_status"}}：{{if eq .DecompressState 1}}{{$.i18n.Tr "dataset.unzip_successed"}}{{else if eq .DecompressState 0 2}}{{$.i18n.Tr "dataset.unzip_stared"}}{{else}}{{$.i18n.Tr "dataset.unzip_failed"}}{{end}}

  292.                         &nbsp;&nbsp;{{end}}<i

  293.                           class="ri-download-line"></i>{{$.i18n.Tr "dataset.download"}}：{{.DownloadCount}}

  294.                         {{if .Description}}&nbsp;&nbsp;{{$.i18n.Tr "dataset.description"}}：{{.Description}}{{end}}</span>

  295.                     </div>

  296.                     <div style="border: none;display: flex;align-items: center;max-width: 100%;">

  297.                       {{if eq .DecompressState 1}}

  298.                       <i class="ri-folder-open-line" style="color: #5bb973;"

  299.                         title='{{$.i18n.Tr "dataset.unzip_successed"}}'></i>

  300.                       {{else if eq .DecompressState 0 2}}

  301.                       <i class="ri-folder-chart-2-line" style="color: #888888;"

  302.                         title='{{$.i18n.Tr "dataset.unzip_stared"}}'></i>

  303.                       {{else if eq .DecompressState 3}}

  304.                       <i class="ri-folder-forbid-line" style="color: #101010;"

  305.                         title='{{$.i18n.Tr "dataset.unzip_failed"}}'></i>

  306.                       {{else}}

  307.                       <i class="ri-folder-forbid-line" style="visibility: hidden;"

  308.                         title='{{$.i18n.Tr "dataset.unzip_failed"}}'></i>

  309.                       {{end}}

  310.                       <a class="dataset_title title" href="{{.DownloadURL}}" title="{{.Name}}">

  311.                         {{.Name}}

  312.                       </a>

  313.                       <i class="ri-lock-2-line" style="color: #fa8c16;" v-if="privates[{{$k}}]"></i>

  314.                     </div>

  315.                   </el-tooltip>

  316.                 </div>

  317.                 <div class="one wide column text center" style="width: 7.25% !important;">

  318.                   {{.Size | FileSize}}

  319.                 </div>

  320.                 <div class="two wide column text center">

  321.                   {{.Type | AttachmentResourceType}}

  322.                 </div>

  323.                 <div class="one wide column text center">

  324.                   {{$x:=.IsPrivate | AttachmentStatus}}

  325.                   <span style="color: #fa8c16;" v-if="privates[{{$k}}]">{{$.i18n.Tr "home.show_private"}}</span>

  326.                   <span style="color: #13c28d;"

  327.                     v-else="privates[{{$k}}]">{{$.i18n.Tr "org.settings.visibility.public"}}</span>

  328.                 </div>

  329.                 <div class="one wide column text center">

  330.                   {{if .Uploader.Name}}

  331.                   <a href="{{AppSubUrl}}/{{.Uploader.Name}}" title="{{.Uploader.Name}}"><img class="ui avatar image"

  332.                       src="{{AppSubUrl}}/user/avatar/{{.Uploader.Name}}/-1"></a>

  333.                   {{else}}

  334.                   <a title="Ghost"><img class="ui avatar image" src="{{AppSubUrl}}/user/avatar/Ghost/-1"></a>

  335.                   {{end}}

  336.                 </div>

  337.                 <div class="three wide column text center">

  338.                   {{.CreatedUnix | TimeSinceUnix1}}

  339.                 </div>

  340.                 <div class="four wide column text right">

  341.                   <div class="ui compact buttons">

  342. 

  343.                     <a class="ui basic blue button" href="{{.DownloadURL}}">{{$.i18n.Tr "dataset.download"}}</a>

  344. 

  345.                     {{if eq .DecompressState 1}}

  346.                     <a class="ui basic blue button" href="datasets/dirs/{{.UUID}}?type={{$.Type}}"

  347.                       data-tooltip='{{$.i18n.Tr "dataset.directory"}}'>{{$.i18n.Tr "preview"}}</a>

  348.                     {{end}}

  349.                     {{if and (.CanDel) (not $.Repository.IsPrivate)}}

  350.                     <span class="ui basic blue button" style="color: #13c28d !important;"

  351.                       @click="setPrivate('{{.UUID}}',false,{{$k}})"

  352.                       v-if="privates[{{$k}}]">{{$.i18n.Tr "dataset.set_public"}}</span>

  353.                     <span class="ui basic blue button" style="color: #fa8c16 !important;"

  354.                       @click="setPrivate('{{.UUID}}',true,{{$k}})"

  355.                       v-else="privates[{{$k}}]">{{$.i18n.Tr "dataset.set_private"}}</span>

  356.                     {{end}}

  357.                     <a class="ui basic blue button">

  358.                       <el-dropdown size="medium">

  359.                         <span class="el-dropdown-link">

  360.                           {{$.i18n.Tr "repo.more"}}<i class="el-icon-arrow-down el-icon--right"></i>

  361.                         </span>

  362.                         <el-dropdown-menu slot="dropdown">

  363.                           <el-dropdown-item @click.native="copyUrl('{{.DownloadURL}}')">{{$.i18n.Tr "dataset.copy_url"}}

  364.                           </el-dropdown-item>

  365.                           {{if and ($.CanWrite) (eq .DecompressState 1) }}

  366.                           <el-dropdown-item @click.native="gotoAnnotate('{{$.RepoLink}}','{{.UUID}}',{{.Type}})">

  367.                             {{$.i18n.Tr "dataset.annotation"}}</el-dropdown-item>

  368.                           {{end}}

  369.                           {{if .CanDel}}

  370.                           <el-dropdown-item @click.native="gotoDatasetEidt('{{$.RepoLink}}',{{.ID}})">

  371.                             {{$.i18n.Tr "dataset.modify_description"}}</el-dropdown-item>

  372.                           <el-dropdown-item style="color: red;" @click.native="delDataset('{{.UUID}}')">

  373.                             {{$.i18n.Tr "dataset.delete"}}</el-dropdown-item>

  374.                           {{end}}

  375.                         </el-dropdown-menu>

  376.                       </el-dropdown>

  377.                     </a>

  378.                   </div>

  379.                 </div>

  380.               </div>

  381.             </div>

  382.             {{end}}

  383. 

  384.           </div>

  385. 

  386.         </div>

  387. 

  388.       </div>

  389.     </div>

  390.   </div>

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

  392.     <div class="center">

  393.       <el-pagination background @current-change="handleCurrentChange" :current-page="page" :page-sizes="[10]"

  394.         :page-size="10" layout="total, sizes, prev, pager, next, jumper" :total="{{.Page.Paginater.Total}}">

  395.       </el-pagination>

  396.     </div>

  397.   </div>

  398.   {{else}}

  399.   <div class="ui container">

  400.     <div class="ui stackable grid">

  401.       <div class="row" style="justify-content: space-between">

  402.         <div class="ui blue small menu compact selectcloudbrain">

  403.           <a class="active item" href="{{.RepoLink}}/datasets">{{$.i18n.Tr "dataset.current_dataset"}}</a>

  404.           <a class="item" href="{{.RepoLink}}/datasets/reference_datasets">{{$.i18n.Tr "dataset.linked_dataset"}}</a>

  405.         </div>

  406.         {{if $.CanWrite}}

  407.         <a class="ui green button" href="{{.RepoLink}}/datasets/create">{{$.i18n.Tr "new_dataset"}}</a>

  408.         {{end}}

  409.       </div>

  410.     </div>

  411.     

  412.     <div class="ui placeholder segment bgtask-none">

  413.         <div class="ui icon header bgtask-header-pic"></div>

  414.         <div class="bgtask-content-header">{{.i18n.Tr "dataset.dataset_no_create"}}</div>

  415.         <div class="bgtask-content">

  416.           <div class="bgtask-content-txt">{{.i18n.Tr "dataset.dataset_explain"}}</div>

  417.           <div class="bgtask-content-txt">{{.i18n.Tr "dataset.dataset_instructions_for_use"}}<a

  418.               href="https://openi.pcl.ac.cn/zeizei/OpenI_Learning">&nbsp;{{.i18n.Tr "dataset.dataset_camp_course"}}</a></div>

  419.         </div>

  420.     </div>

  421.   </div>

  422.   {{end}}

  423. </div>

  424. 

  425. <div class="ui small basic delete modal" id="data-dataset-delete-modal">

  426.   <div class="ui icon header">

  427.     <i class="trash icon"></i>

  428.     {{.i18n.Tr "dataset.attachment.delete"}}

  429.   </div>

  430.   <div class="content">

  431.     <p>{{.i18n.Tr "dataset.attachment.delete_desc" | Str2html}}</p>

  432.   </div>

  433.   {{template "base/delete_modal_actions" .}}

  434. </div>

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