cafe-grader-web Commit - r830:534e06ae3cce

cafe-grader-web

Commit `r830:534e06ae3cce` public

parent | child

Description:

Merge pull request #30 from noppakorn/golden-submit-button add golden submit button

Commit status:

[Not Reviewed]

References:

merge default

Diff options:

| | | |

Comments:

0 Commit comments 0 Inline Comments

Unresolved TODOs:

There are no unresolved TODOs

Add another comment

r830:534e06ae3cce - Thu, 03 Feb 2022 08:18:49 - 2 files changed: 37 inserted, 1 deleted

app/assets/stylesheets/application.css.scss ¶ +36

               /* This is a manifest file that'll be compiled into application.css, which will include all the files
                * listed below.
                *
                * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
                * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
                *
                * You're free to add application-wide styles to this file and they'll appear at the bottom of the
                * compiled file so the styles you add here take precedence over styles defined in any styles
                * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
                * file per style scope.
                *
                * // bootstrap says that we should not do this, but @import each file instead
                * #   *= require_tree .
                * #   *= require_self
                */
               @import "jquery-ui";
               //@import "jquery.ui.core";
               //@import "jquery.ui.theme";
               //@import "jquery.ui.datepicker";
               //@import "jquery.ui.slider";
               //@import "jquery-ui-timepicker-addon";
               //@import "jquery-tablesorter/theme.metro-dark";
               @import "jquery.countdown";
               @import "tablesorter-theme.cafe";
               //bootstrap
               @import "bootstrap-sprockets";
               @import "bootstrap";
               @import "select2";
               @import "select2-bootstrap";
               //@import bootstrap3-switch
               @import "bootstrap-toggle";
               @import "bootstrap-sortable";
               //@import "bootstrap-datepicker3";
               @import "bootstrap-datetimepicker";
               @import "datatables.net-bs/css/dataTables.bootstrap.min";
               @import "datatables.net-buttons-bs/css/buttons.bootstrap.min";
               //bootstrap navbar color (from)
               $bgDefault: #19197b;
               $bgHighlight: #06064b;
               $colDefault: #8e8eb4;
               $colHighlight: #ffffff;
               $dropDown: false;
               @font-face {
                   font-family: 'Glyphicons Halflings';
                   src: font-path('bootstrap/glyphicons-halflings-regular.eot');
                   src: font-path('bootstrap/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
                     font-path('bootstrap/glyphicons-halflings-regular.woff') format('woff'),
                     font-path('bootstrap/glyphicons-halflings-regular.ttf') format('truetype'),
                     font-path('bootstrap/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
               }
               .navbar-default {
                 background-color: $bgDefault;
                 border-color: $bgHighlight;
                 .navbar-brand {
                   color: $colDefault;
                   &:hover, &:focus {
                     color: $colHighlight;
                   }
                 }
                 .navbar-text {
                   color: $colDefault;
                 }
                 .navbar-nav {
                   > li {
                     > a {
                       color: $colDefault;
                       &:hover, &:focus {
                         color: $colHighlight;
                       }
                     }
                     @if $dropDown {
                       > .dropdown-menu {
                         background-color: $bgDefault;
                         > li {
                           > a {
                             color: $colDefault;
                             &:hover, &:focus {
                               color: $colHighlight;
                               background-color: $bgHighlight;
                             }
                           }
                           > .divider {
                             background-color: $bgHighlight;
                           }
                         }
                       }
                     }
                   }
                   @if $dropDown {
                     .open .dropdown-menu > .active {
                       > a, > a:hover, > a:focus {
                         color: $colHighlight;
                         background-color: $bgHighlight;
                       }
                     }
                   }
                   > .active {
                     > a, > a:hover, > a:focus {
                       color: $colHighlight;
                       background-color: $bgHighlight;
                     }
                   }
                   > .open {
                     > a, > a:hover, > a:focus {
                       color: $colHighlight;
                       background-color: $bgHighlight;
                     }
                   }
                 }
                 .navbar-toggle {
                   border-color: $bgHighlight;
                   &:hover, &:focus {
                     background-color: $bgHighlight;
                   }
                   .icon-bar {
                     background-color: $colDefault;
                   }
                 }
                 .navbar-collapse,
                 .navbar-form {
                   border-color: $colDefault;
                 }
                 .navbar-link {
                   color: $colDefault;
                   &:hover {
                     color: $colHighlight;
                   }
                 }
               }
               @media (max-width: 767px) {
                 .navbar-default .navbar-nav .open .dropdown-menu {
                   > li > a {
                     color: $colDefault;
                     &:hover, &:focus {
                       color: $colHighlight;
                     }
                   }
                   > .active {
                     > a, > a:hover, > a:focus {
                       color: $colHighlight;
                       background-color: $bgHighlight;
                     }
                   }
                 }
               }
               .secondnavbar {
                 top: 50px;
               }
               // --------------- bootstrap file upload ----------------------
               .btn-file {
                 position: relative;
                 overflow: hidden;
               }
               .btn-file input[type=file] {
                 position: absolute;
                 top: 0;
                 right: 0;
                 min-width: 100%;
                 min-height: 100%;
                 font-size: 100px;
                 text-align: right;
                 filter: alpha(opacity = 0);
                 opacity: 0;
                 outline: none;
                 background: white;
                 cursor: inherit;
                 display: block;
               }
               body {
                 background: white image-url("topbg.jpg") repeat-x top center;
                 //font-size: 13px
                 //font-family: Tahoma, "sans-serif"
                 margin: 10px;
                 padding: 10px;
                 padding-top: 60px;
               }
               // ------------------ bootstrap sortable --------------------
               table.sortable th {
                 padding-right: 20px !important;
                 span.sign {
                   right: (-15px) !important;
                 }
                 &.text-right {
                   padding-left: 20px !important;
                   padding-right: 8px !important;
                   &:after, span.sign {
                     left: (-15px) !important;
                   }
                 }
               }
               input {
                 font-family: Tahoma, "sans-serif";
               }
               h1 {
                 font-size: 24px;
                 color: #334488;
                 line-height: 2em;
               }
               h2 {
                 font-size: 18px;
                 color: #5566bb;
                 line-height: 1.5em;
               }
               hr {
                 border-top: 1px solid #dddddd;
                 border-bottom: 1px solid #eeeeee;
               }
               //#a
               //  color: #6666cc
               //  text-decoration: none
               //
               //  &:link, &:visited
               //    color: #6666cc
               //    text-decoration: none
               //
               //  &:hover, &:focus
               //    color: #111166
               //    text-decoration: none
               div {
                 &.userbar {
                   line-height: 1.5em;
                   text-align: right;
                   font-size: 12px;
                 }
                 &.title {
                   padding: 10px 0px;
                   line-height: 1.5em;
                   font-size: 13px;
                   span.contest-over-msg {
                     font-size: 15px;
                     color: red;
                   }
                   table {
                     width: 100%;
                     font-weight: bold;
                   }
                   td {
                     &.left-col {
                       text-align: left;
                       vertical-align: top;
                       color: #444444;
                     }
                     &.right-col {
                       text-align: right;
                       vertical-align: top;
                       font-size: 18px;
                       color: #116699;
                     }
                   }
                 }
               }
               table.info {
                 margin: 10px 0;
                 border: 1px solid #666666;
                 border-collapse: collapse;
                 font-size: 12px;
                 th {
                   border: 1px solid #666666;
                   line-height: 1.5em;
                   padding: 0 0.5em;
                 }
                 td {
                   border-left: 1px solid #666666;
                   border-right: 1px solid #666666;
                   line-height: 1.5em;
                   padding: 0 0.5em;
                 }
               }
               tr {
                 &.info-head {
                   background: #777777;
                   color: white;
                 }
                 &.info-odd {
                   background: #eeeeee;
                 }
                 &.info-even {
                   background: #fcfcfc;
                 }
               }
               @mixin basicbox {
                 background: #eeeeff;
                 border: 1px dotted #99aaee;
                 padding: 5px;
                 margin: 10px 0px;
                 color: black;
                 font-size: 13px;
               }
               .infobox {
                 @include basicbox;
               }
               .submitbox {
                 @include basicbox;
               }
               .errorExplanation {
                 border: 1px dotted gray;
                 color: #bb2222;
                 padding: 5px 15px 5px 15px;
                 margin-bottom: 5px;
                 background-color: white;
                 font-weight: normal;
                 h2 {
                   color: #cc1111;
                   font-weight: bold;
                 }
               }
               table.uinfo {
                 border-collapse: collapse;
                 border: 1px solid black;
                 font-size: 13px;
               }
               td.uinfo {
                 vertical-align: top;
                 border: 1px solid black;
                 padding: 5px;
               }
               th.uinfo {
                 background: lightgreen;
                 vertical-align: top;
                 text-align: right;
                 border: 1px solid black;
                 padding: 5px;
               }
               div {
                 &.compilermsgbody {
                   font-family: monospace;
                 }
                 &.task-menu {
                   text-align: center;
                   font-size: 13px;
                   line-height: 1.75em;
                   font-weight: bold;
                   border-top: 1px dashed gray;
                   border-bottom: 1px dashed gray;
                   margin-top: 2px;
                   margin-bottom: 4px;
                 }
               }
               table.taskdesc {
                 border: 2px solid #dddddd;
                 border-collapse: collapse;
                 margin: 10px auto;
                 width: 90%;
                 font-size: 13px;
                 p {
                   font-size: 13px;
                 }
                 tr.name {
                   border: 2px solid #dddddd;
                   background: #dddddd;
                   color: #333333;
                   font-weight: bold;
                   font-size: 14px;
                   line-height: 1.5em;
                   text-align: center;
                 }
                 td {
                   &.desc-odd {
                     padding: 5px;
                     padding-left: 20px;
                     background: #fefeee;
                   }
                   &.desc-even {
                     padding: 5px;
                     padding-left: 20px;
                     background: #feeefe;
                   }
                 }
               }
               .announcementbox {
                 margin: 10px 0px;
                 background: #bbddee;
                 padding: 1px;
                 span.title {
                   font-weight: bold;
                   color: #224455;
                   padding-left: 10px;
                   line-height: 1.6em;
                 }
               }
               .announcement {
                 margin: 2px;
                 background: white;
                 padding: 1px;
                 padding-left: 10px;
                 padding-right: 10px;
                 padding-top: 5px;
                 padding-bottom: 5px;
               }
               .announcement p {
                 font-size: 12px;
                 margin: 2px;
               }
               .pub-info {
                 text-align: right;
                 font-style: italic;
                 font-size: 9px;
                 p {
                   text-align: right;
                   font-style: italic;
                   font-size: 9px;
                 }
               }
               .announcement {
                 .toggles {
                   font-weight: normal;
                   float: right;
                   font-size: 80%;
                 }
                 .announcement-title {
                   font-weight: bold;
                 }
               }
               div {
                 &.message {
                   margin: 10px 0 0;
                   div {
                     &.message {
                       margin: 0 0 0 30px;
                     }
                     &.body {
                       border: 2px solid #dddddd;
                       background: #fff8f8;
                       padding-left: 5px;
                     }
                     &.reply-body {
                       border: 2px solid #bbbbbb;
                       background: #fffff8;
                       padding-left: 5px;
                     }
                     &.stat {
                       font-size: 10px;
                       line-height: 1.75em;
                       padding: 0 5px;
                       color: #333333;
                       background: #dddddd;
                       font-weight: bold;
                     }
                     &.message div.stat {
                       font-size: 10px;
                       line-height: 1.75em;
                       padding: 0 5px;
                       color: #444444;
                       background: #bbbbbb;
                       font-weight: bold;
                     }
                   }
                 }
                 &.contest-title {
                   color: white;
                   text-align: center;
                   line-height: 2em;
                 }
                 &.registration-desc, &.test-desc {
                   border: 1px dotted gray;
                   background: #f5f5f5;
                   padding: 5px;
                   margin: 10px 0;
                   font-size: 12px;
                   line-height: 1.5em;
                 }
               }
               h2.contest-title {
                 margin-top: 5px;
                 margin-bottom: 5px;
               }
               .grader-comment {
                 word-wrap: break-word;
               }
+            +
+            +
+            + golden-btn + .golden-btn { margin-top: 1em; }
+            +
+            + .golden-btn {
+            +   display: inline-block;
+            +   outline: none;
+            +   font-family: inherit;
+            +   box-sizing: border-box;
+            +   border: none;
+            +   box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
+            +               inset 0 -2px 5px 1px rgba(139,66,8,1),
+            +               inset 0 -1px 1px 3px rgba(250,227,133,1);
+            +   background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07) !important;
+            +   border: 1px solid #a55d07;
+            +   color: rgb(120,50,5);
+            +   text-shadow: 0 2px 2px rgba(250, 227, 133, 1);
+            +   cursor: pointer;
+            +   transition: all .2s ease-in-out;
+            +   background-size: 100% 100%;
+            +   background-position:center;
+            + }
+            + .golden-btn:focus,
+            + .golden-btn:hover {
+            +   background-size: 150% 150%;
+            +   box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
+            +                 inset 0 -2px 5px 1px #b17d10,
+            +                 inset 0 -1px 1px 3px rgba(250,227,133,1);
+            +   border: 1px solid rgba(165,93,7,.6);
+            +   color: rgba(120,50,5,.8);
+            + }
+            + .golden-btn:active {
+            +   box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(110,80,20,.4),
+            +               inset 0 -2px 5px 1px #b17d10,
+            +                 inset 0 -1px 1px 3px rgba(250,227,133,1);
+            + }

app/views/submissions/edit.html.haml ¶ +1 -1

               %textarea#text_sourcecode{style: "display:none"}~ @source
               .container
                 .row
                   .col-md-12
                     %h2 Live submit
                 .row
                   .col-md-12
                     .alert.alert-info
                       Write your code in the following box, choose language, and click submit button when finished
                 .row
                   .col-md-8
                     %div#editor{style: 'height: 500px; border-radius: 7px; font-size: 14px;'}
                   .col-md-4
                     - # submission form
                     = form_tag({controller: :main, :action => 'submit'}, :multipart => true, class: 'form') do
                       = hidden_field_tag 'editor_text', @source
                       = hidden_field_tag 'submission[problem_id]', @problem.id
                       .form-group
                         = label_tag "Task:"
                         = text_field_tag 'asdf', "#{@problem.long_name}", class: 'form-control', disabled: true
                       .form-group
                         = label_tag "Description:"
                         = link_to_description_if_any "[download] <span class='glyphicon glyphicon-file'></span>".html_safe, @problem
                       .form-group
                         = label_tag 'Language:'
                         = select_tag 'language_id', options_from_collection_for_select(Language.all, 'id', 'pretty_name', @lang_id || @current_user.default_language || Language.find_by_pretty_name("Python").id || Language.first.id), class: 'form-control select', style: "width: 100px"
                       .form-group
                         .input-group
                           %span.input-group-btn
                             %span.btn.btn-default.btn-file
                               Browse
                               = file_field_tag 'load_file'
                           = text_field_tag '' , nil, {readonly: true, class: 'form-control'}
                       .form-group
-            -           = submit_tag 'Submit', class: 'btn btn-success', id: 'live_submit',
+            +           = submit_tag 'Submit', class: 'btn ' + (@submission && @submission.number >= 100 ? 'golden-btn' : 'btn-success'), id: 'live_submit',
                           data: {confirm: "Submitting this source code for task #{@problem.long_name}?"}
                     - # latest submission status
                     .panel{class: (@submission && @submission.graded_at) ? "panel-info" : "panel-warning"}
                       .panel-heading
                         Latest Submission Status
                         = link_to "Refresh",get_latest_submission_status_submissions_path(@submission.user,@problem), class: "btn btn-default btn-sm", remote: true if @submission
                       .panel-body
                         %div#latest_status
                           - if @submission
                             = render :partial => 'submission_short',
                               :locals => {submission: @submission, problem_name: @problem.name, problem_id: @problem.id }
               .modal.fade#compiler{tabindex: -1,role: 'dialog'}
                 .modal-dialog.modal-lg{role:'document'}
                   .modal-content
                     .modal-header
                       %button.close{type: 'button', data: {dismissed: :modal}, aria: {label: 'close'}}
                         %span{aria: {hidden: 'true'}, data: {dismiss: 'modal'}} &times;
                       %h4 Compiler message
                     .modal-body
                       %pre#compiler_msg
                         - if @submission
                           = @submission.compiler_message
                     .modal-footer
                       %button.btn.btn-default{type: 'button', data: {dismiss: 'modal'}} Close
               :javascript
                 $(document).ready(function() {
                   e = ace.edit("editor")
                   e.setValue($("#text_sourcecode").val());
                   e.gotoLine(1);
                   $("#language_id").trigger('change');
                   $("#load_file").on('change',function(evt) {
                     var file = evt.target.files[0];
                     var reader = new FileReader();
                     reader.onload =  function(theFile) {
                       var e = ace.edit("editor")
                       e.setValue(theFile.target.result);
                       e.gotoLine(1);
                     };
                     reader.readAsText(file)
                   });
                   //brython();
                 });

Write
Preview

You need to be logged in to leave comments. Login now

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository permissions settings

Sign in to your account

Author

r830:534e06ae3cce - Thu, 03 Feb 2022 08:18:49 - 2 files changed: 37 inserted, 1 deleted

Sign in to your account

Commit r830:534e06ae3cce public

Author

r830:534e06ae3cce - Thu, 03 Feb 2022 08:18:49 - 2 files changed: 37 inserted, 1 deleted

Commit `r830:534e06ae3cce` public