Fixes bug with adding messages not clearing text-field and link not found error.

Author: codingfriend1

app/components/navigation.vue

@@ -5,7 +5,7 @@ nav.navbar.navbar-default.navbar-custom.navbar-fixed-top
  button.navbar-toggle(type='button', data-toggle='collapse', data-target='#headbar-navbar')
  span.sr-only Toggle navigation
  i.fa.fa-bars
- a.navbar-brand(v-link="{path: '/'}") Feathers-Vue
+ router-link.navbar-brand(to="/") Feathers-Vue
  #headbar-navbar.collapse.navbar-collapse
  ul.nav.navbar-nav.navbar-right
  li(v-for="route in routes" v-if="!route.meta.excludeMenu")

app/components/simple-input.vue

@@ -1,14 +1,15 @@
 <template lang="pug">
 .form-group(:class="{'has-error': error, 'has-success': !error }")
- label(:for='randomId', v-once='', v-if='label') {{label}}
- .input-group(v-if='addon', v-once='')
+ label(:for='randomId', v-once v-if='label') {{label}}
+ .input-group(v-if='addon')
  .input-group-addon(v-html='addon')
  input.form-control(
  :id='randomId', 
  type='text', 
  @input="$emit('input', $event.target.value)", 
  :name='label', 
- :type='safeType', 
+ :type='safeType',
+ :value="value",
  :placeholder='label', 
  @keyup="$emit('keyup', $event)", 
  @keydown="$emit('keydown', $event)")
@@ -19,7 +20,8 @@
  @input="$emit('input', $event.target.value)", 
  :name='label', 
  :type='safeType', 
- :placeholder='label', 
+ :placeholder='label',
+ :value="value",
  @keyup="$emit('keyup', $event)", 
  @keydown="$emit('keydown', $event)")
  .help-block.with-errors {{error}}

app/views/home.vue

@@ -23,7 +23,6 @@
 )
 .alert.alert-danger(v-show="errorsSummary" v-html="errorsSummary")
 button.btn.btn-success(@click="sendMessage(newMessage)") Add Message
-
 </template>
 
 <script>
@@ -38,7 +37,6 @@ module.exports = {
 userId: null,
 errors: {}
 },
-newMessageText: '',
 errorsSummary: ''
 }),
 store: ['message', 'auth', 'currentModal', 'messages', 'api', 'validateLive'],
@@ -61,25 +59,26 @@ module.exports = {
 let valid = await checkValid(mes, 'message')
 if(valid) {
 let [err, message] = await api.messages.upsert(mes)
- if(err) { notify.error(parseErrors(err)); }
+if(err) { notify.error(parseErrors(err)); }
 } else {
 Vue.set(m, 'errors', mes.errors)
 }
 },
 
 sendMessage: async function(data) {
- if(!_.get(this, 'auth.currentUser._id')) {
- this.errorsSummary = "You must be logged in."
- return false;
- }
+if(!_.get(this, 'auth.currentUser._id')) {
+this.errorsSummary = "You must be logged in."
+return false;
+}
 
- data.userId = _.get(this, 'auth.currentUser._id');
+data.userId = _.get(this, 'auth.currentUser._id');
 
 let valid = await checkValid(data, 'message')
 
 if(valid) {
 this.errorsSummary = ''
 var [err, success] = await api.messages.upsert(data)
+this.newMessage.text = ''
 } else {
 this.errorsSummary = _.map(data.errors, err => err).join('<br>')
 }

public/main.js

@@ -49311,7 +49311,6 @@ module.exports = {
 userId: null,
 errors: {}
 },
-newMessageText: '',
 errorsSummary: ''
 };
 },
