Add phpinfo

src/views/general/HumansTxt.vue

@@ -1,78 +1,174 @@
 <template>
   <h2 class="tool-title">humans.txt generator</h2>
-  <hr class="mt-5 mb-5">
+  <hr class="mt-5 mb-5" />
 
   <div class="input-group">
-    <label>Team
+    <label
+      >Team
       <button @click="addTeamGroup">＋</button>
     </label>
-    <div class="humans-group" v-for="(group, groupIndex) in toolData.team" :key="groupIndex">
+    <div
+      class="humans-group"
+      v-for="(group, groupIndex) in toolData.team"
+      :key="groupIndex"
+    >
       <div v-for="(field, fieldIndex) in group" :key="fieldIndex">
-        <input class="input" v-model="field.key" v-on:keyup="result" placeholder="Key" type="text">
-        <input class="input" v-model="field.value" v-on:keyup="result" placeholder="Value" type="text">
+        <input
+          class="input"
+          v-model="field.key"
+          v-on:keyup="result"
+          placeholder="Key"
+          type="text"
+        />
+        <input
+          class="input"
+          v-model="field.value"
+          v-on:keyup="result"
+          placeholder="Value"
+          type="text"
+        />
         <button @click="removeTeamField(groupIndex, fieldIndex)">🞩</button>
-        <button @click="moveTeamFieldUp(groupIndex, fieldIndex)" v-show="fieldIndex !== 0">↑</button>
-        <button @click="moveTeamFieldDown(groupIndex, fieldIndex)" v-show="fieldIndex !== group.length - 1">↓</button>
+        <button
+          @click="moveTeamFieldUp(groupIndex, fieldIndex)"
+          v-show="fieldIndex !== 0"
+        >
+          ↑
+        </button>
+        <button
+          @click="moveTeamFieldDown(groupIndex, fieldIndex)"
+          v-show="fieldIndex !== group.length - 1"
+        >
+          ↓
+        </button>
       </div>
 
       <button @click="addTeamField(groupIndex)">＋</button>
       <button @click="removeTeamGroup(groupIndex)">🞩</button>
-      <button @click="moveTeamGroupUp(groupIndex)" v-show="groupIndex !== 0">↑</button>
-      <button @click="moveTeamGroupDown(groupIndex)" v-show="groupIndex !== toolData.team.length - 1">↓</button>
+      <button @click="moveTeamGroupUp(groupIndex)" v-show="groupIndex !== 0">
+        ↑
+      </button>
+      <button
+        @click="moveTeamGroupDown(groupIndex)"
+        v-show="groupIndex !== toolData.team.length - 1"
+      >
+        ↓
+      </button>
     </div>
   </div>
 
-  <hr class="mt-5 mb-5">
+  <hr class="mt-5 mb-5" />
 
   <div class="input-group">
-    <label>Thanks
+    <label
+      >Thanks
       <button @click="addThanksGroup">＋</button>
     </label>
-    <div class="humans-group" v-for="(group, groupIndex) in toolData.thanks" :key="groupIndex">
+    <div
+      class="humans-group"
+      v-for="(group, groupIndex) in toolData.thanks"
+      :key="groupIndex"
+    >
       <div v-for="(field, fieldIndex) in group" :key="fieldIndex">
-        <input class="input" v-model="field.key" v-on:keyup="result" placeholder="Key" type="text">
-        <input class="input" v-model="field.value" v-on:keyup="result" placeholder="Value" type="text">
+        <input
+          class="input"
+          v-model="field.key"
+          v-on:keyup="result"
+          placeholder="Key"
+          type="text"
+        />
+        <input
+          class="input"
+          v-model="field.value"
+          v-on:keyup="result"
+          placeholder="Value"
+          type="text"
+        />
         <button @click="removeThanksField(groupIndex, fieldIndex)">🞩</button>
-        <button @click="moveThanksFieldUp(groupIndex, fieldIndex)" v-show="fieldIndex !== 0">↑</button>
-        <button @click="moveThanksFieldDown(groupIndex, fieldIndex)" v-show="fieldIndex !== group.length - 1">↓</button>
+        <button
+          @click="moveThanksFieldUp(groupIndex, fieldIndex)"
+          v-show="fieldIndex !== 0"
+        >
+          ↑
+        </button>
+        <button
+          @click="moveThanksFieldDown(groupIndex, fieldIndex)"
+          v-show="fieldIndex !== group.length - 1"
+        >
+          ↓
+        </button>
       </div>
 
       <button @click="addThanksField(groupIndex)">＋</button>
       <button @click="removeThanksGroup(groupIndex)">🞩</button>
-      <button @click="moveThanksGroupUp(groupIndex)" v-show="groupIndex !== 0">↑</button>
-      <button @click="moveThanksGroupDown(groupIndex)" v-show="groupIndex !== toolData.thanks.length - 1">↓</button>
+      <button @click="moveThanksGroupUp(groupIndex)" v-show="groupIndex !== 0">
+        ↑
+      </button>
+      <button
+        @click="moveThanksGroupDown(groupIndex)"
+        v-show="groupIndex !== toolData.thanks.length - 1"
+      >
+        ↓
+      </button>
     </div>
   </div>
 
