From 066941ee54d88ef01863ff1c7f08b8003738b5d2 Mon Sep 17 00:00:00 2001 From: Jorran de Wit <jorrandewit@outlook.com> Date: Mon, 22 Jan 2018 21:03:39 +0100 Subject: [PATCH] ReportRatings to table --- .../commentaries/commentary_detail.html | 5 ++- scipost/static/scipost/SciPost.css | 26 ------------ .../scipost/assets/css/_submissions.scss | 28 ------------- .../static/scipost/assets/css/_tables.scss | 14 +++++++ scipost/static/scipost/assets/css/_type.scss | 5 +-- .../scipost/assets/css/scipost-physics.scss | 2 +- scipost/templates/scipost/comments_block.html | 26 ++++++------ .../submissions/_single_report_ratings.html | 40 ++++++++++++++----- .../submissions/submission_detail.html | 13 +++--- theses/templates/theses/thesis_detail.html | 5 ++- 10 files changed, 75 insertions(+), 89 deletions(-) diff --git a/commentaries/templates/commentaries/commentary_detail.html b/commentaries/templates/commentaries/commentary_detail.html index 4d0160aa6..710c058db 100644 --- a/commentaries/templates/commentaries/commentary_detail.html +++ b/commentaries/templates/commentaries/commentary_detail.html @@ -21,7 +21,10 @@ <h3>Abstract:</h3> <p>{{ commentary.pub_abstract }}</p> -{% include 'scipost/comments_block.html' with comments=commentary.comments.vetted type_of_object='Commentary' %} +{% if commentary.comments.vetted %} + <hr class="divider"> + {% include 'scipost/comments_block.html' with comments=commentary.comments.vetted type_of_object='Commentary' %} +{% endif %} {% include 'comments/new_comment.html' with object_id=commentary.id type_of_object='commentary' open_for_commenting=commentary.open_for_commenting %} diff --git a/scipost/static/scipost/SciPost.css b/scipost/static/scipost/SciPost.css index 59a65ec9a..44e1b4c27 100644 --- a/scipost/static/scipost/SciPost.css +++ b/scipost/static/scipost/SciPost.css @@ -486,32 +486,6 @@ table.tablePadded10 td { background-color: #990000; } -.reportRatings { - font-family: 'Merriweather Sans'; - font-size: 11px; - margin: 0 4px; - padding: 0; - display: inline-block; - box-shadow: 0 1px 0 1px #ccc; - background: #f4f4f4; -} -.reportRatings ul { - display: inline-block; - font-family: 'Merriweather Sans'; - margin: 0; - padding: 2px 1px; -} -.reportRatings ul li { - border: 1px solid #002b49; - display: inline-block; - font-family: 'Merriweather Sans'; - margin: 0 3px; - padding: 4px 7px; - border-radius: 1px; - background-color: #f1f1f1; -} - - article { background-color:#eeeeee; border: 1px solid grey; border-radius:5px; diff --git a/scipost/static/scipost/assets/css/_submissions.scss b/scipost/static/scipost/assets/css/_submissions.scss index b6866242e..f41deda48 100644 --- a/scipost/static/scipost/assets/css/_submissions.scss +++ b/scipost/static/scipost/assets/css/_submissions.scss @@ -37,34 +37,6 @@ table.submission_header { } } -.reportRatings { - font-size: 10px; - margin: 0.5rem 0 1rem; - padding: 0.3rem 0.5rem 0.4rem; - display: inline-block; - box-shadow: 0 1px 0 0 #ccc; - background: #f9f9f9; - border: 1px solid; - border-color: #ececec #ececec #d0d1d5; - border-radius: 2px; - - ul { - margin: 0; - padding: 0; - - li { - border: 1px solid; - display: inline-block; - margin: 0.1rem; - padding: 0.25rem 0.5rem; - border-color: #e5e6e9 #dfe0e4 #d0d1d5; - border-radius: 2px; - background: #fff; - box-shadow: 0 1px 0 0 #ccc; - } - } -} - .required-actions { padding: 0.5rem; background-color: $red; diff --git a/scipost/static/scipost/assets/css/_tables.scss b/scipost/static/scipost/assets/css/_tables.scss index 8873b93c3..978a10b85 100644 --- a/scipost/static/scipost/assets/css/_tables.scss +++ b/scipost/static/scipost/assets/css/_tables.scss @@ -28,3 +28,17 @@ table.contributor-info { vertical-align: top; } } + +.ratings { + background-color: $body-bg; + padding: 0.5rem; + display: inline-block; + border: 1px solid #ddd; + text-transform: capitalize; + + th { + min-width: 120px; + text-align: right; + padding: 0.1rem 1rem; + } +} diff --git a/scipost/static/scipost/assets/css/_type.scss b/scipost/static/scipost/assets/css/_type.scss index 1ed95d686..f6eef699a 100644 --- a/scipost/static/scipost/assets/css/_type.scss +++ b/scipost/static/scipost/assets/css/_type.scss @@ -67,10 +67,9 @@ h5 { } .highlight { - background-color: #f4f4f4; + background-color: $body-bg; border-radius: $card-border-radius; - border: 1px solid #ececec; - box-shadow: 0 1px 0 0 $card-shadow-color; + border: 1px solid #ddd; &.tight { display: inline-block; diff --git a/scipost/static/scipost/assets/css/scipost-physics.scss b/scipost/static/scipost/assets/css/scipost-physics.scss index 816d3a46b..381822f4d 100644 --- a/scipost/static/scipost/assets/css/scipost-physics.scss +++ b/scipost/static/scipost/assets/css/scipost-physics.scss @@ -32,7 +32,7 @@ &.active { color: #002b49; background: rgba(255, 255, 255, 0.5); - box-shadow: 0 1px 0 0 #ccc; + box-shadow: 0 1px 0 0 #ddd; } } } diff --git a/scipost/templates/scipost/comments_block.html b/scipost/templates/scipost/comments_block.html index bc60d0b67..d3fa22a5a 100644 --- a/scipost/templates/scipost/comments_block.html +++ b/scipost/templates/scipost/comments_block.html @@ -1,19 +1,19 @@ {% if comments %} -<hr> -<div class="row"> - <div class="col-12"> - <div class="card card-grey"> - <div class="card-body"> - <h2 class="card-title mb-0">Comments{% if type_of_object %} on this {{type_of_object}}{% endif %}</h2> - <a href="javascript:;" data-toggle="toggle" data-target="#commentslist">Toggle comments view</a> + + <div class="row"> + <div class="col-12"> + <div class="card card-grey"> + <div class="card-body"> + <h2 class="card-title mb-0">Comments{% if type_of_object %} on this {{type_of_object}}{% endif %}</h2> + <a href="javascript:;" data-toggle="toggle" data-target="#commentslist">Toggle comments view</a> + </div> </div> </div> </div> -</div> -<div id="commentslist"> - {% for comment in comments %} - {% include 'comments/_single_comment_with_link.html' with comment=comment perms=perms user=request.user %} - {% endfor %} -</div> + <div id="commentslist"> + {% for comment in comments %} + {% include 'comments/_single_comment_with_link.html' with comment=comment perms=perms user=request.user %} + {% endfor %} + </div> {% endif %} diff --git a/submissions/templates/submissions/_single_report_ratings.html b/submissions/templates/submissions/_single_report_ratings.html index f5280e13d..5eeb8dcf8 100644 --- a/submissions/templates/submissions/_single_report_ratings.html +++ b/submissions/templates/submissions/_single_report_ratings.html @@ -1,10 +1,32 @@ -<div class="reportRatings mt-2"> - <ul> - <li>validity: {{report.get_validity_display}}</li> - <li>significance: {{report.get_significance_display}}</li> - <li>originality: {{report.get_originality_display}}</li> - <li>clarity: {{report.get_clarity_display}}</li> - <li>formatting: {{report.get_formatting_display}}</li> - <li>grammar: {{report.get_grammar_display}}</li> - </ul> +<div class="ratings"> + <table> + <tr> + <th>Validity</th> + <td>{{ report.get_validity_display }}</td> + </tr> + <tr> + <th>Significance</th> + <td>{{ report.get_significance_display }}</td> + </tr> + <tr> + <th>Validity</th> + <td>{{ report.get_grammar_display }}</td> + </tr> + <tr> + <th>Originality</th> + <td>{{ report.get_originality_display }}</td> + </tr> + <tr> + <th>Clarity</th> + <td>{{ report.get_clarity_display }}</td> + </tr> + <tr> + <th>Formatting</th> + <td>{{ report.get_formatting_display }}</td> + </tr> + <tr> + <th>Grammar</th> + <td>{{ report.get_grammar_display }}</td> + </tr> + </table> </div> diff --git a/submissions/templates/submissions/submission_detail.html b/submissions/templates/submissions/submission_detail.html index 70620146b..6cfb4f77b 100644 --- a/submissions/templates/submissions/submission_detail.html +++ b/submissions/templates/submissions/submission_detail.html @@ -10,10 +10,8 @@ <div class="container-outside breadcrumb-nav"> <div class="container"> <nav class="breadcrumb"> - - <a href="{% url 'submissions:submissions' %}" class="breadcrumb-item">Submissions</a> - <span class="breadcrumb-item">{{submission.arxiv_identifier_w_vn_nr}}</span> - + <a href="{% url 'submissions:submissions' %}" class="breadcrumb-item">Submissions</a> + <span class="breadcrumb-item">{{submission.arxiv_identifier_w_vn_nr}}</span> </nav> </div> </div> @@ -222,9 +220,10 @@ {% endif %} {% endif %} -<hr class="divider"> - -{% include 'scipost/comments_block.html' with comments=submission.comments.vetted %} +{% if submission.comments.vetted %} + <hr class="divider"> + {% include 'scipost/comments_block.html' with comments=submission.comments.vetted %} +{% endif %} {# This is an apparent redundant logic block; however, it makes sure the "login to ..." links wouldn't be shown twice! #} diff --git a/theses/templates/theses/thesis_detail.html b/theses/templates/theses/thesis_detail.html index 7ed53d775..46df60782 100644 --- a/theses/templates/theses/thesis_detail.html +++ b/theses/templates/theses/thesis_detail.html @@ -14,7 +14,10 @@ </div> </div> -{% include 'scipost/comments_block.html' with comments=thesislink.comments.vetted type_of_object='ThesisLink' %} +{% if thesislink.comments.vetted %} + <hr class="divider"> + {% include 'scipost/comments_block.html' with comments=thesislink.comments.vetted type_of_object='ThesisLink' %} +{% endif %} {% include 'comments/new_comment.html' with object_id=thesislink.id type_of_object='thesislink' open_for_commenting=thesislink.open_for_commenting %} -- GitLab