idsci/application/index/view/user/reviewer_information.html

<link href="__CDN__/assets/css/user/reviewer_information.css?v={$Think.config.site.version|htmlentities}" rel="stylesheet">
<div class="common-bg">
    <div class="common-font">
        Personal information of edit and reviewer
    </div>
</div>
<div id="content-container" class="container">
    <div class="row">
        <div class="col-md-3">
            {include file="common/sidenav" /}
        </div>
        <div class="col-md-9">
            <div class="panel panel-default">
                <div class="panel-body">
                    <h2 class="page-header">Personal information of edit and reviewer</h2>
                    {if condition="$user_role_count == 0"}
                    <form id="reviewer-information-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="{:url('api/user/apply_role?type=review')}">
                        {:token()}

                        <input type="hidden" name="type" value="review" />

                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-4">
                                Field：
                            </label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="text" class="form-control" id="field" name="field" value="{$row.field}" placeholder="Field">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-4">
                                Highest degree：
                            </label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="text" class="form-control" id="degree" name="degree" value="{$row.degree}" placeholder="Title">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-4">
                                Affiliation relationship：
                            </label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="text" class="form-control" id="affiliation" name="affiliation" value="{$row.affiliation}" placeholder="Title">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-4">
                                Publication Records：
                            </label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="text" class="form-control" id="publication" name="publication" value="{$row.publication}" placeholder="Title">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-4">
                                ORCID：
                            </label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="text" class="form-control" id="orcid" name="orcid" value="{$row.orcid}" placeholder="Title">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-4">
                                Personal homepage：
                            </label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="text" class="form-control" id="homepage" name="homepage" value="{$row.homepage}" placeholder="Title">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-4">
                                Review journal：
                            </label>
                            <div class="col-xs-12 col-sm-8">
                                <input type="text" class="form-control" id="review_journal" name="review_journal" value="{$row.review_journal}" placeholder="Title">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-4">
                                Manuscript ( PDF Version )：
                            </label>
                            <div class="col-xs-12 col-sm-8">
                                <div class="input-group">
                                    <input id="c-resume" class="form-control" name="resume" type="text" value="{$row.resume|default=''|htmlentities}">
                                    <div class="input-group-addon no-border no-padding">
                                        <span><button type="button" id="plupload-resume" class="btn btn-danger plupload" data-input-id="c-resume" data-mimetype="" data-multiple="true" data-preview-id="p-resume"><i class="fa fa-upload"></i> Upload</button></span>
                                        <span><button type="button" id="fachoose-resume" class="btn btn-primary fachoose" data-input-id="c-resume" data-preview-id="p-resume" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> Choose</button></span>
                                        <span class="msg-box n-right" for="c-resume"></span>
                                    </div>
                                </div>
                                <ul class="row list-inline plupload-preview" id="p-resume"></ul>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-12 col-sm-4">
                                Select a journal：
                            </label>
                            <div class="col-xs-12 col-sm-8">
                                <select id="c-journal_id" class="form-control selectpicker" multiple="" name="journal_ids[]">
                                    <option value="">Please select</option>
                                    {cms:channellist id="channel" type="son" typeid="1"}
                                    <option value="{$channel.id}" {in name="$channel.id" value="$row.journal_ids" }selected{/in}>{$channel.name}</option>
                                    {/cms:channellist}
                                </select>
                            </div>
                        </div>

                        <div class="form-group normal-footer">
                            <label class="control-label col-xs-12 col-sm-3"></label>
                            <div class="col-xs-12 col-sm-8">
                                <button type="submit" class="btn btn-primary btn-embossed disabled">Submit</button>
                                <button type="reset" class="btn btn-default btn-embossed">Reset</button>
                            </div>
                        </div>
                    </form>
                    {else}
                    {/if}
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .form-layer {height:100%;min-height:150px;min-width:300px;}
    .form-body {
        width:100%;
        overflow:auto;
        top:0;
        position:absolute;
        z-index:10;
        bottom:50px;
        padding:15px;
    }
    .form-layer .form-footer {
        height:50px;
        line-height:50px;
        background-color: #ecf0f1;
        width:100%;
        position:absolute;
        z-index:200;
        bottom:0;
        margin:0;
    }
    .form-footer .form-group{
        margin-left:0;
        margin-right:0;
    }
</style>