})
diff --git a/src/pages/csgoSkins/CsgoSkins.js b/src/pages/csgoSkins/CsgoSkins.js
new file mode 100644
index 0000000..fc9ec7e
--- /dev/null
+++ b/src/pages/csgoSkins/CsgoSkins.js
@@ -0,0 +1,323 @@
+import React, {Component} from 'react';
+import { observer, inject } from 'mobx-react';
+import jss from 'jss';
+import preset from 'jss-preset-default';
+import { Menu, Segment, Dropdown, Table, Loader, Icon, Input, Button } from 'semantic-ui-react';
+import alertify from 'alertify.js';
+
+/*
+* Functions import
+*/
+
+/*
+* Component imports
+*/
+import New from '../../components/CsgoSkins/New';
+import Edit from '../../components/CsgoSkins/Edit';
+import Headline from '../../components/Headline';
+
+jss.setup(preset());
+
+//Firebase
+var firebase = require('../../stores/fb').fb;
+// Initialize Cloud Firestore through Firebase
+var db = firebase.firestore();
+
+
+/*
+###############################
+Components -- START
+###############################
+*/
+
+/*
+###############################
+Components -- END
+###############################
+*/
+
+
+
+const CsgoSkins = inject("rootStore") ( observer(
+ class CsgoSkins extends Component {
+ constructor(props){
+ super(props);
+ //Csgo skins page
+
+ /*
+ * Expected props
+ * - /
+ */
+
+ //Stored information
+ this.stores = this.props.rootStore.stores;
+
+ this.toggleNewWindow = this.toggleNewWindow.bind(this);
+ this.onChangeInput = this.onChangeInput.bind(this);
+ this.addDoc = this.addDoc.bind(this);
+
+ this.state = {
+ loading: true,
+ data: [],
+ search: '',
+ newWindowOpen: false,
+ editWindowOpen: false
+ }
+
+ //Styles
+ this.styles = this.getStyles();
+ this.sheet = jss.createStyleSheet(this.styles);
+ const {classes} = this.sheet.attach();
+ this.classes = classes;
+ //Styles
+ }
+
+
+ componentDidMount() {
+ this.fetchData();
+ }
+
+
+ componentWillUnmount() {
+ this.sheet.detach()
+ }
+
+
+ onChangeInput(e) {
+ //input changes, including search
+
+ this.setState({
+ [e.target.name]: e.target.value
+ });
+ }
+
+
+ toggleNewWindow() {
+ //Open window to add a new doc
+
+ this.setState({
+ newWindowOpen: !this.state.newWindowOpen
+ });
+ }
+
+
+ toggleEditWindow(index) {
+ //Open window to add a new password doc
+
+ this.setState({
+ editWindowOpen: !this.state.editWindowOpen,
+ editIndex: index
+ });
+ }
+
+
+ addDoc(data) {
+ //Add a new doc locally so no new data transfer from firestore
+ //is needed
+ var newArr = [];
+ newArr[0] = data;
+ newArr = newArr.concat(this.state.data);
+ this.setState({
+ data: newArr
+ });
+ }
+
+
+ updateDoc(data, editIndex) {
+ //Update a doc locally with the new values
+ var newArr = this.state.data;
+ newArr[editIndex] = data;
+ this.setState({
+ data: newArr
+ });
+ }
+
+
+ deleteDoc(editIndex) {
+ //Delete doc locally
+
+ var newArr = [];
+ this.state.data.forEach(function(element, index) {
+ if(index !== editIndex) {
+ newArr.push(element);
+ }
+ });
+ this.setState({
+ data: newArr
+ });
+ }
+
+
+ fetchData() {
+ //Gets item list from firestore and
+ //Writes in this.state
+
+ const uid = this.stores.authStore.userData.uid;
+
+ db.collection("csgoskins/"+uid+"/csgoskins").orderBy("status", "asc").get().then((querySnapshot) => {
+ var arr = [];
+ querySnapshot.forEach((doc) => {
+ const data = doc.data();
+ arr.push(Object.assign(data, {id:doc.id}));
+ });
+ this.setState({
+ data: arr,
+ loading: false
+ });
+ }).catch(function() {
+ alertify.error("Data could not be loaded. Please check your internet connection");
+ });
+ }
+
+
+ displayData(dataList) {
+ //Returns array with all table row components
+ var components = [];
+
+ var toggleEditWindow = () => {};
+ var soldfor;
+ var status;
+ var diff;
+ var diffComponent;
+
+ dataList.forEach((element, index) => {
+ if(element.item.toLowerCase().includes(this.state.search.toLowerCase())) {
+ toggleEditWindow = () => {
+ this.toggleEditWindow(index);
+ }
+
+ //Generate literal status from numerical status
+ soldfor = element.status != 0 ? element.soldfor : '-';
+ status = {
+ 0: Owned,
+ 1: Pending,
+ 2: Sold
+ }[element.status];
+
+ //View win under soldfor
+ diff = Math.round((element.soldfor-element.boughtfor)*100)/100;
+ diffComponent = null;
+ if(element.status == 2) {
+ if(diff > 0) {
+ diffComponent = + {diff}
;
+ } else if(diff < 0) {
+ diffComponent = - {-diff}
;
+ } else {
+ diffComponent = +/- 0
;
+ }
+ }
+
+ components.push(
+ + {totalDiff}
;
+ } else if(totalDiff < 0) {
+ totalDiffComponent = - {-totalDiff}
;
+ } else {
+ totalDiffComponent = +/- 0
;
+ }
+
+ return(
+
+ { this.state.newWindowOpen ?
+
+
+
+
+ );
+ }
+
+
+ getStyles() {
+ return {
+
+ }
+ }
+ }
+));
+
+export default CsgoSkins;
diff --git a/src/pages/home/Home.js b/src/pages/home/Home.js
index 1bab6e3..162ff85 100644
--- a/src/pages/home/Home.js
+++ b/src/pages/home/Home.js
@@ -59,9 +59,7 @@ class Home extends Component {
- You are signed in on alexbell.ninja. What can you do here?
- Well, I like developing software in my freetime, mainly applications
- for my personal use. They might also be of advantage for you, so feel free
+ Yo, what's up? Ninja here! What can you do here? Feel free
to browse around a little and try some of what you can find here :)
@@ -314,6 +314,7 @@ const PasswordManager = inject("rootStore") ( observer(
onChange={this.onChangeInput}
iconPosition='left'
transparent
+ autoComplete="off"
>
- How does it work? Is it safe?
-
-
-
-
);
}
- I ask you to give an encryption key. Once you set that key you can create a new password which is then encrypted with that key. -
-- The password is then saved in the encrypted form on the database in the internet, which means that nobody (not even me) can read your password unless that person knows the key. In other words: The password is completely safe and solely accessible by you and only you! -
-- To decrypt your passwords simply type in the encryption key and all your passwords in your list are displayed correctly and readable in the form you had set them. -
--
- I advise you to choose one encryption key and use it for all your passwords in your list. Why? Using the same key makes decrypting easier for you because all entries are being decrypted correctly at the same time by using one single key. -
--
- For nerds: AES (Rijndael cipher) - encrypted with a 128 bits key, 10 rounds and a blocksize of 128 bits. Established by the U.S. NIST in 2001 and approved by the NSA for "top secret" information. -