@@ -49439,7 +49438,7 @@ module.exports = {
 valid = _context3.sent;
 
 if (!valid) {
-_context3.next = 17;
+_context3.next = 18;
 break;
 }
 
@@ -49452,15 +49451,17 @@ module.exports = {
 _ref9 = (0, _slicedToArray3.default)(_ref8, 2);
 err = _ref9[0];
 success = _ref9[1];
-_context3.next = 18;
+
+this.newMessage.text = '';
+_context3.next = 19;
 break;
 
-case 17:
+case 18:
 this.errorsSummary = _.map(data.errors, function (err) {
 return err;
 }).join('<br>');
 
-case 18:
+case 19:
 case 'end':
 return _context3.stop();
 }
@@ -51068,7 +51069,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
  _vm.sendMessage(_vm.newMessage)
  }
  }
- }, [_vm._v("Add Message")])], 1)])
+ }, [_vm._v("Add Message")]), _c('div', [_vm._v(_vm._s(_vm.newMessage.text))])], 1)])
 },staticRenderFns: []}
 module.exports.render._withStripped = true
 if (false) {
@@ -72015,17 +72016,12 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
  staticClass: "container-fluid"
  }, [_c('div', {
  staticClass: "navbar-header page-scroll"
- }, [_vm._m(0), _c('a', {
- directives: [{
- name: "link",
- rawName: "v-link",
- value: ({
- path: '/'
- }),
- expression: "{path: '/'}"
- }],
- staticClass: "navbar-brand"
- }, [_vm._v("Feathers-Vue")])]), _c('div', {
+ }, [_vm._m(0), _c('router-link', {
+ staticClass: "navbar-brand",
+ attrs: {
+ "to": "/"
+ }
+ }, [_vm._v("Feathers-Vue")])], 1), _c('div', {
  staticClass: "collapse navbar-collapse",
  attrs: {
  "id": "headbar-navbar"
@@ -72127,7 +72123,14 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
  class: {
  'has-error': _vm.error, 'has-success': !_vm.error
  }
- }, [(_vm.label) ? _vm._m(0) : _vm._e(), (_vm.addon) ? _vm._m(1) : _vm._e(), (!_vm.addon) ? _c('input', {
+ }, [(_vm.label) ? _vm._m(0) : _vm._e(), (_vm.addon) ? _c('div', {
+ staticClass: "input-group"
+ }, [_c('div', {
+ staticClass: "input-group-addon",
+ domProps: {
+ "innerHTML": _vm._s(_vm.addon)
+ }
+ }), _c('input', {
  staticClass: "form-control",
  attrs: {
  "id": _vm.randomId,
@@ -72136,6 +72139,9 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
  "type": _vm.safeType,
  "placeholder": _vm.label
  },
+ domProps: {
+ "value": _vm.value
+ },
  on: {
  "input": function($event) {
  _vm.$emit('input', $event.target.value)
@@ -72147,24 +72153,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
  _vm.$emit('keydown', $event)
  }
  }
- }) : _vm._e(), _c('div', {
- staticClass: "help-block with-errors"
- }, [_vm._v(_vm._s(_vm.error))])])
-},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('label', {
- attrs: {
- "for": _vm.randomId
- }
- }, [_vm._v(_vm._s(_vm.label))])
-},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
- return _c('div', {
- staticClass: "input-group"
- }, [_c('div', {
- staticClass: "input-group-addon",
- domProps: {
- "innerHTML": _vm._s(_vm.addon)
- }
- }), _c('input', {
+ })]) : _vm._e(), (!_vm.addon) ? _c('input', {
  staticClass: "form-control",
  attrs: {
  "id": _vm.randomId,
@@ -72173,6 +72162,9 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
  "type": _vm.safeType,
  "placeholder": _vm.label
  },
+ domProps: {
+ "value": _vm.value
+ },
  on: {
  "input": function($event) {
  _vm.$emit('input', $event.target.value)
@@ -72184,7 +72176,15 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
  _vm.$emit('keydown', $event)
  }
  }
- })])
+ }) : _vm._e(), _c('div', {
+ staticClass: "help-block with-errors"
+ }, [_vm._v(_vm._s(_vm.error))])])
+},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+ return _c('label', {
+ attrs: {
+ "for": _vm.randomId
+ }
+ }, [_vm._v(_vm._s(_vm.label))])
 }]}
 module.exports.render._withStripped = true
 if (false) {