Added the 'cd' command, and improved the view a bit.

.gitignore

@@ -2,7 +2,7 @@
 /public/hot
 /public/js
 /public/css
-/public/storage/*
+/public/storage
 /public/assets
 /storage/*.key
 /vendor

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 />
-          <br />
+      </span>
-          {{ res.text }}
+      <span v-for="(res, d) in result" :key="`res-${d}`">
-          <span v-if="res.field">
+        <br />
-            <span v-if="res.password">
+        {{ res.text }}
-              <span v-if="res.active">
+        <span v-if="res.field">
-                <input
+          <span v-if="res.password">
-                  :key="i"
+            <span v-if="res.active">
-                  password="password"
+              <input
-                  spellcheck="false"
+                :key="d"
-                  type="text"
+                password="password"
-                  class="inputField"
+                autofocus
-                  v-model="res.command"
+                spellcheck="false"
-                  @keyup.enter="execContinue(res.command, i)"
+                type="text"
-                />
+                class="inputField"
-              </span>
+                v-model="res.command"
-              <span v-else>
+                @keyup.enter="execContinue(res.command, d)"
-                <input
+              />
-                  :key="i"
-                  password="password"
-                  disabled
-                  spellcheck="false"
-                  type="text"
-                  class="inputField"
-                  v-model="res.command"
-                  @keyup.enter="execContinue(res.command, i)"
-                />
-              </span>
             </span>
             <span v-else>
-              <span v-if="res.active">
+              <input
-                <input
+                :key="d"
-                  :key="i"
+                password="password"
-                  spellcheck="false"
+                disabled
-                  type="text"
+                spellcheck="false"
-                  class="inputField"
+                type="text"
-                  v-model="res.command"
+                class="inputField"
-                  @keyup.enter="execContinue(res.command, i)"
+                v-model="res.command"
-                />
+                @keyup.enter="execContinue(res.command, d)"
-              </span>
+              />
-              <span v-else>
+            </span>
-                <input
+          </span>
-                  :key="i"
+          <span v-else>
-                  disabled
+            <span v-if="res.active">
-                  spellcheck="false"
+              <input
-                  type="text"
+                :key="d"
-                  class="inputField"
+                spellcheck="false"
-                  v-model="res.command"
+                autofocus
-                  @keyup.enter="execContinue(res.command, i)"
+                type="text"
-                />
+                class="inputField"
-              </span>
+                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 = [];
     }
   }
 }