..

web/src/App.js

@@ -1,109 +1,25 @@
 import React, { Component } from 'react';
 import './App.css';
-import PersonsListComponent from './PersonsListComponent.js';
+import PairsListComponent from './PairsListComponent.js';
 
 
 
 class App extends Component {
   constructor(props){
     super(props);
-    this.state = {renderPersonsList: false, persons: [], currentPairsText: ""};
-    this.getNamesEventHandler = this.getNamesEventHandler.bind(this);
-    this.createTableEventHandler = this.createTableEventHandler.bind(this);
-    this.addAndSaveEventHandler = this.addAndSaveEventHandler.bind(this);
-    this.pairsTextChangedEventHandler = this.pairsTextChangedEventHandler.bind(this);
-    this.personsSelectionChangedEventHandler = this.personsSelectionChangedEventHandler.bind(this);
+
+    this.state = {renderPairsList: false, pairs: []};
+
+    this.getPairsEventHandler = this.getPairsEventHandler.bind(this);
   }
 
-  componentDidMount(){
-    this.currentPairs = JSON.parse(localStorage.getItem("currentPairs") || "[]");
-    this.currentPersons = JSON.parse(localStorage.getItem("currentPersons") || "[]");
-    // Load textarea text from local storage
-    this.setState({currentPairsText: JSON.parse(localStorage.getItem("currentPairsText")) || ""});
+  getPairsEventHandler(event){
+    console.log("Get Pairs");
+    this.setState({pairs: ['Bilal Rahima','A1 A2','B1 B2'],renderPairsList:true});
   }
 
-  pairsTextChangedEventHandler(event) {
-    this.setState({currentPairsText: event.target.value});
-  }
-
-  getNamesEventHandler(event) {
-    if(this.state.currentPairsText.trim() === "")
-      return;
-    let allNames = this.state.currentPairsText.trim().replace(/\n\s*\n/g, '\n').replace(/(\r\n|\n|\r)/gm, "|").split("|");
-    allNames = allNames.map(name => name.trim());
-    console.log(allNames);
-    let names = [...new Set(allNames)];
-    if(this.currentPersons.length === 0)
-      this.currentPersons = names;
-    else{
-      // Check if there are some new names
-      let newNames = names.filter(name => !this.currentPersons.includes(name));
-      for(const newName of newNames)
-        this.currentPersons.push(newName);
-    }
-    let matrix = new Array(this.currentPersons.length);
-    for (let i = 0; i < matrix.length; ++i) {
-      matrix[i] = [];
-    }
-    for(let i = 0; i < allNames.length; i = i + 2){
-      const idx1 = this.currentPersons.indexOf(allNames[i]);
-      const idx2 = this.currentPersons.indexOf(allNames[i + 1]);
-      matrix[idx1].push(idx2);
-      matrix[idx2].push(idx1);
-    }
-    this.currentPairs = matrix;
-    this.setState({persons: names.map(name => ({personName: name, isSelected: true})), renderPersonsList: true});
-  }
-
-  createTableEventHandler(event) {
-    const selectedPersonNames = this.state.persons.filter(person => person.isSelected).map(person => person.personName);
-    let selectedPersonIndices = selectedPersonNames.map(name => this.currentPersons.indexOf(name));
-
-    let newPairs = "";
-
-    while(selectedPersonIndices.length > 1){
-      const firstIdx = selectedPersonIndices[0];
-      const pairIndices = this.currentPairs[firstIdx];
-      const missingPairIndices = Array.from(Array(this.currentPersons.length).keys()).filter(
-        (idx) => (idx !== firstIdx && !pairIndices.includes(idx) && selectedPersonIndices.includes(idx)));
-      // Person has had meetup with everyone
-      if(missingPairIndices.length === 0)
-        selectedPersonIndices.splice(0, 1);
-      else{
-        let pairsMatrix = this.currentPairs;
-        pairsMatrix[firstIdx].push(missingPairIndices[0]);
-        pairsMatrix[missingPairIndices[0]].push(firstIdx);
-        this.currentPairs = pairsMatrix;
-        newPairs += this.currentPersons[firstIdx] + " | " + this.currentPersons[missingPairIndices[0]] + "\n";
-        selectedPersonIndices.splice(0, 1);
-        selectedPersonIndices.splice(selectedPersonIndices.indexOf(missingPairIndices[0]), 1);
-      }
-    }
-    console.log(newPairs);
-    if(newPairs === "")
-      alert("Everyone (from the list of selected persons) had meetup with everyone else!");
-    else{
-      this.setState((prevState, props) => ({
-        currentPairsText: prevState.currentPairsText.trim() + "\n\n" + newPairs.trim()
-      }));
-    }
-  }
-
-  addAndSaveEventHandler(event) {
-    // Save textarea text to local storage
-    localStorage.setItem("currentPairsText", JSON.stringify(this.state.currentPairsText));
-    // Save current persons to local storage
-    localStorage.setItem("currentPersons", JSON.stringify(this.currentPersons));
-    // Save pairs matrix to local storage
-    localStorage.setItem("currentPairs", JSON.stringify(this.currentPairs));
-  }
-
-  personsSelectionChangedEventHandler(index){
-    let personsList = this.state.persons;
-    personsList[index].isSelected = !personsList[index].isSelected;
-    this.setState({
-        persons: personsList
-    });
+  savePairsEventHandler(event){
+    
   }
 
   render() {
@@ -112,15 +28,20 @@ class App extends Component {
         <div>
           <h2>Meetup app</h2>
         </div>
-        <textarea rows = "20" cols = "50" value = {this.state.currentPairsText} onChange = {this.pairsTextChangedEventHandler}></textarea>
+
         <div className = "horizontalDiv">
-          <button onClick = {this.getNamesEventHandler}>GET NAMES</button>
-          <button onClick = {this.createTableEventHandler}>CREATE TABLE</button>
-          <button onClick = {this.addAndSaveEventHandler}>ADD AND SAVE</button>
+          <button onClick = {this.getPairsEventHandler}>Get pairs</button>
+        </div>
+        <div>
+          <h2> List of pairs : </h2>
         </div>
         {
-          this.state.renderPersonsList &&
-            <PersonsListComponent persons = {this.state.persons} personsSelectionChanged = {this.personsSelectionChangedEventHandler}/>
+          this.state.renderPairsList &&
+            <PairsListComponent pairs = {this.state.pairs}/>
+        }
+        {
+          this.state.renderPairsList &&
+            <button onClick = {this.savePairsEventHandler}> Save pairs </button>
         }
       </div>
     );

web/src/PairComponent.js

@@ -0,0 +1,18 @@
+import React, { Component } from 'react';
+
+export default class PairComponent extends Component{
+  constructor(props) {
+    super(props);
+    this.state = {pairName: this.props.pair};
+  }
+
+  render(){
+    return (
+      <div>
+        <div className = "horizontalDiv">
+          <div>{this.state.pairName}</div>
+        </div>
+      </div>
+    )
+  }
+}

web/src/PairsListComponent.js

@@ -0,0 +1,15 @@
+import React, { Component } from 'react';
+import PairComponent from './PairComponent.js';
+
+export default class PairsListComponent extends Component{
+  render(){
+    return(
+      <div id = "outerDiv">
+        {
+          this.props.pairs.map((pair, index) =>
+            (<PairComponent key = {index} index = {index} pair = {pair}/>))
+        }
+      </div>
+    )
+  }
+}

web/uptonow (copy).txt

@@ -0,0 +1,88 @@
+Reuben Montehermoso 	 Senad Uka
+Eric Hulburd 	 Katarzyna Frey
+Kamil Grabowski 	 James Marvin
+Krzysiek Herod 	 Luca Del Bianco
+Krzysztof Wawer 	 Ben Jacobs
+Adam Florczak 	 Daniel Mihalyi
+Damian Aruj 	 Steven Joseph
+Mary Grace Andrade 	 Fernando Catacora
+Grzegorz Biziel 	 Monika Glier
+Jess Jacobs 	 Jacque Presas 
+Attila Aros 	 Gabriele Favalessa
+Cezary Kopacz 	 Carlo Liwanag
+
+Fernando Catacora 	 Krzysztof Wawer
+Steven Joseph 	 Cezary Kopacz
+Adam Florczak 	 Grzegorz Biziel
+Eric Hulburd 	 Kamil Grabowski
+Carlo Liwanag 	 Damian Aruj
+Krzysiek Herod 	 James Marvin
+Mary Grace Andrade 	 Nick Allen
+Gabriele Favalessa 	 Monika Glier
+Jess Jacobs 	 Luca Del Bianco
+Reuben Montehermoso 	 Katarzyna Frey
+Senad Uka 	 Daniel Mihalyi
+Piotr Szotkowski 	 Ben Jacobs
+
+Cezary Kopacz 	 James Marvin
+Jess Jacobs 	 Grzegorz Biziel
+Eric Hulburd 	 Krzysztof Wawer
+Mary Grace Andrade 	 Piotr Szotkowski
+Kamil Grabowski 	 Nick Allen
+Senad Uka 	 Luca Del Bianco
+Monika Glier 	 Reuben Montehermoso
+Adam Florczak 	 Krzysiek Herod
+Fernando Catacora 	 Carlo Liwanag
+Gabriele Favalessa 	 Katarzyna Frey
+Damian Aruj 	 Steven Joseph
+
+Fernando Catacora 		 Grzegorz Biziel
+Damian Aruj	 	  Eric Hulburd
+Krzysiek Herod 		 James Marvin
+Ric Szopa		 Steven Joseph
+Senad Uka		 Monika Glier
+Nick Allen		 Karen Bevis
+Katarzyna Frey 		 Gabriele Favalessa
+Jess Jacobs		 Kamil Grabowski
+Dusan Pantelic		 Piotr Szotkowski
+
+Fernando Catacora			Piotr Szotkowski
+Damian Aruj			Grzegorz Biziel
+Krzysiek Herod			Eric Hulburd
+Ric Szopa			James Marvin
+Senad Uka			Steven Joseph
+Nick Allen			Monika Glier
+Katarzyna Frey			Karen Bevis
+Jess Jacobs			Gabriele Favalessa
+Dusan Pantelic 	 	Kamil Grabowski1
+
+Fernando Catacora			Gabriele Favalessa
+Damian Aruj			Kamil Grabowski
+Krzysiek Herod			Piotr Szotkowski
+Ric Szopa 		Grzegorz Biziel
+Senad Uka			Eric Hulburd
+Nick Allen			Monika Glier
+Jess Jacobs			Steven Joseph
+Dusan Pantelic 		James Marvin
+
+Fernando Catacora			James Marvin
+Damian Aruj			Gabriele Favalessa
+Krzysiek Herod			Kamil Grabowski
+Ric Szopa			Piotr Szotkowski
+Senad Uka			Grzegorz Biziel
+Nick Allen			Eric Hulburd
+Jess Jacobs			Monika Glier
+Dusan Pantelic			Steven Joseph
+
+Grzegorz Biziel 	 Jess Jacobs
+Kamil Grabowski 	 James Marvin
+Katarzyna Frey 	 Krzysiek Herod
+Senad Uka 	 Jorge Vazquez
+Gabriele Favalessa 	 Mary Grace Andrade
+Adam Florczak 	 Nick Allen
+Reuben Montehermoso 	 Steven Joseph
+Damian Aruj 	 Krzysztof Wawer
+Patrick Downing 	 Fernando Catacora
+Carlo Liwanag 	 Eric Hulburd
+
+