aiforge/templates/repo/modelarts/notebook/show.tmpl

{{template "base/head" .}}
<div class="repository">
    {{template "repo/header" .}}
    <div class="ui container">
        <h4 class="ui header" id="vertical-segment">
            <div class="ui breadcrumb">
                <a class="section" href="{{.RepoLink}}/debugjob?debugListType=all">
                    {{.i18n.Tr "repo.cloudbrain"}}
                </a>
                <div class="divider"> / </div>
                <a class="section backTodeBug" href="{{.RepoLink}}/debugjob?debugListType=all">
                    {{$.i18n.Tr "repo.modelarts.notebook"}}
                </a>
                <div class="divider"> / </div>
                {{with .task}}
                <div class="active section">{{.DisplayJobName}}</div>
                {{end}}
            </div>
        </h4>
        {{with .task}}
        <div class="ui accordion border-according" id="accordion" data-repopath="{{$.RepoRelPath}}/modelarts/notebook"
            data-jobid="{{.ID}}" data-version="">
            <div class="active title padding0">
                <div class="according-panel-heading">
                    <div class="accordion-panel-title">
                        <!-- <i class="dropdown icon"></i> -->
                        <span class="accordion-panel-title-content">
                            <span>
                                <div class="ac-display-inblock title_text acc-margin-bottom">
                                    <span class="cti-mgRight-sm">
                                        {{TimeSinceUnix1 .CreatedUnix}}
                                    </span>
                                    <span class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.status"}}：
                                        <span id="{{.VersionName}}-status-span"><i id="icon"
                                                style="vertical-align: middle;" class="{{.Status}}"></i><span id="text"
                                                style="margin-left: 0.4em;font-size: 12px;">{{.Status}}</span></span>
                                    </span>
                                    <span
                                        class="cti-mgRight-sm">{{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}：</span>
                                    <span class="cti-mgRight-sm uc-accordionTitle-black"
                                        id="{{.VersionName}}-duration-span">{{$.duration}}</span>
                                    <span class="refresh-status" data-tooltip="刷新" style="cursor: pointer;" data-inverted="" data-version="{{.VersionName}}">
                                        <i class="redo icon redo-color"></i>
                                    </span>
                                </div>
                            </span>
                        </span>
                    </div>
                </div>
            </div>
            <div class="active content">
                <div class="content-pad">
                    <div class="ui pointing secondary menu" style="border-bottom: 1px solid rgba(34,36,38,.15);">
                        <a class="active item" data-tab="first">{{$.i18n.Tr "repo.modelarts.train_job.config"}}</a>
                    </div>
                    <div class="ui tab active" data-tab="first">
                        <div style="padding-top: 10px;">
                            <div class="tab_2_content">
                                <div class="ac-grid ac-grid-col2">
                                    <div class="ac-grid-col">
                                        <table class="ti-form">
                                            <tbody class="ti-text-form">
                                                <tr class="ti-no-ng-animate">
                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
                                                        {{$.i18n.Tr "repo.cloudbrain_task"}}
                                                    </td>
                                                    <td class="ti-text-form-content">
                                                        <div class="text-span text-span-w">
                                                            {{.DisplayJobName}}
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr class="ti-no-ng-animate">
                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
                                                        {{$.i18n.Tr "repo.modelarts.status"}}
                                                    </td>

                                                    <td class="ti-text-form-content">
                                                        <div class="text-span text-span-w" id="{{.VersionName}}-status">
                                                            {{.Status}}
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr class="ti-no-ng-animate">
                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
                                                        {{$.i18n.Tr "repo.cloudbrain_creator"}}
                                                    </td>

                                                    <td class="ti-text-form-content">
                                                        <div class="text-span text-span-w">
                                                            {{.User.Name}}
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr class="ti-no-ng-animate">
                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
                                                        {{$.i18n.Tr "repo.modelarts.computing_resources"}}
                                                    </td>
                                                    <td class="ti-text-form-content">
                                                        <div class="text-span text-span-w"
                                                            id="{{.VersionName}}-computeresource">
                                                            {{.ComputeResource}}
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr class="ti-no-ng-animate">
                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
                                                        {{$.i18n.Tr "repo.modelarts.createtime"}}
                                                    </td>

                                                    <td class="ti-text-form-content">
                                                        <div class="text-span text-span-w"
                                                            id="{{.VersionName}}-createtime">
                                                            {{TimeSinceUnix1 .CreatedUnix}}
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr class="ti-no-ng-animate">
                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
                                                        {{$.i18n.Tr "cloudbrain.description"}}
                                                    </td>

                                                    <td class="ti-text-form-content">
                                                        <div class="text-span-new" id="model_description">
                                                            {{.Description}}
                                                        </div>
                                                    </td>
                                                </tr>

                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="ac-grid-col">
                                        <table class="ti-form">
                                            <tbody class="ti-text-form">

                                                <tr class="ti-no-ng-animate">
                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
                                                        {{$.i18n.Tr "cloudbrain.mirror"}}
                                                    </td>

                                                    <td class="ti-text-form-content">
                                                        <div class="text-span text-span-w" id="{{.VersionName}}-mirror">
                                                            <span class="ui poping up clipboard" data-position="top center" id="clipboard-btn-image" style="cursor:pointer"
                                                                data-clipboard-text="{{.Image}}"
                                                                data-success="{{$.i18n.Tr "repo.copied"}}"
                                                                data-error="{{$.i18n.Tr "repo.copied_error"}}"
                                                                data-content="{{$.i18n.Tr "repo.copy"}}"
                                                                data-variation="inverted tiny"
                                                            >
                                                            <span title="{{.Image}}">{{.Image}}</span>
                                                            </span>
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr class="ti-no-ng-animate">
                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
                                                        {{$.i18n.Tr "repo.modelarts.train_job.standard"}}
                                                    </td>

                                                    <td class="ti-text-form-content spec">
                                                        <div class="text-span text-span-w"></div>
                                                    </td>
                                                </tr>
                                                <tr class="ti-no-ng-animate">
                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
                                                        {{$.i18n.Tr "repo.cloudbrain.time.starttime"}}
                                                    </td>

                                                    <td class="ti-text-form-content">
                                                        <div class="text-span text-span-w">
                                                            <div class="text-span text-span-w"
                                                                id="{{.VersionName}}-startTime">
                                                                {{if not (eq .StartTime 0)}}
                                                                {{TimeSinceUnix1 .StartTime}}
                                                                {{else}}
                                                                --
                                                                {{end}}
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>

                                                <tr class="ti-no-ng-animate">
                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
                                                        {{$.i18n.Tr "repo.cloudbrain.time.endtime"}}
                                                    </td>

                                                    <td class="ti-text-form-content">
                                                        <div class="text-span text-span-w"
                                                            id="{{.VersionName}}-EndTime">
                                                            {{if not (eq .EndTime 0)}}
                                                            {{TimeSinceUnix1 .EndTime}}
                                                            {{else}}
                                                            --
                                                            {{end}}
                                                        </div>
                                                    </td>
                                                </tr>
												<tr class="ti-no-ng-animate">
                                                    <td class="ti-no-ng-animate ti-text-form-label text-width80">
                                                        {{$.i18n.Tr "repo.modelarts.train_job.dura_time"}}
                                                    </td>

                                                    <td class="ti-text-form-content">
                                                        <div class="text-span text-span-w"
                                                            id="{{.VersionName}}-duration">
                                                            {{$.duration}}
                                                        </div>
                                                    </td>
                                                </tr>


                                            </tbody>
                                        </table>
                                    </div>
                                </div>


                            </div>
							<div style="clear:both">
								<table style="border:none" class="ui fixed small stackable table">
								<thead>
									<tr><th style="color: #8a8e99;font-size:12px" class="three wide left aligned">{{$.i18n.Tr "dataset.file"}}</th>
									<th style="color: #8a8e99;font-size:12px"class="eleven wide">{{$.i18n.Tr "dataset.download_url"}}</th>
									<th style="color: #8a8e99;font-size:12px" class="two wide center aligned">{{$.i18n.Tr "dataset.download_oper"}}</th>
								</tr></thead>
								<tbody>
								{{range $.datasetDownload}}
									<tr>
									<td class="dataset_nowrap_two_line">
                                      {{if eq .IsDelete true}}
                                            {{.DatasetName}}({{$.i18n.Tr "dataset.file_deleted"}})
                                      {{else}}
                                            <a href="{{$.RepositoryLink}}" target="_blank">{{.DatasetName}}</a>
                                      {{end}}
                                    </td>
									<td><div class="dataset_nowrap_two_line">{{.DatasetDownloadLink}}</div></td>
									<td class="center aligned"><a class="ui poping up clipboard" id="clipboard-btn-dataset" data-original="{{$.i18n.Tr "repo.copy_link"}}"  data-success="{{$.i18n.Tr "repo.copy_link_success"}}" data-error="{{$.i18n.Tr "repo.copy_link_error"}}"  data-content="{{$.i18n.Tr "repo.copy_link"}}" data-variation="inverted tiny" data-clipboard-text="{{.DatasetDownloadLink}}">{{$.i18n.Tr "dataset.download_copy"}}</a></td>
									</tr>
								{{end}}
								</tbody>
								</table>

                                <table style="border:none" class="ui fixed small stackable table">
                                    <thead>
                                        <tr>
                                            <th style="color: #8a8e99;font-size:12px" class="three wide left aligned">{{$.i18n.Tr "dataset.file"}}</th>
                                            <th style="color: #8a8e99;font-size:12px"class="eleven wide">{{$.i18n.Tr "dataset.download_url"}}</th>
                                            <th style="color: #8a8e99;font-size:12px" class="two wide center aligned">{{$.i18n.Tr "dataset.download_oper"}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="dataset_nowrap_two_line">
                                            {{if eq $.modelDownload.IsDelete true}}
                                                    {{$.modelDownload.Name}}({{$.i18n.Tr "dataset.file_deleted"}})
                                            {{else}}
                                                    <a href="{{.RepositoryLink}}" target="_blank">{{$.modelDownload.Name}}</a>
                                            {{end}}
                                            </td>
                                            <td><div class="dataset_nowrap_two_line">{{$.modelDownload.DownloadLink}}</div></td>
                                            <td class="center aligned"><a class="ui poping up clipboard" id="clipboard-btn-dataset" data-original="{{$.i18n.Tr "repo.copy_link"}}"  data-success="{{$.i18n.Tr "repo.copy_link_success"}}" data-error="{{$.i18n.Tr "repo.copy_link_error"}}"  data-content="{{$.i18n.Tr "repo.copy_link"}}" data-variation="inverted tiny" data-clipboard-text="{{$.modelDownload.DownloadLink}}">{{if $.modelDownload.DownloadLink}}{{$.i18n.Tr "dataset.download_copy"}}{{end}}</a></td>
                                        </tr>
                                    </tbody>
								</table>
							</div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
        {{end}}
        {{template "base/paginate" .}}
    </div>
    <!-- 确认模态框 -->
    <div id="deletemodel">
        <div class="ui basic modal">
            <div class="ui icon header">
                <i class="trash icon"></i> {{.i18n.Tr "cloudbrain.delete_task"}}
            </div>

            <div class="content">
                <p>{{.i18n.Tr "cloudbrain.task_delete_confirm"}}</p>
            </div>
            <div class="actions">
                <div class="ui red basic inverted cancel button">
                    <i class="remove icon"></i> {{.i18n.Tr "cloudbrain.operate_cancel"}}
                </div>
                <div class="ui green basic inverted ok button">
                    <i class="checkmark icon"></i> {{.i18n.Tr "cloudbrain.operate_confirm"}}
                </div>
            </div>
        </div>
    </div>


</div>
{{template "base/footer" .}}
<script src="{{StaticUrlPrefix}}/js/specsuse.js?v={{MD5 AppVer}}" type="text/javascript"></script>
<script>
    $('.menu .item').tab()

    $(document).ready(function () {
        $('.ui.accordion').accordion({ selector: { trigger: '.icon' } });
    });
    $(document).ready(function () {
        $('.secondary.menu .item').tab();
    });
	console.log({{$.datasetDownload}})

    ;(function() {
        var SPEC = {{ .Spec }};
        var showPoint = false;
        var specStr = window.renderSpecStr(SPEC, showPoint, {
            gpu_memory: {{$.i18n.Tr "cloudbrain.gpu_memory"}},
            free: {{$.i18n.Tr "cloudbrain.free"}},
            point_hr: {{$.i18n.Tr "cloudbrain.point_hr"}},
            memory: {{$.i18n.Tr "cloudbrain.memory"}},
            shared_memory: {{$.i18n.Tr "cloudbrain.shared_memory"}},
        });
        $('td.ti-text-form-content.spec div').text(specStr);
    })();
</script>