From 73b2bf987c0180364f339e9ed11b02d010cc8185 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=86=E3=82=AF=E3=83=8B=E3=82=AB=E3=83=AB=E8=AB=8F?=
 =?UTF-8?q?=E8=A8=AA=E5=AD=90?= <david@sudomail.ne.jp>
Date: Fri, 9 Mar 2018 19:53:19 +0900
Subject: [PATCH] Added the 'cd' command, and improved the view a bit.

---
 .gitignore                             |   2 +-
 resources/assets/js/components/cli.vue | 129 +++++++++++++++----------
 2 files changed, 78 insertions(+), 53 deletions(-)

diff --git a/.gitignore b/.gitignore
index 8db958f..fac8cac 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,7 +2,7 @@
 /public/hot
 /public/js
 /public/css
-/public/storage/*
+/public/storage
 /public/assets
 /storage/*.key
 /vendor
diff --git a/resources/assets/js/components/cli.vue b/resources/assets/js/components/cli.vue
index 7a4bb29..6065ff3 100644
--- a/resources/assets/js/components/cli.vue
+++ b/resources/assets/js/components/cli.vue
@@ -1,13 +1,14 @@
 <template>
   <div>
-    <span v-for="(l, i) in line" :key="`l-${i}`">
-      <span class="regText">
+    <span class="regText">
+      <span v-for="(l, i) in line" :key="`l-${i}`">
         <span class="regBold">
           {{ l.username }}@{{ l.hostname }}:<span class="pathText">{{ l.path }}</span>
         </span>$
         <span v-if="l.active">
           <input
             :key="i"
+            autofocus
             spellcheck="false"
             type="text"
             class="inputField"
@@ -26,57 +27,60 @@
             @keyup.enter="exec(l.command, i)"
           />
         </span>
-        <span v-for="(res, d) in result" :key="`res-${d}`">
-          <br />
-          {{ res.text }}
-          <span v-if="res.field">
-            <span v-if="res.password">
-              <span v-if="res.active">
-                <input
-                  :key="i"
-                  password="password"
-                  spellcheck="false"
-                  type="text"
-                  class="inputField"
-                  v-model="res.command"
-                  @keyup.enter="execContinue(res.command, i)"
-                />
-              </span>
-              <span v-else>
-                <input
-                  :key="i"
-                  password="password"
-                  disabled
-                  spellcheck="false"
-                  type="text"
-                  class="inputField"
-                  v-model="res.command"
-                  @keyup.enter="execContinue(res.command, i)"
-                />
-              </span>
+        <br />
+      </span>
+      <span v-for="(res, d) in result" :key="`res-${d}`">
+        <br />
+        {{ res.text }}
+        <span v-if="res.field">
+          <span v-if="res.password">
+            <span v-if="res.active">
+              <input
+                :key="d"
+                password="password"
+                autofocus
+                spellcheck="false"
+                type="text"
+                class="inputField"
+                v-model="res.command"
+                @keyup.enter="execContinue(res.command, d)"
+              />
             </span>
             <span v-else>
-              <span v-if="res.active">
-                <input
-                  :key="i"
-                  spellcheck="false"
-                  type="text"
-                  class="inputField"
-                  v-model="res.command"
-                  @keyup.enter="execContinue(res.command, i)"
-                />
-              </span>
-              <span v-else>
-                <input
-                  :key="i"
-                  disabled
-                  spellcheck="false"
-                  type="text"
-                  class="inputField"
-                  v-model="res.command"
-                  @keyup.enter="execContinue(res.command, i)"
-                />
-              </span>
+              <input
+                :key="d"
+                password="password"
+                disabled
+                spellcheck="false"
+                type="text"
+                class="inputField"
+                v-model="res.command"
+                @keyup.enter="execContinue(res.command, d)"
+              />
+            </span>
+          </span>
+          <span v-else>
+            <span v-if="res.active">
+              <input
+                :key="d"
+                spellcheck="false"
+                autofocus
+                type="text"
+                class="inputField"
+                v-model="res.command"
+                @keyup.enter="execContinue(res.command, d)"
+              />
+            </span>
+            <span v-else>
+              <input
+                :key="d"
+                disabled
+                spellcheck="false"
+                type="text"
+                class="inputField"
+                v-model="res.command"
+                @keyup.enter="execContinue(res.command, d)"
+              />
             </span>
           </span>
         <br />
@@ -136,13 +140,18 @@ export default {
       var arg = text.split(' ');
 
       if (arg[0] === 'ls') this.ls(this.line[key].path);
+      else if (arg[0] === 'cd') this.cd(arg[1]);
+      else if (arg[0] === 'clear') this.clear();
       else this.result.push({
         active: true,
         text: arg[0] + ': コマンドは見つかれません。',
         field: false,
         password: false,
         command: ''
-      })
+      });
+
+console.log('Line', this.line);
+console.log('Res', this.result);
 
       this.line.push({
         active: true,
@@ -164,6 +173,22 @@ export default {
           command: ''
         })
       })
+    },
+    cd(pwd) {
+      if (pwd === '/fuck' || pwd === 'fuck') this.result.push({
+        active: true,
+        text: 'bash: cd: ' + pwd + ': このファイルまたはフォルダがありません。',
+        field: false,
+        password: false,
+        command: ''
+      });
+      if (!pwd.startsWith('/')) pwd = '/' + pwd;
+
+      this.pwd = pwd;
+    },
+    clear() {
+      this.line = [];
+      this.result = [];
     }
   }
 }