-  <hr class="mt-5 mb-5">
+  <hr class="mt-5 mb-5" />
 
   <div class="input-group">
-    <label>Site info
+    <label
+      >Site info
       <button @click="addSite">＋</button>
     </label>
     <div v-for="(info, fieldIndex) in toolData.site" :key="fieldIndex">
-      <input class="input" v-model="info.key" v-on:keyup="result" placeholder="Key" type="text">
-      <input class="input" v-model="info.value" v-on:keyup="result" placeholder="Value" type="text">
+      <input
+        class="input"
+        v-model="info.key"
+        v-on:keyup="result"
+        placeholder="Key"
+        type="text"
+      />
+      <input
+        class="input"
+        v-model="info.value"
+        v-on:keyup="result"
+        placeholder="Value"
+        type="text"
+      />
       <button @click="removeSiteField(fieldIndex)">🞩</button>
-      <button @click="moveSiteUp(fieldIndex)" v-show="fieldIndex !== 0">↑</button>
-      <button @click="moveSiteDown(fieldIndex)" v-show="fieldIndex !== toolData.site.length - 1">↓</button>
+      <button @click="moveSiteUp(fieldIndex)" v-show="fieldIndex !== 0">
+        ↑
+      </button>
+      <button
+        @click="moveSiteDown(fieldIndex)"
+        v-show="fieldIndex !== toolData.site.length - 1"
+      >
+        ↓
+      </button>
     </div>
   </div>
 
-  <hr class="mt-5 mb-5">
+  <hr class="mt-5 mb-5" />
 
   <div class="input-group">
-    <label>Import humans.txt
+    <label
+      >Import humans.txt
       <button @click="importHumans">Import</button>
     </label>
-    <textarea v-model="toolData.importedHumansTxt" style="height: 250px"></textarea>
+    <textarea
+      v-model="toolData.importedHumansTxt"
+      style="height: 250px"
+    ></textarea>
   </div>
 
-  <hr class="mt-5 mb-5">
+  <hr class="mt-5 mb-5" />
 
   <div class="input-group">
     <label for="result">Result</label>
-    <MonacoEditor name="result" language="text" :value="toolResult"></MonacoEditor>
+    <MonacoEditor
+      name="result"
+      language="text"
+      :value="toolResult"
+    ></MonacoEditor>
   </div>
 </template>
 
