Merge pull request #57 from PacketHelper/format-endline

Add Information window

jsconfig.json

@@ -0,0 +1,5 @@
+{
+    "include": [
+      "./src/**/*"
+    ]
+}

src/App.vue

@@ -26,7 +26,7 @@
                 ><v-badge color="red" content="New">Simple Diff</v-badge></v-btn
               ></router-link
             >
-            <v-btn text disabled>Visual</v-btn>
+            <!-- <v-btn text disabled>Visual</v-btn> -->
             <router-link to="/creator"
               ><v-btn text
                 ><v-badge content="Preview">Creator</v-badge></v-btn
@@ -36,6 +36,42 @@
             <v-btn text disabled
               >"Craft packets before, packets craft you" 🐱‍👤
             </v-btn>
+            <v-dialog v-model="dialog" width="500">
+              <template v-slot:activator="{ on, attrs }">
+                <v-icon color="grey" v-bind="attrs" v-on="on">
+                  mdi-help-circle
+                </v-icon>
+              </template>
+
+              <v-card>
+                <v-card-title> About PacketHelper.com </v-card-title>
+                <v-card-subtitle>
+                  "Craft packets before, packets craft you" 🐱‍👤
+                </v-card-subtitle>
+                <v-card-text>
+                  The application has been prepared to facilitate the work of
+                  all those who work with internet packages on a daily basis. If
+                  you program in P4 Lang at your work, use the PTF framework or
+                  you don't know what happened to your package during the
+                  laboratories at the university.
+                  <br /><br />Find us at:<br />
+                  <a href="https://github.com/PacketHelper/packet-helper-next"
+                    ><v-icon>mdi-github</v-icon> GitHub
+                    PacketHelper/packet-helper-next</a
+                  >
+                </v-card-text>
+                <v-card-actions>
+                  <v-spacer></v-spacer>
+                  <v-card-text>{{ this.revision }}</v-card-text>
+                  <v-btn text :href="this.getLinkToLatestRelease()">
+                    Latest version {{ this.version }}
+                  </v-btn>
+                  <v-btn color="primary" text @click="dialog = false">
+                    Close
+                  </v-btn>
+                </v-card-actions>
+              </v-card>
+            </v-dialog>
           </v-toolbar>
         </v-container>
       </v-app-bar>
@@ -71,6 +107,7 @@ export default {
     return {
       version: 0,
       revision: "dev",
+      dialog: false,
     };
   },
   methods: {
@@ -79,6 +116,15 @@ export default {
       this.version = info["version"];
       this.revision = info["revision"];
     },
+    getLinkToLatestRelease() {
+      if (this.version === 0) {
+        return "https://github.com/PacketHelper/packet-helper-next";
+      }
+      return (
+        "https://github.com/PacketHelper/packet-helper-next/releases/tag/" +
+        this.version
+      );
+    },
   },
   mounted() {
     this.getInfo();

yarn.lock

@@ -10287,11 +10287,6 @@ terser@^4.1.2:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
-text-diff@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/text-diff/-/text-diff-1.0.1.tgz#6c105905435e337857375c9d2f6ca63e453ff565"
-  integrity sha1-bBBZBUNeM3hXN1ydL2ymPkU/9WU=
-
 text-extensions@^1.0.0:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/text-extensions/-/text-extensions-1.9.0.tgz#1853e45fee39c945ce6f6c36b2d659b5aabc2a26"