package.json

@@ -1,6 +1,6 @@
 {
   "name": "slapdash",
-  "version": "1.6.0",
+  "version": "1.5.1",
   "author": "Ayush Mukherjee",
   "description": "Dashboard for APL-Nuke cum APL-Boost data manager",
   "private": false,

src/components/Brackets.vue

@@ -7,8 +7,6 @@
         <tr>
           <th class="border border-gray-400 text-left px-8 py-4">ID</th>
           <th class="border border-gray-400 text-left px-8 py-4">Name</th>
-          <th class="border border-gray-400 text-left px-8 py-4">Name Arabic</th>
-          <th class="border border-gray-400 text-left px-8 py-4">Name Japanese</th>
           <th class="border border-gray-400 text-left px-8 py-4">Event</th>
           <th class="border border-gray-400 text-left px-8 py-4">Matches</th>
         </tr>
@@ -17,8 +15,6 @@
         <tr class="item" v-for="e in store.state.brackets" :key="e._id" :class="item === e._id ? 'active' : ''" @click="setItem(e)">
           <td class="border border-gray-400 text-left px-8 py-4">{{ e._id }}</td>
           <td class="border border-gray-400 text-left px-8 py-4">{{ e.name }}</td>
-          <td class="border border-gray-400 text-left px-8 py-4" dir="rtl">{{ e.name_arabic ?? '' }}</td>
-          <td class="border border-gray-400 text-left px-8 py-4">{{ e.name_jpn ?? '' }}</td>
           <td class="border border-gray-400 text-left px-8 py-4">{{ store.state.events.filter(x => x._id === e.event)[0].name }}</td>
           <td class="border border-gray-400 text-left">
             <table v-if="e.matches" class="border border-gray-400 border-collapse mx-auto w-full h-full">
@@ -34,14 +30,10 @@
     </table>
   </div>
   <div>
-    <h2 class="text-lg font-bold overflow-auto">Create / Update</h2>
+    <h2 class="text-lg font-bold">Create / Update</h2>
     <form name="form" @submit.prevent="form">
       <p class="mt-4">Bracket name</p>
       <input v-model="name" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" required />
-      <p class="mt-4">Bracket name in arabic (optional)</p>
-      <input v-model="name_arabic" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" dir="rtl" />
-      <p class="mt-4">Bracket name in japanese (optional)</p>
-      <input v-model="name_jpn" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" />
       <p class="mt-4">Event</p>
       <select v-model="event" class="block my-4 border border-gray-500 rounded-lg bg-white w-64 h-8 px-4">
         <option v-for="r in store.state.events" :key="r._id" :value="r._id">{{ r.name }}</option>
@@ -68,8 +60,6 @@ export default {
 
     const item = ref('')
     const name = ref('')
-    const name_arabic = ref('')
-    const name_jpn = ref('')
     const event = ref('')
     const matches = ref([])
 
@@ -81,8 +71,6 @@ export default {
       reset()
       item.value = e._id
       name.value = e.name
-      name_arabic.value = e.name_arabic
-      name_jpn.value = e.name_jpn
       event.value = e.event
       e.matches.forEach(m => {
         if (matches.value.length !== e.matches.length) {
@@ -94,8 +82,6 @@ export default {
     const reset = () => {
       item.value = ''
       name.value = ''
-      name_arabic.value = ''
-      name_jpn.value = ''
       event.value = ''
       matches.value = []
     }
@@ -104,16 +90,12 @@ export default {
       if (item.value !== '') {
         update('brackets', item.value, {
           name: name.value,
-          name_arabic: name_arabic.value,
-          name_jpn: name_jpn.value,
           event: event.value,
           matches: matches.value,
         })
       } else if (name.value !== '') {
         create('brackets', {
           name: name.value,
-          name_arabic: name_arabic.value,
-          name_jpn: name_jpn.value,
           event: event.value,
           matches: matches.value,
         })
@@ -132,8 +114,6 @@ export default {
       store,
       item,
       name,
-      name_arabic,
-      name_jpn,
       event,
       matches,
       setItem,

src/components/Casters.vue

@@ -1,14 +1,11 @@
 <template>
 <h1 class="text-2xl font-bold uppercase mb-10">casters management</h1>
 <div class="grid grid-cols-2 gap-x-8">
-  <div class="overflow-x-auto">
   <table class="table-auto">
     <thead>
       <tr>
         <th class="border border-gray-400 text-left px-8 py-4">Name Tag</th>
         <th class="border border-gray-400 text-left px-8 py-4">Real Name</th>
-          <th class="border border-gray-400 text-left px-8 py-4">Real Name Arabic</th>
-          <th class="border border-gray-400 text-left px-8 py-4">Real Name Japanese</th>
         <th class="border border-gray-400 text-left px-8 py-4">Twitter</th>
         <th class="border border-gray-400 text-left px-8 py-4">Image</th>
       </tr>
@@ -17,14 +14,11 @@
       <tr class="item" :class="item === e._id ? 'active' : ''" @click="setItem(e)" v-for="e in store.state.casters" :key="e._id">
         <td class="border border-gray-400 text-left px-8 py-4">{{ e.username }}</td>
         <td class="border border-gray-400 text-left px-8 py-4">{{ e.name }}</td>
-          <td class="border border-gray-400 text-left px-8 py-4">{{ e.name_arabic ?? '' }}</td>
-          <td class="border border-gray-400 text-left px-8 py-4">{{ e.name_jpn ?? '' }}</td>
         <td class="border border-gray-400 text-left px-8 py-4">{{ e.twitter }}</td>
         <td class="border border-gray-400 text-left px-8 py-4"><img :src="e.image" :alt="e.name"></td>
       </tr>
     </tbody>
   </table>
-  </div>
   <div>
     <h2 class="text-lg font-bold">Create / Update</h2>
     <form name="form" @submit.prevent="form">
@@ -32,10 +26,6 @@
       <input v-model="username" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" required />
       <p class="mt-4">Caster real name</p>
       <input v-model="name" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" required />
-      <p class="mt-4">Caster real name arabic (optional)</p>
-      <input v-model="name_arabic" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" />
-      <p class="mt-4">Caster real name japanese (optional)</p>
-      <input v-model="name_jpn" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" />
       <p class="mt-4">Caster twitter</p>
       <input v-model="twitter" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" required />
       <p class="mt-4">Caster image URL</p>
@@ -58,8 +48,6 @@ export default {
     const item = ref('')
     const username = ref('')
     const name = ref('')
-    const name_arabic = ref('')
-    const name_jpn = ref('')
     const twitter = ref('')
     const image = ref('')
 
@@ -67,8 +55,6 @@ export default {
       item.value = ''
       username.value = ''
       name.value = ''
-      name_arabic.value = ''
-      name_jpn.value = ''
       twitter.value = ''
       image.value = ''
     }
@@ -77,8 +63,6 @@ export default {
       item.value = e._id
       username.value = e.username
       name.value = e.name
-      name_arabic.value = e.name_arabic
-      name_jpn.value = e.name_jpn
       twitter.value = e.twitter
       image.value = e.image
     }
@@ -88,8 +72,6 @@ export default {
         update('casters', item.value, {
           username: username.value,
           name: name.value,
-          name_arabic: name_arabic.value,
-          name_jpn: name_jpn.value,
           twitter: twitter.value,
           image: image.value,
         })
@@ -97,8 +79,6 @@ export default {
         create('casters', {
           username: username.value,
           name: name.value,
-          name_arabic: name_arabic.value,
-          name_jpn: name_jpn.value,
           twitter: twitter.value,
           image: image.value,
         })
@@ -118,8 +98,6 @@ export default {
       item,
       username,
       name,
-      name_arabic,
-      name_jpn,
       twitter,
       image,
       setItem,

src/components/Events.vue

@@ -1,35 +1,25 @@
 <template>
 <h1 class="text-2xl font-bold uppercase mb-10">events management</h1>
 <div class="grid grid-cols-2 gap-x-8">
-  <div class="overflow-x-auto">
   <table class="table-auto">
     <thead>
       <tr>
         <th class="border border-gray-400 text-left px-8 py-4">ID</th>
         <th class="border border-gray-400 text-left px-8 py-4">Name</th>
-          <th class="border border-gray-400 text-left px-8 py-4">Arabic Name</th>
-          <th class="border border-gray-400 text-left px-8 py-4">Japanese Name</th>
       </tr>
     </thead>
     <tbody>
       <tr class="item" :class="item === e._id ? 'active' : ''" @click="setItem(e)" v-for="e in store.state.events" :key="e._id">
         <td class="border border-gray-400 text-left px-8 py-4">{{ e._id }}</td>
         <td class="border border-gray-400 text-left px-8 py-4">{{ e.name }}</td>
-          <td class="border border-gray-400 text-left px-8 py-4 rtl" dir="rtl">{{ e.name_arabic ?? '' }}</td>
-          <td class="border border-gray-400 text-left px-8 py-4">{{ e.name_jpn ?? '' }}</td>
       </tr>
     </tbody>
   </table>
-    </div>
   <div>
     <h2 class="text-lg font-bold">Create / Update</h2>
     <form name="form" @submit.prevent="form">
       <p class="mt-4">Event name</p>
       <input v-model="name" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" required />
-      <p class="mt-4">Event name in arabic (optional)</p>
-      <input v-model="name_arabic" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" dir="rtl" />
-      <p class="mt-4">Event name in japanese (optional)</p>
-      <input v-model="name_jpn" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" />
       <button class="block w-64 h-10 text-white bg-red-700 rounded-lg hover:bg-red-600">Submit</button>
       <button @click.prevent="delForm" v-if="item" class="block mt-4 w-64 h-10 text-white bg-red-700 rounded-lg hover:bg-red-600">Delete</button>
     </form>
@@ -47,14 +37,10 @@ export default {
 
     const item = ref('')
     const name = ref('')
-    const name_arabic = ref('')
-    const name_jpn = ref('')
 
     const setItem = (e) => {
       item.value = e._id
       name.value = e.name
-      name_arabic.value = e.name_arabic
-      name_jpn.value = e.name_jpn
     }
 
     const reset = () => {
@@ -66,14 +52,10 @@ export default {
       if (item.value !== '') {
         update('events', item.value, {
           name: name.value,
-          name_arabic: name_arabic.value,
-          name_jpn: name_jpn.value,
         })
-      } else if (name.value !== '' && name_arabic.value !== '' && name_jpn.value !== '') {
+      } else if (name.value !== '') {
         create('events', {
           name: name.value,
-          name_arabic: name_arabic.value,
-          name_jpn: name_jpn.value,
         })
       }
       reset()
@@ -90,8 +72,6 @@ export default {
       store,
       item,
       name,
-      name_arabic,
-      name_jpn,
       setItem,
       form,
       delForm,

src/components/Matches.vue

@@ -6,8 +6,6 @@
       <thead>
         <tr>
           <th class="border border-gray-400 text-left px-8 py-4">Round name</th>
-          <th class="border border-gray-400 text-left px-8 py-4">Round arabic</th>
-          <th class="border border-gray-400 text-left px-8 py-4">Round japanese</th>
           <th class="border border-gray-400 text-left px-8 py-4">Blue</th>
           <th class="border border-gray-400 text-left px-8 py-4">Orange</th>
           <th class="border border-gray-400 text-left px-8 py-4">Current</th>
@@ -22,8 +20,6 @@
       <tbody>
         <tr class="item" :class="item === e._id ? 'active' : ''" @click="setItem(e)" v-for="e in store.state.matches" :key="e._id">
           <td class="border border-gray-400 text-left px-8 py-4">{{ e.type }}</td>
-          <td class="border border-gray-400 text-left px-8 py-4" dir="rtl">{{ e.type_arabic ?? '' }}</td>
-          <td class="border border-gray-400 text-left px-8 py-4">{{ e.type_jpn ?? '' }}</td>
           <td class="border border-gray-400 text-left px-8 py-4">{{ e.blue.name }}</td>
           <td class="border border-gray-400 text-left px-8 py-4">{{ e.orange.name }}</td>
           <td class="border border-gray-400 text-left px-8 py-4">{{ e.current }}</td>
@@ -51,10 +47,6 @@
     <form name="form" @submit.prevent="form">
       <p class="mt-4">Round name</p>
       <input v-model="type" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" required />
-      <p class="mt-4">Round name in arabic (optional)</p>
-      <input v-model="type_arabic" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" dir="rtl" />
-      <p class="mt-4">Round name in japanese (optional)</p>
-      <input v-model="type_jpn" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" />
       <p class="mt-4">Blue team</p>
       <select v-model="blue" class="block my-4 border border-gray-500 rounded-lg bg-white w-64 h-8 px-4">
         <option v-for="r in store.state.rosters" :key="r._id" :value="r._id">{{ r.name }}</option>
@@ -104,8 +96,6 @@ export default {
 
     const item = ref('')
     const type = ref('')
-    const type_arabic = ref('')
-    const type_jpn = ref('')
     const blue = ref('')
     const orange = ref('')
     const current = ref(false)
@@ -121,8 +111,6 @@ export default {
     const setItem = (e) => {
       item.value = e._id
       type.value = e.type
-      type_arabic.value = e.type_arabic
-      type_jpn.value = e.type_jpn
       blue.value = e.blue._id
       orange.value = e.orange
       current.value = e.current
@@ -139,8 +127,6 @@ export default {
     const resetf = () => {
       item.value = ''
       type.value = ''
-      type_arabic.value = ''
-      type_jpn.value = ''
       blue.value = ''
       orange.value = ''
       current.value = false
@@ -158,8 +144,6 @@ export default {
       if (item.value !== '') {
         update('matches', item.value, {
           type: type.value,
-          type_arabic: type_arabic.value,
-          type_jpn: type_jpn.value,
           blue: blue.value,
           orange: orange.value,
           current: current.value,
@@ -179,8 +163,6 @@ export default {
       } else if (type.value !== '') {
         create('matches', {
           type: type.value,
-          type_arabic: type_arabic.value,
-          type_jpn: type_jpn.value,
           blue: blue.value,
           orange: orange.value,
           current: current.value,
@@ -203,8 +185,6 @@ export default {
       store,
       item,
       type,
-      type_arabic,
-      type_jpn,
       blue,
       orange,
       blueSeries,

src/components/Rosters.vue

@@ -1,13 +1,10 @@
 <template>
 <h1 class="text-2xl font-bold uppercase mb-10">rosters management</h1>
 <div class="grid grid-cols-2 gap-x-8">
-  <div class="overflow-x-auto">
   <table class="table-auto">
     <thead>
       <tr>
         <th class="border border-gray-400 text-left px-8 py-4">Name</th>
-          <th class="border border-gray-400 text-left px-8 py-4">Name Arabic</th>
-          <th class="border border-gray-400 text-left px-8 py-4">Name Japanese</th>
         <th class="border border-gray-400 text-left px-8 py-4">Logo</th>
         <th class="border border-gray-400 text-left px-8 py-4">Players</th>
       </tr>
@@ -15,8 +12,6 @@
     <tbody>
       <tr class="item" :class="item === e._id ? 'active' : ''" @click="setItem(e)" v-for="e in store.state.rosters" :key="e._id">
         <td class="border border-gray-400 text-left px-8 py-4">{{ e.name }}</td>
-          <td class="border border-gray-400 text-left px-8 py-4" dir="rtl">{{ e.name_arabic ?? '' }}</td>
-          <td class="border border-gray-400 text-left px-8 py-4">{{ e.name_jpn ?? '' }}</td>
         <td class="border border-gray-400 text-left px-8 py-4"><img class="w-12 h-12" :src="e.logo" :alt="e.name"></td>
         <td class="border border-gray-400 text-left px-8 py-4">
           <table v-if="e.players">
@@ -30,16 +25,11 @@
       </tr>
     </tbody>
   </table>
-  </div>
   <div>
     <h2 class="text-lg font-bold">Create / Update</h2>
     <form name="form" @submit.prevent="form">
       <p class="mt-4">Roster name</p>
       <input v-model="name" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" required />
-      <p class="mt-4">Roster name in arabic (optional)</p>
-      <input v-model="name_arabic" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" dir="rtl" />
-      <p class="mt-4">Roster name in japanese (optional)</p>
-      <input v-model="name_jpn" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" />
       <p class="mt-4">Roster logo</p>
       <input v-model="logo" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" required />
       <fieldset v-for="(n, i) in playersLocal.length" :key="i" class="border border-gray-400 rounded px-6 my-4">
@@ -67,8 +57,6 @@ export default {
 
     const item = ref('')
     const name = ref('')
-    const name_arabic = ref('')
-    const name_jpn = ref('')
     const logo = ref('')
     const playersLocal = ref([])
 
@@ -77,8 +65,6 @@ export default {
     const setItem = (e) => {
       item.value = e._id
       name.value = e.name
-      name_arabic.value = e.name_arabic
-      name_jpn.value = e.name_jpn
       logo.value = e.logo
       e.players.forEach(p => {
         if (playersLocal.value.length !== e.players.length) {
@@ -105,8 +91,6 @@ export default {
     const reset = () => {
       item.value = ''
       name.value = ''
-      name_arabic.value = ''
-      name_jpn.value = ''
       logo.value = ''
       playersLocal.value = []
     }
@@ -115,16 +99,12 @@ export default {
       if (item.value !== '') {
         update('rosters', item.value, {
           name: name.value,
-          name_arabic: name_arabic.value,
-          name_jpn: name_jpn.value,
           logo: logo.value,
           players: playersLocal.value,
         })
       } else if (name.value !== '') {
         create('rosters', {
           name: name.value,
-          name_arabic: name_arabic.value,
-          name_jpn: name_jpn.value,
           logo: logo.value,
           players: playersLocal.value,
         })
@@ -143,8 +123,6 @@ export default {
       store,
       item,
       name,
-      name_arabic,
-      name_jpn,
       logo,
       playersLocal,
       setItem,

src/components/Streams.vue

@@ -7,8 +7,6 @@
         <tr>
           <th class="border border-gray-400 text-left px-8 py-4">ID</th>
           <th class="border border-gray-400 text-left px-8 py-4">Name</th>
-          <th class="border border-gray-400 text-left px-8 py-4">Arabic Name</th>
-          <th class="border border-gray-400 text-left px-8 py-4">Japanese Name</th>
           <th class="border border-gray-400 text-left px-8 py-4">Event</th>
           <th class="border border-gray-400 text-left px-8 py-4">Matches</th>
           <th class="border border-gray-400 text-left px-8 py-4">Casters</th>
@@ -19,8 +17,6 @@
         <tr class="item" v-for="e in store.state.streams" :key="e._id" :class="item === e._id ? 'active' : ''" @click="setItem(e)">
           <td class="border border-gray-400 text-left px-8 py-4">{{ e._id }}</td>
           <td class="border border-gray-400 text-left px-8 py-4">{{ e.name }}</td>
-          <td class="border border-gray-400 text-left px-8 py-4">{{ e.name_arabic ?? '' }}</td>
-          <td class="border border-gray-400 text-left px-8 py-4">{{ e.name_jpn ?? '' }}</td>
           <td class="border border-gray-400 text-left px-8 py-4">{{ store.state.events.filter(x => x._id === e.event)[0].name }}</td>
           <td class="border border-gray-400 text-left">
             <table v-if="e.matches" class="border border-gray-400 border-collapse mx-auto w-full h-full">
@@ -58,10 +54,6 @@
     <form name="form" @submit.prevent="form">
       <p class="mt-4">Stream name</p>
       <input v-model="name" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" required />
-      <p class="mt-4">Stream name in arabic (optional)</p>
-      <input v-model="name_arabic" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" dir="rtl" />
-      <p class="mt-4">Stream name in japanese (optional)</p>
-      <input v-model="name_jpn" class="block my-4 border border-gray-500 rounded-lg w-64 h-8 px-4" type="text" />
       <p class="mt-4">Event</p>
       <select v-model="event" class="block my-4 border border-gray-500 rounded-lg bg-white w-64 h-8 px-4">
         <option v-for="r in store.state.events" :key="r._id" :value="r._id">{{ r.name }}</option>
@@ -98,8 +90,6 @@ export default {
 
     const item = ref('')
     const name = ref('')
-    const name_arabic = ref('')
-    const name_jpn = ref('')
     const event = ref('')
     const matches = ref([])
     const casters = ref([])
@@ -121,8 +111,6 @@ export default {
       reset()
       item.value = e._id
       name.value = e.name
-      name_arabic.value = e.name_arabic
-      name_jpn.value = e.name_jpn
       event.value = e.event
       e.matches.forEach(m => {
         if (matches.value.length !== e.matches.length) {
@@ -144,8 +132,6 @@ export default {
     const reset = () => {
       item.value = ''
       name.value = ''
-      name_arabic.value = ''
-      name_jpn.value = ''
       event.value = ''
       matches.value = []
       casters.value = []
@@ -156,8 +142,6 @@ export default {
       if (item.value !== '') {
         update('streams', item.value, {
           name: name.value,
-          name_arabic: name_arabic.value,
-          name_jpn: name_jpn.value,
           event: event.value,
           matches: matches.value,
           casters: casters.value,
@@ -166,8 +150,6 @@ export default {
       } else if (name.value !== '') {
         create('streams', {
           name: name.value,
-          name_arabic: name_arabic.value,
-          name_jpn: name_jpn.value,
           event: event.value,
           matches: matches.value,
           casters: casters.value,
@@ -188,8 +170,6 @@ export default {
         store,
         item,
         name,
-        name_arabic,
-        name_jpn,
         event,
         matches,
         casters,