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

<link href="__CDN__/assets/css/user/article_details.css?v={$Think.config.site.version|htmlentities}" rel="stylesheet">
<link href="__CDN__/assets/css/user/display_submitted.css?v={$Think.config.site.version|htmlentities}" rel="stylesheet">
<style>
    .breadcrumb-item {
        padding: 20px 20px !important;
    }
</style>
<div class="common-bg">
    <div class="common-font">
        Article Details
    </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">Article Details</h2>

<!--                        <div class="header-button-content">-->
<!--                            <div class="recommended-button-item">-->
<!--                                <a href="conduct_review?id={$row.id}">-->
<!--                                    <div class="header-button-item" >-->
<!--                                        <img src="__CDN__/assets/img/index/optinal_reviewer_icon.png" alt="">-->
<!--                                        Conduct review-->
<!--                                    </div>-->
<!--                                </a>-->
<!--                            </div>-->
<!--                        </div>-->
                    </div>

                    <form id="article-details-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="{:url('api/user/profile')}">
                        {:token()}
                        <div class="form-item">

                            <div class="form-group">
                                <div class="col-xs-12 col-sm-12 article-details-content">
                                    {$row.title}
                                </div>
                                <div class="col-xs-12 col-xs-12 mt-4">
                                    <div class="col-xs-12 col-xs-4 text-center" style="float: right;">
                                        Journal
                                    </div>
                                </div>
                                <div class="col-xs-12 col-xs-4 text-center" style="float: right;">
                                    {$row.journal}
                                </div>
                            </div>

                            <hr style="width: 92%;">

                            <!-- tips -->
                            <div class="form-group mt-4">
                                <div class="col-xs-12 col-sm-12 article-details-content" style="padding-right: 40px;">
                                    <p class="detail-title">Abstract</p>
                                    {$row.abstract}
                                </div>
                            </div>

                            <hr style="width: 92%;">

                            <!-- keywords -->
                            <div class="form-group mt-4">
                                <div class="col-xs-12 col-sm-12 article-details-content">
                                    <p class="detail-title">Keywords</p>
                                    <div class="col-xs-12 col-sx-12 mt-4 p-0">
                                        {$row.keywords}