@@ -81,27 +177,17 @@ import MonacoEditor from "@/components/MonacoEditor.vue";
 
 export default {
   components: {
-    MonacoEditor
+    MonacoEditor,
   },
   data() {
     return {
       toolData: {
-        team: [
-          [
-            { key: "", value: "" }
-          ]
-        ],
-        thanks: [
-          [
-            { key: "", value: "" }
-          ]
-        ],
-        site: [
-          { key: "", value: "" }
-        ],
-        importedHumansTxt: ""
+        team: [[{ key: "", value: "" }]],
+        thanks: [[{ key: "", value: "" }]],
+        site: [{ key: "", value: "" }],
+        importedHumansTxt: "",
       },
-      toolResult: ""
+      toolResult: "",
     };
   },
   mounted() {
@@ -152,7 +238,8 @@ export default {
     moveTeamFieldUp(groupIndex, fieldIndex) {
       if (fieldIndex > 0) {
         const temp = this.toolData.team[groupIndex][fieldIndex];
-        this.toolData.team[groupIndex][fieldIndex] = this.toolData.team[groupIndex][fieldIndex - 1];
+        this.toolData.team[groupIndex][fieldIndex] =
+          this.toolData.team[groupIndex][fieldIndex - 1];
         this.toolData.team[groupIndex][fieldIndex - 1] = temp;
       }
 
@@ -161,7 +248,8 @@ export default {
     moveTeamFieldDown(groupIndex, fieldIndex) {
       if (fieldIndex < this.toolData.team[groupIndex].length - 1) {
         const temp = this.toolData.team[groupIndex][fieldIndex];
-        this.toolData.team[groupIndex][fieldIndex] = this.toolData.team[groupIndex][fieldIndex + 1];
+        this.toolData.team[groupIndex][fieldIndex] =
+          this.toolData.team[groupIndex][fieldIndex + 1];
         this.toolData.team[groupIndex][fieldIndex + 1] = temp;
       }
 
@@ -211,7 +299,8 @@ export default {
     moveThanksFieldUp(groupIndex, fieldIndex) {
       if (fieldIndex > 0) {
         const temp = this.toolData.thanks[groupIndex][fieldIndex];
-        this.toolData.thanks[groupIndex][fieldIndex] = this.toolData.thanks[groupIndex][fieldIndex - 1];
+        this.toolData.thanks[groupIndex][fieldIndex] =
+          this.toolData.thanks[groupIndex][fieldIndex - 1];
         this.toolData.thanks[groupIndex][fieldIndex - 1] = temp;
       }
 
@@ -220,7 +309,8 @@ export default {
     moveThanksFieldDown(groupIndex, fieldIndex) {
       if (fieldIndex < this.toolData.thanks[groupIndex].length - 1) {
         const temp = this.toolData.thanks[groupIndex][fieldIndex];
-        this.toolData.thanks[groupIndex][fieldIndex] = this.toolData.thanks[groupIndex][fieldIndex + 1];
+        this.toolData.thanks[groupIndex][fieldIndex] =
+          this.toolData.thanks[groupIndex][fieldIndex + 1];
         this.toolData.thanks[groupIndex][fieldIndex + 1] = temp;
       }
 
@@ -272,7 +362,9 @@ export default {
       for (const line of lines) {
         if (line.toLowerCase().startsWith("/* TEAM */".toLowerCase())) {
           currentSection = "team";
-        } else if (line.toLowerCase().startsWith("/* THANKS */".toLowerCase())) {
+        } else if (
+          line.toLowerCase().startsWith("/* THANKS */".toLowerCase())
+        ) {
           currentSection = "thanks";
         } else if (line.toLowerCase().startsWith("/* SITE */".toLowerCase())) {
           currentSection = "site";
@@ -353,8 +445,8 @@ export default {
       }
 
       this.toolResult = output;
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -366,6 +458,4 @@ export default {
 .humans-group:nth-child(odd) {
   background-color: #f7f7f7;
 }
-
-
-</style>
+</style>

src/views/general/TableToMarkdownTable.vue

@@ -1,6 +1,6 @@
 <template>
   <h2 class="tool-title">Table to Markdown table</h2>
-  <hr class="mt-5 mb-5">
+  <hr class="mt-5 mb-5" />
 
   <div class="input-group">
     <label for="data">Data (paste from excel)</label>
@@ -20,16 +20,26 @@
     <label>Transpose table</label>
 
     <div>
-      <input id="transpose" name="transpose" v-model="toolData.transpose" v-on:change="result" type="checkbox"> <label
-      for="transpose">transpose</label>
+      <input
+        id="transpose"
+        name="transpose"
+        v-model="toolData.transpose"
+        v-on:change="result"
+        type="checkbox"
+      />
+      <label for="transpose">transpose</label>
     </div>
   </div>
 
-  <hr class="mt-5 mb-5">
+  <hr class="mt-5 mb-5" />
 
   <div class="input-group">
     <label for="result">Result</label>
-    <MonacoEditor name="result" language="text" :value="toolResult"></MonacoEditor>
+    <MonacoEditor
+      name="result"
+      language="text"
+      :value="toolResult"
+    ></MonacoEditor>
   </div>
 </template>
 
@@ -39,16 +49,16 @@ import MonacoEditor from "@/components/MonacoEditor.vue";
 
 export default {
   components: {
-    MonacoEditor
+    MonacoEditor,
   },
   data() {
     return {
       toolData: {
         data: "",
         selectedStyle: "",
-        transpose: false
+        transpose: false,
       },
-      toolResult: ""
+      toolResult: "",
     };
   },
   methods: {
@@ -92,11 +102,9 @@ export default {
       }
 
       this.toolResult = output;
-    }
-  }
+    },
+  },
 };
 </script>
 
-<style lang="scss">
-
-</style>
+<style lang="scss"></style>

src/views/general/TableToMediawikiTable.vue

@@ -1,17 +1,21 @@
 <template>
   <h2 class="tool-title">Table to Mediawiki table</h2>
-  <hr class="mt-5 mb-5">
+  <hr class="mt-5 mb-5" />
 
   <div class="input-group">
     <label for="data">Data (paste from excel)</label>
     <textarea id="data" v-model="toolData.data" v-on:keyup="result"></textarea>
   </div>
 
-  <hr class="mt-5 mb-5">
+  <hr class="mt-5 mb-5" />
 
   <div class="input-group">
     <label for="result">Result</label>
-    <MonacoEditor name="result" language="text" :value="toolResult"></MonacoEditor>
+    <MonacoEditor
+      name="result"
+      language="text"
+      :value="toolResult"
+    ></MonacoEditor>
   </div>
 </template>
 
@@ -21,19 +25,19 @@ import MonacoEditor from "@/components/MonacoEditor.vue";
 
 export default {
   components: {
-    MonacoEditor
+    MonacoEditor,
   },
   data() {
     return {
       toolData: {
-        data: ""
+        data: "",
       },
-      toolResult: ""
+      toolResult: "",
     };
   },
   methods: {
     result() {
-      let output = "{| class=\"wikitable\"\n";
+      let output = '{| class="wikitable"\n';
 
       const rows = unproxy(this.toolData.data).split("\n");
       for (let i = 0; i < rows.length; i++) {
@@ -49,11 +53,9 @@ export default {
       output += "|}";
 
       this.toolResult = output;
-    }
-  }
+    },
+  },
 };
 </script>
 
-<style lang="scss">
-
-</style>
+<style lang="scss"></style>