|
@@ -6,7 +6,7 @@
|
|
<p class="control">
|
|
<p class="control">
|
|
<input
|
|
<input
|
|
v-model="newCommunity.name"
|
|
v-model="newCommunity.name"
|
|
- class="input"
|
|
|
|
|
|
+ class="input station-id"
|
|
type="text"
|
|
type="text"
|
|
placeholder="Name..."
|
|
placeholder="Name..."
|
|
autofocus
|
|
autofocus
|
|
@@ -64,6 +64,7 @@ export default {
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
submitModal() {
|
|
submitModal() {
|
|
|
|
+ this.newCommunity.name = this.newCommunity.name.toLowerCase();
|
|
const { name, displayName, description } = this.newCommunity;
|
|
const { name, displayName, description } = this.newCommunity;
|
|
|
|
|
|
if (!name || !displayName || !description)
|
|
if (!name || !displayName || !description)
|
|
@@ -143,3 +144,13 @@ export default {
|
|
}
|
|
}
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
+
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
+.station-id {
|
|
|
|
+ text-transform: lowercase;
|
|
|
|
+
|
|
|
|
+ &::placeholder {
|
|
|
|
+ text-transform: none;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+</style>
|