app api fix

src/webapp/main/src/components/notifications/popups.vue

@@ -14,6 +14,7 @@
                     <div v-else-if="contentType === 'text'" class="options">
                         <h3>{{ data.message }}</h3>
                         <input type="text" v-model="data.selected">
+                        <p>{{ info }}</p>
                         <div class="button-wrapper">
                             <button @click="closePopup( 'ok' )" title="Save changes">Save</button>
                             <button @click="closePopup( 'cancel' )" title="Cancel changes">Cancel</button>
@@ -108,10 +109,19 @@
             return {
                 contentType: 'dropdown',
                 data: {},
+                info: '',
             }
         },
         methods: {
             closePopup( message ) {
+                if ( this.data.options.disallowedCharacters ) {
+                    for ( let letter in this.data.selected ) {
+                        if ( this.data.options.disallowedCharacters.includes( this.data.selected[ letter ] ) ) {
+                            this.info = `Illegal character "${ this.data.selected[ letter ] }"`;
+                            return false;
+                        }
+                    }
+                }
                 $( '#popup-backdrop' ).fadeOut( 300 );
                 if ( message ) {
                     this.$emit( 'data', { 'data': this.data.selected, 'status': message } );

src/webapp/main/src/views/admin/EventsView.vue

@@ -158,7 +158,7 @@
             },
             addEvent () {
                 this.currentPopup = 'add';
-                this.$refs.popup.openPopup( 'Please give the new event a name for internal use', {}, 'text' );
+                this.$refs.popup.openPopup( 'Please give the new event a name for internal use', { 'disallowedCharacters': [ '_', '-' ] }, 'text' );
             },
             setActiveTicket ( id ) {
                 sessionStorage.setItem( 'selectedTicket', id );