Merge pull request #44 from CodeDead/feature/vault-user

feature/vault-user

Author: CodeDead

src/components/CreatePasswordDialog/index.jsx

@@ -39,6 +39,7 @@ const CreatePasswordDialog = ({ open, onCreate, onClose }) => {
   const [title, setTitle] = useState('');
   const [description, setDescription] = useState('');
   const [url, setUrl] = useState('');
+  const [username, setUsername] = useState('');
   const [password, setPassword] = useState('');
   const [showPassword, setShowPassword] = useState(false);
 
@@ -67,14 +68,15 @@ const CreatePasswordDialog = ({ open, onCreate, onClose }) => {
     setDescription('');
     setUrl('');
     setPassword('');
+    setUsername('');
   };
 
   /**
    * Create a new vault
    */
   const create = () => {
     if (onCreate) {
-      onCreate(title, description, url, password);
+      onCreate(title, description, url, username, password);
     }
     handleClose();
   };
@@ -151,6 +153,18 @@ const CreatePasswordDialog = ({ open, onCreate, onClose }) => {
               fullWidth
             />
           </Grid>
+          <Grid item xs={12} md={12} lg={12}>
+            <TextField
+              value={username}
+              type="text"
+              label={language.username}
+              onChange={(e) => setUsername(e.target.value)}
+              onKeyUp={handleKeyUp}
+              autoComplete="off"
+              variant="outlined"
+              fullWidth
+            />
+          </Grid>
           <Grid item xs={12} md={8} lg={8}>
             <TextField
               value={password}

src/components/EditPasswordDialog/index.jsx

@@ -42,6 +42,7 @@ const EditPasswordDialog = ({
   const [description, setDescription] = useState(data && data.description ? data.description : '');
   const [url, setUrl] = useState(data && data.url ? data.url : '');
   const [password, setPassword] = useState(data && data.password ? data.password : '');
+  const [username, setUsername] = useState(data && data.username ? data.username : '');
   const [showPassword, setShowPassword] = useState(false);
 
   const simpleCharacterSet = getFullCharacterSet(
@@ -72,7 +73,7 @@ const EditPasswordDialog = ({
    */
   const save = () => {
     if (onSave) {
-      onSave(data.id, title, description, url, password);
+      onSave(data.id, title, description, url, username, password);
     }
     handleClose();
   };
@@ -149,6 +150,18 @@ const EditPasswordDialog = ({
               fullWidth
             />
           </Grid>
+          <Grid item xs={12} md={12} lg={12}>
+            <TextField
+              value={username}
+              type="text"
+              label={language.username}
+              onChange={(e) => setUsername(e.target.value)}
+              onKeyUp={handleKeyUp}
+              autoComplete="off"
+              variant="outlined"
+              fullWidth
+            />
+          </Grid>
           <Grid item xs={12} md={8} lg={8}>
             <TextField
               value={password}

src/languages/de_de.json

@@ -99,5 +99,6 @@
   "close": "Schließen",
   "copy": "Kopieren",
   "createOrOpenVault": "Erstellen oder öffnen Sie einen Tresor",
-  "selectFile": "Datei auswählen"
+  "selectFile": "Datei auswählen",
+  "username": "Benutzername"
 }

src/languages/en_us.json

@@ -99,5 +99,6 @@
   "close": "Close",
   "copy": "Copy",
   "createOrOpenVault": "Create or open a vault",
-  "selectFile": "Select file"
+  "selectFile": "Select file",
+  "username": "Username"
 }

src/languages/fr_fr.json

@@ -99,5 +99,6 @@
   "close": "Fermer",
   "copy": "Copier",
   "createOrOpenVault": "Créer ou ouvrir un coffre-fort",
-  "selectFile": "Sélectionner un fichier"
+  "selectFile": "Sélectionner un fichier",
+  "username": "Nom d'utilisateur"
 }

src/languages/jp_jp.json

@@ -99,5 +99,6 @@
   "close": "閉じる",
   "copy": "コピー",
   "createOrOpenVault": "金庫を作成または開く",
-  "selectFile": "ファイルを選択"
+  "selectFile": "ファイルを選択",
+  "username": "ユーザー名"
 }

src/languages/nl_nl.json

@@ -99,5 +99,6 @@
   "close": "Sluiten",
   "copy": "Kopiëren",
   "createOrOpenVault": "Maak een nieuwe kluis of open een bestaande kluis",
-  "selectFile": "Selecteer een bestand"
+  "selectFile": "Selecteer een bestand",
+  "username": "Gebruikersnaam"
 }

src/languages/ru_ru.json

@@ -99,5 +99,6 @@
   "close": "Закрыть",
   "copy": "Копировать",
   "createOrOpenVault": "Создать или открыть сейф",
-  "selectFile": "Выбрать файл"
+  "selectFile": "Выбрать файл",
+  "username": "Имя пользователя"
 }

src/languages/zh_cn.json

@@ -99,5 +99,6 @@
   "close": "关闭",
   "copy": "复制",
   "createOrOpenVault": "创建或打开保险库",
-  "selectFile": "选择文件"
+  "selectFile": "选择文件",
+  "username": "用户名"
 }

src/routes/Vault/index.jsx

@@ -141,13 +141,14 @@ const Vault = () => {
    * @param title The title
    * @param description The description
    * @param url The URL
+   * @param username The username
    * @param password The password
    */
-  const addPassword = (title, description, url, password) => {
+  const addPassword = (title, description, url, username, password) => {
     const id = uuidv4();
     const newVault = JSON.parse(JSON.stringify(vault));
     newVault.push({
-      id, title, description, url, password,
+      id, title, description, url, username, password,
     });
     d3(setVault(newVault));
   };
@@ -202,14 +203,16 @@ const Vault = () => {
    * @param title The new title
    * @param description The new description
    * @param url The new URL
+   * @param username The new username
    * @param password The new password
    */
-  const editPassword = (id, title, description, url, password) => {
+  const editPassword = (id, title, description, url, username, password) => {
     const newVault = JSON.parse(JSON.stringify(vault));
     newVault.filter((e) => e.id === id).forEach((e) => {
       e.title = title;
       e.description = description;
       e.url = url;
+      e.username = username;
       e.password = password;
     });
     d3(setVault(newVault));
@@ -281,7 +284,8 @@ const Vault = () => {
     const filteredVault = search && search.length > 0
       ? vault.filter((e) => e.title.toLowerCase().includes(search.toLowerCase())
         || e.description.toLowerCase().includes(search.toLowerCase())
-        || e.url.toLowerCase().includes(search.toLowerCase()))
+        || e.url.toLowerCase().includes(search.toLowerCase())
+        || e.username.toLowerCase().includes(search.toLowerCase()))
       : vault;
 
     if (!filteredVault || filteredVault.length === 0) {