Просмотр исходного кода

feat(CreateCommunityStation): only allow lowercase input for station name

Signed-off-by: Jonathan <theflametrooper@gmail.com>
Jonathan 5 лет назад
Родитель
Сommit
84da3e032f
1 измененных файлов с 12 добавлено и 1 удалено
  1. 12 1
      frontend/components/Modals/CreateCommunityStation.vue

+ 12 - 1
frontend/components/Modals/CreateCommunityStation.vue

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