Updated some small things and edited README and some issue templates

.github/CONTRIBUTING.md

@@ -1,10 +0,0 @@
-## Making Changes
-
-Depending on your changes there are certain rules you have to follow if you expect your Pull Request (PR) to be merged.
-
-1. Check for existing pull requests that might already implement your changes.  
-    You can review those pull requests with your suggestions for improvements.
-1. Reference documentation or issues that are relevant to your changes.  
-1. If you implement a new feature, include some examples on how you intend it to be used in your PR description.
-1. Write documentation for all public API methods and types.
-1. Follow the coding style, even if unconventional, we want to keep it consistent to maintain readability.

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -1,13 +1,6 @@
 name: Bug Report
 description: Found a Bug that needs to be fixed?
 body:
-- type: markdown
-  attributes:
-    value: |-
-      Please join the [Discord Server](https://discord.gg/0hMr4ce0tIl3SLv5) for questions or ask them in [our Discussions](https://github.com/discord-jda/JDA/discussions).
-      
-      Keep in mind that this isn't the place to learn Java.  
-      Please head over to [Stack Overflow](https://stackoverflow.com/questions/tagged/java) for your general programming questions.
 - type: checkboxes
   attributes:
     label: General Troubleshooting
@@ -17,50 +10,19 @@ body:
         required: true
       - label: I have checked for PRs that might already address this issue.
         required: true
-- type: input
-  attributes:
-    label: "Version of JDA"
-    description: |
-      Please let us know, which specific version of JDA you used.
-      If your version is outdated, maybe try updating and see if that already fixes your problem.
-      You can see the latest version in the [Releases](https://github.com/discord-jda/JDA/releases).
-      To find out your version, you can add `System.out.println(JDAInfo.VERSION);` in your code.
-    placeholder: "For example 5.0.0-beta.7"
-  validations:
-    required: true
 - type: textarea
   attributes:
     label: "Expected Behaviour"
-    description: "What did you expect JDA to do?"
+    description: "What did you expect the program to do?"
-    placeholder: "JDA should do ..."
+    placeholder: "Webserver should do ..."
   validations:
     required: true
 - type: textarea
   attributes:
-    label: "Code Example for Reproduction Steps"
+    label: "Reproduction Steps"
     description: |-
-      Please add the code you use to reproduce this problem.  
+      Please add the steps you use to reproduce this problem.  
-      Make sure to remove or replace any sensitive data like your Bot's token.
       Put "N/A" if you don't have a reproducible setup.
-      
-      The provided text will be rendered as Java code, so you don't have to provide a Code block for it.
-    render: java
-    placeholder: |-
-      public void causeError() {
-          throw new Exception("Error!");
-      }
-  validations:
-    required: true
-- type: textarea
-  attributes:
-    label: "Code for JDABuilder or DefaultShardManagerBuilder used"
-    description: |-
-      Please provide the code used to create your JDA or ShardManager instance.  
-      Make sure to remove or replace any sensitive data like your Bot's token.
-      
-      The provided text will be rendered as Java code, so you don't have to provide a Code block for it.
-    render: java
-    placeholder: 'JDA jda = JDABuilder.createDefault("token").build();'
   validations:
     required: true
 - type: textarea
@@ -69,7 +31,3 @@ body:
     description: |-
       Share any Exception or Error you encountered.  
       Leave this blank or put "N/A" if you don't have an Exception or Error.
-      
-      The provided text will be rendered as code, so you don't have to provide a Code block for it.
-    render: yesyes # Unknown code-names = no highlighting.
-    placeholder: "java.lang.NullPointerException: null"

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -1,13 +1,6 @@
 name: Feature Request
 description: Request a new feature
 body:
-- type: markdown
-  attributes:
-    value: |-
-      Please join the [Discord Server](https://discord.gg/0hMr4ce0tIl3SLv5) for questions or ask them in [our Discussions](https://github.com/discord-jda/JDA/discussions).
-      
-      Keep in mind that this isn't the place to learn Java.  
-      Please head over to [Stack Overflow](https://stackoverflow.com/questions/tagged/java) for your general programming questions.
 - type: checkboxes
   attributes:
     label: General Troubleshooting
@@ -15,15 +8,13 @@ body:
     options:
       - label: I have checked for similar issues on the Issue-tracker.
         required: true
-      - label: I have updated to the [latest JDA version](https://github.com/discord-jda/JDA/releases/latest)
-        required: true
       - label: I have checked the branches or the maintainers' PRs for upcoming features.
         required: true
 - type: textarea
   attributes:
     label: "Feature Request"
     description: "Provide a small description of the feature you want to have added."
-    placeholder: "JDA should get ..."
+    placeholder: "Werbserver should get ..."
   validations:
     required: true
 - type: textarea
@@ -31,7 +22,3 @@ body:
     label: "Example Use-Case"
     description: |-
       Provide some code or describe a possible use-case for this feature.
-      
-      The provided text will be rendered as Java code, so you don't have to provide a Code block for it.
-    placeholder: "public void newAwesomeMethod(){}"
-    render: java

README.md

@@ -1,7 +1,7 @@
 <!-- <img align="right" src="https://github.com/discord-jda/JDA/blob/assets/assets/readme/logo.png?raw=true" height="150" width="150"> -->
 
 # CoasterDB
-Roller coaster and amusement park database with web view as a project for the seminar subject s_Tec (Q1.2)
+Achterbahn- und Freizeitparkdatenbank mit Webansicht für das Seminarfach s_Tec (Q1.2)
 
 ## Summary
 1. [Installation](#installation)
@@ -9,18 +9,13 @@ Roller coaster and amusement park database with web view as a project for the se
 3. [Contributing](#contributing-to-the-project)
 
 ## Installation
-Just clone the project and install all dependencies via:
+Klone das Projekt und installiere es samt Dependencies mit:
 ```sh
 $ npm install
 ```
 
 ## Getting started
-If you configured everything adjusted to your needs, you can start the development server via:
+Wenn du alles deinen Bedürfnissen nach angepasst hast, starte den Development-Server mit:
 ```sh
 $ npm run dev
 ```
-
-## Contributing to the project
-Use the development branch for further updates.<br> 
-The development branch will only be merged with the master if the new version is completely finished for being live.<br>
-Follow the [Contributing Guidelines](https://github.com/MiauRizius/CoasterDB/blob/master/.github/CONTRIBUTING.md).

src/components/app/ListItem.vue

@@ -2,11 +2,11 @@
 
 export default {
     props: {
-        prop1: String,
+        name: String,
-        prop2: String,
+        park: String,
-        prop3: String,
+        length: String,
-        prop4: String,
+        height: String,
-        prop5: String
+        speed: String
     },
     components: {
 
@@ -17,10 +17,10 @@ export default {
 
 <template>
     <tr class="border-b dark:border-gray-700">
-        <th scope="row" class="px-4 py-3 font-medium text-gray-900 whitespace-nowrap dark:text-white">{{ prop1 }}</th>
+        <th scope="row" class="px-4 py-3 font-medium text-gray-900 whitespace-nowrap dark:text-white">{{ name }}</th>
-        <td class="px-4 py-3">{{ prop2 }}</td>
+        <td class="px-4 py-3">{{ park }}</td>
-        <td class="px-4 py-3">{{ prop3 }}</td>
+        <td class="px-4 py-3">{{ length }}</td>
-        <td class="px-4 py-3">{{ prop4 }}</td>
+        <td class="px-4 py-3">{{ height }}</td>
-        <td class="px-4 py-3">{{ prop5 }}</td>
+        <td class="px-4 py-3">{{ speed }}</td>
     </tr>
 </template>

src/router.ts

@@ -22,6 +22,16 @@ const routes: Array<RouteRecordRaw> = [
         component: () => import('./views/app/App.vue')
     },
 
+    //Coaster pages
+    {
+        path: '/app/coasters',
+        component: () => import('./views/app/coasters/Coasters.vue')
+    },
+    {
+        path: '/app/coaster/:coasterId',
+        component: () => import('./views/app/coasters/Coaster.vue')
+    },
+
     //Redirects
 
     //Configuration

src/views/app/App.vue

@@ -26,10 +26,14 @@ export default {
         Help
     },
   mounted() {
+    var current_page = "";
     setInterval(() => {
       const docs = document.getElementById("docs-container");
       const help = document.getElementById("docs-container");
 
+      if (current_page == window.location.href.replace("https://", "").split("/")[4]) return;
+      current_page = window.location.href.replace("https://", "").split("/")[4];
+
       switch (window.location.href.replace("https://", "").split("/")[4]) {
         case "docs":
           if (docs?.classList.contains('hidden')) docs?.classList.remove('hidden'); else help?.classList.add('hidden');
@@ -51,11 +55,11 @@ export default {
 <template>
     <title>App - CoasterDB</title>
     <Header />
-    
+    <!--
     <section class="dark:bg-gray-900 sm:p-60">
       <Documentation id="docs-container" class="hidden" />
       <Help id="help-container" class="hidden" />
     </section>
-
+-->
     <Sidebar />
 </template>

src/views/app/coasters/Coaster.vue

@@ -0,0 +1,104 @@
+<script lang="ts">
+
+import Header from '../../../components/app/AppHeader.vue'
+import Sidebar from '../../../components/app/AppSidebar.vue'
+import ListItem from '../../../components/app/ListItem.vue';
+
+export default {
+    components: {
+        Header,
+        Sidebar,
+        ListItem
+    },
+};
+</script>
+
+<template>
+    <title>App - CoasterDB</title>
+    <Header />
+    <div style="margin-top: 63px;">
+        <section class="bg-gray-50 dark:bg-gray-900 p-3 sm:p-5">
+            <div class="mx-auto max-w-screen-xl px-4 lg:px-12">
+                <!-- Start coding here -->
+                <div class="bg-white dark:bg-gray-800 relative shadow-md sm:rounded-lg overflow-hidden">
+                    <div class="flex flex-col md:flex-row items-center justify-between space-y-3 md:space-y-0 md:space-x-4 p-4">
+                        <div class="w-full md:w-1/2">
+                            <form class="flex items-center">
+                                <label for="simple-search" class="sr-only">Search</label>
+                                <div class="relative w-full">
+                                    <div class="absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none">
+                                        <svg aria-hidden="true" class="w-5 h-5 text-gray-500 dark:text-gray-400" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+                                            <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd" />
+                                        </svg>
+                                    </div>
+                                    <input type="text" id="simple-search" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full pl-10 p-2 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" placeholder="Search">
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                    <div class="overflow-x-auto">
+                        <table class="w-full text-sm text-left text-gray-500 dark:text-gray-400">
+                            <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
+                                <tr>
+                                    <th scope="col" class="px-4 py-3">Name</th>
+                                    <th scope="col" class="px-4 py-3">Park</th>
+                                    <th scope="col" class="px-4 py-3">Streckenlänge</th>
+                                    <th scope="col" class="px-4 py-3">Maximale Höhe</th>
+                                    <th scope="col" class="px-4 py-3">maximale Geschwindigkeit</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <ListItem name="Blue Fire" park="Europa Park" length="1050m" height="38m" speed="100km/h" />
+                            </tbody>
+                        </table>
+                    </div>
+                    <nav class="flex flex-col md:flex-row justify-between items-start md:items-center space-y-3 md:space-y-0 p-4" aria-label="Table navigation">
+                        <span class="text-sm font-normal text-gray-500 dark:text-gray-400">
+                            Showing
+                            <span class="font-semibold text-gray-900 dark:text-white">1-10</span>
+                            of
+                            <span class="font-semibold text-gray-900 dark:text-white">1000</span>
+                        </span>
+                        <ul class="inline-flex items-stretch -space-x-px">
+                            <li>
+                                <a href="#" class="flex items-center justify-center h-full py-1.5 px-3 ml-0 text-gray-500 bg-white rounded-l-lg border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
+                                    <span class="sr-only">Previous</span>
+                                    <svg class="w-5 h-5" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
+                                    </svg>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="#" class="flex items-center justify-center text-sm py-2 px-3 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">1</a>
+                            </li>
+                            <li>
+                                <a href="#" class="flex items-center justify-center text-sm py-2 px-3 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">2</a>
+                            </li>
+                            <li>
+                                <a href="#" aria-current="page" class="flex items-center justify-center text-sm z-10 py-2 px-3 leading-tight text-primary-600 bg-primary-50 border border-primary-300 hover:bg-primary-100 hover:text-primary-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white">3</a>
+                            </li>
+                            <li>
+                                <a href="#" class="flex items-center justify-center text-sm py-2 px-3 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">...</a>
+                            </li>
+                            <li>
+                                <a href="#" class="flex items-center justify-center text-sm py-2 px-3 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">100</a>
+                            </li>
+                            <li>
+                                <a href="#" class="flex items-center justify-center h-full py-1.5 px-3 leading-tight text-gray-500 bg-white rounded-r-lg border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
+                                    <span class="sr-only">Next</span>
+                                    <svg class="w-5 h-5" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+                                        <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
+                                    </svg>
+                                </a>
+                            </li>
+                        </ul>
+                    </nav>
+                </div>
+            </div>
+        </section>
+    </div>
+    <Sidebar />
+</template>
+
+<style scoped>
+</style>