adding external link to action button widget

src/components/Widgets/ActionButton/ActionButton.vue

@@ -78,7 +78,8 @@ export default {
         this.$router.push(this.options.route)
       } else if (this.options.action && this.options.action === 'event') {
         this.$bus.emit(this.options.eventName, this.eventArgs)
-      }
+      } else if (this.options.action && this.options.action === 'external-link') {
+        window.open(this.options.route, '_blank')
     }
   }
 }

src/components/Widgets/ActionButton/OptionPanel.vue

@@ -114,6 +114,12 @@
             <q-input v-model="localOptions.route"
                      label="route" />
           </div>
+          <div v-if="localOptions.action === 'external-link'"
+               class="input-container col-md-10">
+            <div class="outsideLabel">route</div>
+            <q-input v-model="localOptions.route"
+                     label="route" />
+          </div>
           <div v-if="localOptions.action === 'event'"
                class="input-container col-md-5">
             <div class="outsideLabel">eventName</div>
@@ -150,7 +156,7 @@ export default defineComponent({
   },
   data () {
     return {
-      actionOptions: ['scroll', 'link', 'event'],
+      actionOptions: ['scroll', 'link', 'event', 'external-link'],
       positionOptions: ['top-right', 'top-left', 'bottom-right', 'bottom-left'],
       defaultOptions: {
         color: null,