Added a feature to copy input directly by clicking on example number

Author: blueedgetechno

README.md

@@ -39,11 +39,14 @@ oj l https://codeforces.com/
 
 ## Guide
 - Set your preferences in settings of the package, in advance
+- Click on Refresh button to refresh the standing
 - Click on your standing to minimize problems view
 - Click on your profile picture to refresh problems
+- Click on an example number to copy its input data
 
 ## Limitations
 - Currently, test and run code option is only available for python users
+- I will try to remove the dependency of online-judge-tools for non-python users in future updates
 
 <br>  
 

lib/view/actions.js

@@ -1,12 +1,14 @@
 'use babel';
 
 import React from 'react';
+import copy from "copy-to-clipboard";
 
 export default class Actions extends React.PureComponent {
   constructor(props){
     super(props);
     this.state = {
       prob: props.prob,
+      inputs: props.inputs,
       outputs: props.outputs,
       tests: props.tests,
       runexamples: props.runexamples,
@@ -17,6 +19,7 @@ export default class Actions extends React.PureComponent {
   componentWillReceiveProps(nextProps) {
     this.setState({
       prob: nextProps.prob,
+      inputs: nextProps.inputs,
       outputs: nextProps.outputs,
       tests: nextProps.tests,
       runexamples: nextProps.runexamples,
@@ -71,6 +74,16 @@ export default class Actions extends React.PureComponent {
     }
   }
 
+  copyinput(ele){
+    var i = ele.target.innerText.split(" ")[1];
+    copy(this.state.inputs[i-1])
+    ele.target.classList.add("copied")
+    const exm = ele.target
+    setTimeout(()=>{
+      exm.classList.remove("copied")
+    },300)
+  }
+
   render(){
     return (
       <div className="actions">
@@ -101,7 +114,7 @@ export default class Actions extends React.PureComponent {
                   else moredetails = null
                 }
                 return(<div className="verdict" key={Math.floor(Math.random()*1000000)}>
-                  <div className="show-verdict" onClick={this.toggleverdict}><span>example {test.n+1}</span> <i className={"icon-"+test.icon}></i></div>
+                  <div className="show-verdict" onClick={this.toggleverdict}><span onClick={this.copyinput.bind(this)}>example {test.n+1}</span> <i className={"icon-"+test.icon}></i></div>
                   {moredetails}
                 </div>)
               })}

lib/view/index.js

@@ -30,11 +30,11 @@ export default class Root extends React.PureComponent {
 
     // this.state = {
     //   desc: "codeforces div 2",
-    //   id: 1388,
+    //   id: 1401,
     //   finished: 0,
     //   changed: 2,
     //   createnv: false,
-    //   timeremaining: 84600,
+    //   timeremaining: 0,
     //   profimg: "//templates.joomla-monster.com/joomla30/jm-news-portal/components/com_djclassifieds/assets/images/default_profile.png"
     // };
   }

lib/view/problems.js

@@ -311,20 +311,15 @@ export default class Problems extends React.PureComponent {
     var i = 0
     for (var prob of this.state.probs) {
       probs.push(prob)
-      if(prob.verdict=="OK") continue
-
+      probs[i].verdict = "NONE"
       for (var action of this.state.actions) {
         if(action.index==prob.index){
-          if(action.verdict=="OK"){
-            probs[i].verdict = "OK"
-            probs[i].testset = action.testset
-            probs[i].errtest = action.errtest
-            break
-          }else if(prob.verdict=="NONE"){
-            probs[i].verdict = action.verdict
-            probs[i].testset = action.testset
-            probs[i].errtest = action.errtest
+          if(action.verdict!="OK" && probs[i].verdict!="NONE" ){
+            continue
           }
+          probs[i].verdict = action.verdict
+          probs[i].testset = action.testset
+          probs[i].errtest = action.errtest
         }
       }
       i++;
@@ -470,6 +465,7 @@ export default class Problems extends React.PureComponent {
         </div>
         {this.state.probs.length ? <Actions
           prob={this.state.probs[this.state.curr]}
+          inputs={this.state.allinputs[this.state.probs[this.state.curr].index]}
           outputs={this.state.alloutputs[this.state.probs[this.state.curr].index]}
           tests={this.state.allverdicts[this.state.probs[this.state.curr].index]}
           runexamples ={this.runexamples.bind(this)}

package-lock.json

@@ -16,6 +16,7 @@
     "axios": "^0.19.2",
     "cheerio": "^1.0.0-rc.3",
     "child_process": "^1.0.2",
+    "copy-to-clipboard": "^3.3.1",
     "fs": "0.0.1-security",
     "path": "^0.12.7",
     "pretty-error": "^2.1.1",

package.json

@@ -605,5 +605,25 @@
   height: 30px !important;
   font-size: 1em !important;
   margin: 0;
-  transform: translate(120px,-30px);
+  transform: translate(120px,-42px);
+}
+
+.copied {
+  animation: pop 0.3s linear;
+  transition: 0.3s;
+
+}
+
+@keyframes pop {
+  0% {
+    transform: scale(1) translateZ(0);
+  }
+
+  50% {
+    transform: scale(1.1) translateZ(0);
+  }
+
+  100% {
+    transform: scale(1) translateZ(0);
+  }
 }