aiforge/templates/repo/cloudbrain/image/submit.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.submit_image"}}
            </h4>
            <div class="submit-image-tmplvalue" style="display: none;" data-link="{{$.Link}}"></div>
            <div class="ui attached segment" style="padding: 2em 3em;padding-bottom: 7rem;">
                <div class="ui form" id="form_image">
                    {{.CsrfTokenHtml}}
                    <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="text" name="tag" required placeholder="{{$.i18n.Tr "repo.images.name_placerholder"}}" style="width: 80%;" maxlength="100">
                        <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" 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)"></textarea>
                    </div>
                    <div class="inline field" style="display: flex;align-items: center;">
                        <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="" required>
                            <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" checked="checked" 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" 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 "repo.cloudbrain.commit_image"}}
                        </button>
                        <a class="ui button" id="cancel_submit_image">{{.i18n.Tr "repo.cloudbrain.cancel"}}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{{template "base/footer" .}}
<script>
console.log({{$.Link}})
let url_href = {{$.Link}}
function submitImage(){
    console.log($('#form_image').serialize())
    $.ajax({
            url:url_href,
            type:'POST',
            data:$('#form_image').serialize(),
            success:function(res){
                console.log("res",res)
            },
            error: function(xhr){
            // 隐藏 loading
            // 只有请求不正常（状态码不为200）才会执行
                // $('.ui.error.message').text(xhr.responseText)
                // $('.ui.error.message').css('display','block')
            },
            complete:function(xhr){
                // $("#mask").css({"display":"none","z-index":"1"})
            }
        })
}


</script>