Cloud-CV/EvalAI

<section class="ev-md-container text-center">
    <div class="row">
        <div class="col s12 m12">
            <div class="ev-md-container ev-card-body update-profile-card">
                <form name="updateSubmissionMetaDataForm" ng-submit="challenge.updateSubmissionMetaData(updateSubmissionMetaDataForm.$valid)">
                    <div class="pass-title">Update Submission Details</div>
                    <div class="input-field align-left">
                        <input id="methodName" name="methodName" type="text" class="text-dark-black dark-autofill w-400" ng-model="challenge.method_name" value="{{challenge.method_name}}" focus-if="challenge.method_name" />
                        <span class="form-icon form-icon-dark">
                            <i class="fa fa-pencil"></i>
                        </span>
                        <label class="active" for="methodName">Method Name</label>
                    </div>
                    <div class="input-field align-left">
                        <textarea id="methodDesc" name="methodDesc" type="text" class="materialize-textarea" ng-model="challenge.method_description" value="{{challenge.method_description}}" focus-if="challenge.method_description"></textarea>
                        <span class="form-icon form-icon-dark">
                            <i class="fa fa-pencil"></i>
                        </span>
                        <label for="methodDesc">Method Description</label>
                    </div>
                    <div class="input-field align-left">
                        <input id="projectUrl" name="projectUrl" type="text" class="text-dark-black dark-autofill w-400" ng-model="challenge.project_url" value="{{challenge.project_url}}" focus-if="challenge.project_url" />
                        <span class="form-icon form-icon-dark">
                            <i class="fa fa-pencil"></i>
                        </span>
                        <label for="projectUrl">Project Url</label>
                    </div>
                    <div class="input-field align-left">
                        <input id="publicationUrl" name="publicationUrl" type="text" class="text-dark-black dark-autofill w-400" ng-model="challenge.publication_url" value="{{challenge.publication_url}}" focus-if="challenge.publication_url" />
                        <span class="form-icon form-icon-dark">
                            <i class="fa fa-pencil"></i>
                        </span>
                        <label for="publicationUrl">Publication Url</label>
                    </div>
                    <div ng-if="challenge.currentSubmissionMetaData != null" ng-repeat="attribute in challenge.currentSubmissionMetaData">
                        <div ng-if="attribute.type == 'text'" class="input-field align-left">
                            <input type="text" ng-model="attribute.value" name="{{attribute.name}}" id="{{attribute.name}}" ng-required="attribute.required === true" />
                            <span class="form-icon"><i class="fa fa-text"></i></span>
                            <label for="{{attribute.name}}" class="active">
                                {{attribute.name}} ({{attribute.description}})
                                <span ng-if="attribute.required === true" class="color-orange"> * </span>
                            </label>
                        </div>
                        <div ng-if="attribute.type == 'radio'" class="align-left">
                            <label class="label-radio" for="{{attribute.name}}">
                                {{attribute.name}} ({{attribute.description}})
                                <span ng-if="attribute.required === true" class="color-orange"> * </span>
                            </label>
                            <div class="input-field">
                                <md-radio-group ng-model="attribute.value" id="{{attribute.name}}" name="{{attribute.name}}">
                                    <md-radio-button ng-repeat="option in attribute.options" ng-value="option" ng-model="attribute.value">
                                        <span class="fs-16">{{option}}</span>
                                    </md-radio-button>
                                </md-radio-group>
                            </div>
                        </div>
                        <div ng-if="attribute.type == 'checkbox'" class="align-left">
                            <label class="label-checkbox" for="{{attribute.name}}">
                                {{attribute.name}} ({{attribute.description}})
                                <span ng-if="attribute.required === true" class="color-orange"> * </span>
                            </label>
                            <div class="input-field">
                                <div class="submission-options" ng-repeat="option in attribute.options" id="{{attribute.name}}" name="{{attribute.name}}">
                                    <input type="checkbox" ng-checked="challenge.isOptionChecked(option,attribute)" ng-click="challenge.toggleSelection(attribute, option);" id="{{option}}" ng-value="option" />
                                    <label for="{{option}}"></label>
                                    <span class="fs-16 w-300">{{option}}</span>
                                </div>
                            </div>
                        </div>
                        <div ng-if="attribute.type == 'boolean'" class="align-left">
                            <label class="label-radio" for="{{attribute.name}}">
                                {{attribute.name}} ({{attribute.description}})
                                <span ng-if="attribute.required === true" class="color-orange"> * </span>
                            </label>
                            <div class="input-field">
                                <md-radio-group ng-model="attribute.value" id="{{attribute.name}}" name="{{attribute.name}}">
                                    <md-radio-button ng-value="'True'"> True </md-radio-button>
                                    <md-radio-button ng-value="'False'"> False </md-radio-button>
                                </md-radio-group>
                            </div>
                        </div>
                    </div>
                    <ul class="inline-list pointer">
                        <li>
                            <a class="dark-link" type="button" ng-click="challenge.updateSubmissionMetaData(false)">
                                <strong>Cancel</strong>
                            </a>
                        </li>
                        <li>
                            <button class="btn ev-btn-dark waves-effect waves-dark grad-btn grad-btn-dark fs-14" type="submit" value="Submit">Submit</button>
                        </li>
                    </ul>
                </form>
            </div>
        </div>
    </div>
</section>