fix for safari 10

Signed-off-by: Stefan Dej <meteyou@gmail.com>

src/components/ConsoleTableEntry.vue

@@ -34,7 +34,7 @@ export default class ConsoleTableEntry extends Vue {
     commandClick(event: Event) {
         const eventTarget = event.target as Element
         if (eventTarget.localName === "a" && eventTarget.className.indexOf('command') !== -1) {
-            const command = eventTarget.innerHTML.replaceAll('<br>', '\n')
+            const command = eventTarget.innerHTML.replace(/<br>/g, '\n')
 
             this.$emit('command-click', command)
         }

src/components/TheThrottledStates.vue

@@ -74,7 +74,7 @@ export default class TheThrottledStates extends Mixins(BaseMixin) {
     }
 
     convertName(flag: string): string {
-        flag = flag.replaceAll(" ", "").replaceAll("-", "")
+        flag = flag.replace(/ /g, "").replace(/-/g, "")
         flag = flag.charAt(0).toUpperCase() + flag.slice(1)
 
         return flag

src/components/panels/HistoryListPanel.vue

@@ -113,7 +113,7 @@
                                         <v-icon small :color="getStatusColor(item.status)" :disabled="!item.exists">{{ getStatusIcon(item.status) }}</v-icon>
                                     </span>
                                 </template>
-                                <span>{{ item.status.replaceAll("_", " ") }}</span>
+                                <span>{{ item.status.replace(/_/g, " ") }}</span>
                             </v-tooltip>
                         </td>
                         <td v-for="col in tableFields" v-bind:key="col.value" :class="col.outputType !== 'date' ? 'text-no-wrap' : ''">

src/pages/Files.vue

@@ -201,7 +201,7 @@
                                         <v-icon small :color="getStatusColor(getJobStatus(item))">{{ getStatusIcon(getJobStatus(item)) }}</v-icon>
                                     </span>
                                 </template>
-                                <span>{{ getJobStatus(item).replaceAll("_", " ") }}</span>
+                                <span>{{ getJobStatus(item).replace(/_/g, " ") }}</span>
                             </v-tooltip>
                         </td>
                         <td class="text-no-wrap text-right" v-if="headers.find(header => header.value === 'size').visible">{{ item.isDirectory ? '--' : formatFilesize(item.size) }}</td>

src/plugins/helpers.ts

@@ -31,14 +31,14 @@ export const caseInsensitiveSort = (values: any[], orderType: string): any[] =>
 }
 
 export const camelize = (str: string): string => {
-    return str.replaceAll('_', ' ').replace(/(?:^\w|[A-Z]|\b\w)/g, (word, index) => {
+    return str.replace(/_/g, ' ').replace(/(?:^\w|[A-Z]|\b\w)/g, (word, index) => {
         return index === 0 ? word.toLowerCase() : word.toUpperCase();
     }).replace(/\s+/g, '');
 }
 
 export function formatConsoleMessage(message: string): string {
-    message = message.replaceAll('!! ', '')
-    message = message.replaceAll('// ', '')
+    message = message.replace(/!! /g, '')
+    message = message.replace(/\/\/ /g, '')
     message = message.replace('\n// ', '<br>')
     message = message.replace(/\r\n|\r|\n/g, '<br>')
     //message = message.replaceAll('<br />', '<br>')
@@ -49,7 +49,7 @@ export function formatConsoleMessage(message: string): string {
 
 export const convertName = (name: string): string => {
     let output = ""
-    name = name.replaceAll("_", " ")
+    name = name.replace(/_/g, ' ')
     name.split(" ").forEach(split => {
         output += " "+split.charAt(0).toUpperCase() + split.slice(1)
     })

vue.config.js

@@ -8,9 +8,7 @@ const version = JSON.parse(packageJson).version || 0
 
 module.exports = {
 	productionSourceMap: false,
-	"transpileDependencies": [
-		"vuetify"
-	],
+	transpileDependencies: [ 'vuetify' ],
 	pluginOptions: {
 		i18n: {
 			locale: 'en',