aiforge/templates/repo/cloudbrain/image/edit.tmpl

<style>
.label_color{
    color:#505559 !important;
    width: 6% !important;
    text-align: center;
}
</style>
{{template "base/head" .}}
<div id="mask">
        <div id="loadingPage">
            <div class="rect1"></div>
            <div class="rect2"></div>
            <div class="rect3"></div>
            <div class="rect4"></div>
            <div class="rect5"></div>
        </div>
</div>
<div class="repository">
    {{template "repo/header" .}}
    <div class="alert"></div>
    <div class="ui container">
        <div>
            <h4 class="ui top attached header">
                {{.i18n.Tr "repo.modify_image"}}
            </h4>
            <div class="submit-image-tmplvalue" style="display: none;" data-link="/image/{{$.Image.ID}}" data-edit-page="{{.PageFrom}}"></div>
            <div class="ui attached segment" style="padding: 2em 3em;padding-bottom: 7rem;">
                <div class="ui form" id="form_image">
                    <input type="hidden" name="edit" value="edit">
                    {{.CsrfTokenHtml}}
                    <input type="hidden" name="id" value="{{.Image.ID}}">
                    <div class="inline field">
                        <label class="label_color" for="">{{$.i18n.Tr "dataset.dataset_available_clusters"}}</label>
                        <div class="ui basic label" style="border: none !important;color:#3291f8;">
                            <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="14" height="14"><path fill="none" d="M0 0h24v24H0z"></path><path d="M4 3h16a1 1 0 0 1 1 1v7H3V4a1 1 0 0 1 1-1zM3 13h18v7a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7zm4 3v2h3v-2H7zM7 6v2h3V6H7z"></path></svg>
                            CPU/GPU
                        </div>
                        <input type="hidden" value="{{.Type}}" name="type">
                    </div>
                    <div class="inline required field">
                        <label class="label_color" for="">{{$.i18n.Tr "repo.images.name"}}</label>
                        <input type="hidden" name="tag" value="{{.Image.Tag}}" >
                        <input disabled   value="{{.Image.Tag}}" style="width: 80%;">
                        <span class="tooltips" style="display: block;padding-left: 0.5rem;">{{.i18n.Tr "repo.images.name_rule"}}</span>
                    </div>
                    <div class="inline required field">
                        <label class="label_color" for="">{{$.i18n.Tr "dataset.description"}}</label>
                        <textarea style="width: 80%;" required id="description" value="{{.Image.Description}}" name="description" rows="3" maxlength="255" placeholder={{.i18n.Tr "repo.modelarts.train_job.new_place"}} onchange="this.value=this.value.substring(0, 255)" onkeydown="this.value=this.value.substring(0, 255)" onkeyup="this.value=this.value.substring(0, 255)">{{.Image.Description}}</textarea>
                    </div>
                    <div class="inline field" style="display: flex;align-items: center;">
                        {{$lenTopics := len .Image.Topics}}
                        {{$subTopics := subOne $lenTopics}}
                        <label class="label_color" for="">{{$.i18n.Tr "repo.model.manage.label"}}</label>&nbsp;
                        <div class="ui multiple search selection dropdown" id="dropdown_image" style="width: 80%;">
                            <input type="hidden" name="topics" value="{{range $k,$v := .Image.Topics}}{{$v}}{{if ne $k $subTopics}},{{end}}{{end}}" required>
                            {{range .Image.Topics}}
                            <a class="ui label transition visible" data-value="{{.}}" style="display: inline-block !important;">{{.}}<i class="delete icon"></i></a>
                            {{end}}
                            <div class="default text" id="default_text">{{.i18n.Tr "repo.repo_label_helpe"}}</div>
                            <div class="menu" id="course_label_item"></div>
                        </div>
                    </div>
                    <span class="tooltips" style="display: block;padding-left: 0.5rem;margin-top: 0.5rem;margin-bottom: 1rem;">{{.i18n.Tr "repo.image.label_tooltips"}}</span>
                    <div class="inline fields">
                        <label class="label_color" for="" style="visibility: hidden;"></label>
                        <div class="field">
                            <div class="ui radio checkbox">
                                <input type="radio" name="isPrivate"  {{if not .Image.IsPrivate}} checked {{end}} value="false">
                                <label>{{.i18n.Tr "org.settings.visibility.public"}}</label>
                            </div>
                        </div>
                        <div class="field" style="flex: 0.15;">
                            <div class="ui radio checkbox" >
                                <input type="radio" name="isPrivate" {{if .Image.IsPrivate}} checked {{end}} value="true">
                                <label>{{.i18n.Tr "home.show_private"}}</label>
                            </div>
                        </div>
                        <div class="field">
                            <span class="label_color">{{.i18n.Tr "repo.images.public_tooltips"}}</span>
                        </div>
                    </div>
                    <div class="inline required field" style="padding-top: 2rem;">
                        <label class="label_color" for="" style="visibility: hidden;"></label>
                        <button class="ui create_image green button" type="button">
                        {{.i18n.Tr "explore.save"}}
                        </button>
                        <a class="ui button" id="cancel_submit_image">{{.i18n.Tr "repo.cloudbrain.cancel"}}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{{template "base/footer" .}}