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

               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