<!--                                        {foreach name="$row.keywords" item="vo"}-->
<!--                                        <span class="label label-success article-detail-label">{$vo}</span>-->
<!--                                        {/foreach}-->
                                    </div>
                                </div>
                            </div>

                            <hr style="width: 92%;">

                            {if condition="$type != 'invita_review'"}
                                <div class="form-group mt-4">
                                    <div class="col-xs-12 col-sm-12 article-details-content">
                                        <p class="detail-title">Document</p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-xs-12 col-sm-12 article-details-content pr-0">
                                        <div class="input-group" style="width: 100%;">
                                            <input id="c-manuscript-zip" data-rule="required" class="form-control" name="row[manuscript_zip]" type="text" value="{$row.manuscript_zip|htmlentities}" readonly>
                                            <div class="input-group-addon no-border no-padding">
                                                <span><button type="button" id="plupload-images" class="btn btn-danger plupload" data-input-id="c-manuscript-zip" data-multiple="true" data-preview-id="p-manuscript-zip"><i class="fa fa-upload"></i> Upload</button></span>
                                                <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-manuscript-zip" data-preview-id="p-manuscript-zip" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> Choose</button></span>
                                                <span class="msg-box n-right" for="c-manuscript-zip"></span>
                                            </div>
                                        </div>
                                        <ul class="row list-inline plupload-preview" id="p-manuscript-zip"></ul>
                                    </div>
                                </div>

                                {if condition="$row.manuscript_pdf"}
                                <div class="form-group">
                                    <div class="col-xs-12 col-sm-12 article-details-content pr-0">
                                        <div class="input-group" style="width: 100%;">
                                            <input id="c-manuscript-pdf" class="form-control" name="row[manuscript_pdf]" type="text" value="{$row.manuscript_pdf|htmlentities}" readonly>
                                            <div class="input-group-addon no-border no-padding">
                                                <span><button type="button" id="plupload-images" class="btn btn-danger plupload" data-input-id="c-manuscript-pdf" data-multiple="true" data-preview-id="p-manuscript-pdf"><i class="fa fa-upload"></i> Upload</button></span>
                                                <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-manuscript-pdf" data-preview-id="p-manuscript-pdf" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> Choose</button></span>
                                                <span class="msg-box n-right" for="c-manuscript-pdf"></span>
                                            </div>
                                        </div>
                                        <ul class="row list-inline plupload-preview" id="p-manuscript-pdf"></ul>
                                    </div>
                                </div>
                                {/if}

                                <hr style="width: 92%;">


                                <div class="form-group mt-4">
                                    <div class="col-xs-12 col-sm-12 article-details-content">
                                        <p class="detail-title">Edit comments</p>
                                        {if condition="$row.comments"}
                                        {foreach name="$row.comments" item="comment"}
                                        <div class="col-xs-12 col-sx-12 mt-4 p-0">
                                            <div class="article-detail-edit-comments" style="padding-right: 40px;">
                                                <label class="control-label col-xs-12 col-sm-6">
                                                    {if condition="$comment.type == 'editor'"}Editor Recommendation：{/if}
                                                    {if condition="$comment.type == 'reviewer'"}Reviewer Recommendation：{/if}
                                                </label>
                                                <div class="col-xs-12 col-sm-12 article-detail-edit-comments-item pt-1 pl-0">{$comment.recommendation}</div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sx-12 mt-4 p-0">
                                            <div class="article-detail-edit-comments" style="padding-right: 40px;">
                                                <label class="control-label col-xs-12 col-sm-6">
                                                    {if condition="$comment.type == 'editor'"}Editorial comments：{/if}
                                                    {if condition="$comment.type == 'reviewer'"}Review comments：{/if}
                                                </label>
                                                <div class="col-xs-12 col-sm-12 article-detail-edit-comments-item pt-1 pl-0">{$comment.comments}</div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sx-12 mt-4 p-0">
                                            <div class="article-detail-edit-comments" style="padding-right: 40px;">
                                                <label class="control-label col-xs-12 col-sm-6">
                                                    {if condition="$comment.type == 'editor'"}Editing report：{/if}
                                                    {if condition="$comment.type == 'reviewer'"}Attachment upload：{/if}
                                                </label>
                                                <div class="col-xs-12 col-sm-12 article-detail-edit-comments-item pt-1 pl-0">
                                                    <input id="c-file" class="form-control" name="row[file]" type="text" value="{$comment.file|htmlentities}">
                                                    <div class="input-group-addon no-border no-padding">
                                                        <span><button type="button" id="plupload-images" class="btn btn-danger plupload" data-input-id="c-file" data-multiple="true" data-preview-id="p-file"><i class="fa fa-upload"></i> Upload</button></span>
                                                        <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-file" data-preview-id="p-file" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> Choose</button></span>
                                                        <span class="msg-box n-right" for="c-file"></span>
                                                    </div>
                                                    <ul class="row list-inline plupload-preview" id="p-file"></ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sx-12 mt-4 p-0">
                                            <div class="article-detail-edit-comments" style="padding-right: 40px;">
                                                <label class="control-label col-xs-12 col-sm-6">
                                                    {if condition="$comment.type == 'editor'"}Editorial Submit Time：{/if}
                                                    {if condition="$comment.type == 'reviewer'"}Review Subimt Time：{/if}
                                                </label>
                                                <div class="col-xs-12 col-sm-12 article-detail-edit-comments-item pt-1 pl-0">{$comment.createtime|date='Y-m-d H:i',###}</div>
                                            </div>
                                        </div>
                                        {/foreach}
                                        {/if}
                                    </div>
                                </div>

                                <hr style="width: 92%;">

                                {if condition="$type == 'editor' || $type == 'author'"}

                                <div class="form-group mt-4">
                                    <div class="col-xs-12 col-sm-12 article-details-content">
                                        <p class="detail-title">Suggested Reviewer Information</p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-xs-12 col-sm-12 article-details-content">
                                        <div class="table-responsive">
                                            <table class="table inbox-table">
                                                <thead style="background: #FAFAFA;" class="thead">
                                                <tr>
                                                    <th>Name</th>
                                                    <th>E-mail Address</th>
                                                    <th>First Name</th>
                                                    <th width="100px">Last Name</th>
                                                    <th>Affiliation</th>
                                                    <th>Field</th>
                                                </tr>
                                                </thead>
                                                <tbody class="tbody">
                                                {foreach name="row.review_content" item="review"}
                                                <tr>
                                                    <td><?php echo $review['reviewer-name'] ?></td>
                                                    <td><?php echo $review['reviewer-email'] ?></td>
                                                    <td><?php echo $review['reviewer-first-name'] ?></td>
                                                    <td><?php echo $review['reviewer-last-name'] ?></td>
                                                    <td><?php echo $review['reviewer-affiliation'] ?></td>
                                                    <td><?php echo $review['reviewer-field'] ?></td>
                                                </tr>
                                                {/foreach}
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                                <hr style="width: 92%;">

                                <div class="form-group mt-4">
                                    <div class="col-xs-12 col-sm-12 article-details-content">
                                        <p class="detail-title">Reviewer Information Report</p>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="col-xs-12 col-sm-12 article-details-content">
                                        <nav aria-label="breadcrumb" class="breadcrumb-content">
                                            <ul class="breadcrumb" style="width: 750px;">
                                                {foreach name="$site.article_detail_report" item="item"}
                                                <li class="breadcrumb-item <?php if($status == $key) echo 'active'; ?>">
                                                    <a href="#t-{$key}" data-value="{$key}" data-id="{$row.id}" data-user="{$user->id}" data-toggle="tab">{$item}</a>
                                                </li>
                                                {/foreach}
                                            </ul>
                                        </nav>
                                    </div>
                                </div>

                                <div class="form-group reviewer_details" style="display: none">
                                    <div class="col-xs-12 col-sm-12 article-details-content">
                                        <div class="table-responsive">
                                            <table class="table inbox-table">
                                                <thead style="background: #FAFAFA;" class="thead">
                                                <tr>
                                                    <th style="width: 100px">Name</th>
                                                    <th style="width: 100px">Invited time</th>
                                                    <th style="width: 100px">Reply time</th>
                                                    <th style="width: 150px">Submission time</th>
                                                    <th style="width: 200px">Status</th>
                                                </tr>
                                                </thead>
                                                <tbody class="tbody reviewer_details_content">
                                                {foreach name="$row.reviewer" item="reviewer"}
                                                <tr>
                                                    <td>{$reviewer.nickname}</td>
                                                    <td>{$reviewer.invited_time}</td>
                                                    <td>{$reviewer.reply_time ?? ''}</td>
                                                    <td>{$reviewer.submission_time ?? ''}</td>
                                                    <td>{$reviewer.status ?? ''}</td>
                                                </tr>
                                                {/foreach}
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group reviewer_suggestion" style="display: none;">
                                    <div class="col-xs-12 col-sm-12 article-details-content">
                                        <div class="table-responsive">
                                            <table class="table inbox-table">
                                                <thead style="background: #FAFAFA;" class="thead">
                                                <tr>
                                                    <th style="width: 100px">Full Name</th>
                                                    <th style="width: 100px">Affiliation</th>
                                                    <th style="width: 100px">Number Of Comments</th>
                                                </tr>
                                                </thead>
                                                <tbody class="tbody reviewer_suggestion_content">
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group review_report" style="display: none">
                                    <div class="col-xs-12 col-sm-12 article-details-content">
                                        <div class="table-responsive">
                                            <table class="table inbox-table">
                                                <thead style="background: #FAFAFA;" class="thead">
                                                <tr>
                                                    <th style="width: 100px">Name</th>
                                                    <th style="width: 100px">Recommendation</th>
                                                    <th style="width: 100px">Comment</th>
                                                    <th style="width: 150px">Submission time</th>
                                                    <th style="width: 150px">Operate</th>
                                                </tr>
                                                </thead>
                                                <tbody class="tbody review_report_content">
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group author_report" style="display: none">
                                    <div class="col-xs-12 col-sm-12 article-details-content">
                                        <div class="table-responsive">
                                            <table class="table inbox-table">
                                                <thead style="background: #FAFAFA;" class="thead">
                                                <tr>
                                                    <th style="width: 100px">Name</th>
                                                    <th style="width: 100px">Recommendation</th>
                                                    <th style="width: 150px">Submission time</th>
                                                </tr>
                                                </thead>
                                                <tbody class="tbody author_report_content">
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            {/if}
                        </div>

                        {/if}

                    </form>
                </div>
            </div>
        </div>
    </div>
</div>