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

<div class="common-bg">
    <div class="common-font">
        Edit personal information
    </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">
                    <div class="header-content">
                        <h2 class="page-header">Edit personal information</h2>
                    </div>
                    {if condition="$user.is_chief == 'correct' || $user.is_editor == 'correct'"}
                    <form id="become-an-editor-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="{:url('api/user/apply_role')}">
                        {:token()}

                        <div class="form-item">

                            <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="First name">
                                </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="First name">
                                </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="First name">
                                </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="First name">
                                </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="First name">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-4">
                                    Interested journal：
                                </label>
                                <div class="col-xs-12 col-sm-8">
                                    <input type="text" class="form-control" id="interested_journal" name="interested_journal" value="{$row.interested_journal}" placeholder="First name">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-4">
                                    Resume or supporting information：
                                </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">Identity:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <label><input type="radio" name="type" value="chief" {if condition="$user.is_chief == 'correct'" }checked{/if} /> Chief Compiler</label>
                                    <label><input type="radio" name="type" value="editor" {if condition="$user.is_editor == 'correct'" }checked{/if} /> Editor</label>
                                </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>-->
                                    <input id="c-journal_id" data-rule="required" data-source="user/choose_journal" data-primary-key="id" data-search-field="name" data-multiple="true" class="form-control selectpage" name="journal_ids" type="text" value="{$row.journal_ids}">
                                </div>
                            </div>

                        </div>

                        <div class="form-group normal-footer">
                            <label class="control-label col-xs-12 col-sm-4"></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}
                    Information is currently under review.
                    {/if}
                </div>
            </div>
        </div>
    </div>
</div>