0.1.4

src/jsx/main.jsx

@@ -13,12 +13,17 @@ export class Main extends React.Component{
             selected:"-",
             students:[],
             stud_html:[],
-            choose:1
+            choose:1,
+
+            prank:30,
+            prank_i:0,
+            prank_delay:100
         }
         
         this.selCh = this.selCh.bind(this);
         this.changeChoosen = this.changeChoosen.bind(this);
         this.choose = this.choose.bind(this);
+        this.chooseInit = this.chooseInit.bind(this);
         
         var me = this;
         Classes.load_Classes((data)=>{
@@ -51,21 +56,40 @@ export class Main extends React.Component{
     changeChoosen(e){
         this.setState({choose:e.target.value})
     }
+    chooseInit(){
+        this.setState({prank_i:0})
+        this.choose();
+    }
     choose(){
+        for(var i in User.user_arr){
+            User.user_arr[i].appear();
+        }
         var me = this;
         var c = [];
-        for(var i = 0;i<this.state.choose;i++){
-            var y = -1;
-            var nc = false;
-            y = Math.floor(Math.random()*User.user_arr.length);
-            if(c[0]==y){
-                y = Math.floor(Math.random()*User.user_arr.length);
-            }
-            c.push(y);
+        var users = User.user_arr.length;
+        var needed = User.user_arr.length-this.state.choose;
 
-            User.user_arr[y].disappear();
+        var already_picked = [];
+
+        for(var i = 0;i<needed;i++){
+            var pushed = false;
+            do {
+                var x = Math.floor(Math.random()*users);
+                if(already_picked.indexOf(x)===-1){
+                    already_picked.push(x);
+                    console.log(x);
+                    User.user_arr[x].disappear();
+                    pushed = true;
+                }
+            } while (pushed == false);
         }
-        console.log(c)
+        setTimeout(function(){
+            if(me.state.prank > me.state.prank_i){
+                me.setState({prank_i:me.state.prank_i+1})
+                me.choose();
+            }
+            
+        },me.state.prank_delay)
     }
     render(){
         return (
@@ -83,7 +107,7 @@ export class Main extends React.Component{
                         <input type="number" min="1" value={this.state.choose} onChange={this.changeChoosen}/>
                     </div>
                     <div>
-                        <button onClick={this.choose}>Auswählen</button>
+                        <button onClick={this.chooseInit}>Auswählen</button>
                     </div>
                 </div>
                 <div className="studentList">

src/jsx/ui/student.jsx

@@ -30,6 +30,9 @@ export class Student extends React.Component{
         var url = '/data/class/student.svg';
         this.setState({img_url:url});
     }
+    appear(){
+        this.setState({dis:""});
+    }
     disappear(){
         this.setState({dis:"disappear"});
     }