注意書きをsignupページに追加した

Author: proelbtn

ui/pages/signup.vue

@@ -1,51 +1,62 @@
 <template>
-  <v-container justify-center fill-height>
-    <v-form v-model="valid" @submit.prevent="submit">
-      <v-text-field
-        v-model="name"
-        :rules="nameRules"
-        label="ユーザ名"
-        required
-        autofocus
-      >
-      </v-text-field>
+  <v-container justify-center fill-height style="flex-direction: column;">
+    <div class="object-contain mb-8">
+      <v-sheet rounded class="warning lighten-2 pa-2">
+        <span class="subtitle-1"> 登録時の注意点 </span>
+        <ul>
+          <li>ユーザ名及び所属組織は、NETCONスコアサーバー等にて公開されます。</li>
+          <li>ユーザ名、所属組織及びパスワードは後から変更できません。</li>
+        </ul>
+      </v-sheet>
+    </div>
+    <div class="object-contain">
+      <v-form v-model="valid" @submit.prevent="submit">
+        <v-text-field
+          v-model="name"
+          :rules="nameRules"
+          label="ユーザ名"
+          required
+          autofocus
+        >
+        </v-text-field>
 
-      <v-text-field
-        v-model="organization"
-        :rules="organizationRules"
-        label="所属組織"
-      >
-      </v-text-field>
+        <v-text-field
+          v-model="organization"
+          :rules="organizationRules"
+          label="所属組織（任意）"
+        >
+        </v-text-field>
 
-      <v-text-field
-        v-model="password"
-        :rules="passwordRules"
-        :type="passwordVisible ? 'text' : 'password'"
-        :append-icon="passwordVisible ? 'mdi-eye' : 'mdi-eye-off'"
-        label="パスワード"
-        required
-        @click:append="passwordVisible = !passwordVisible"
-      >
-      </v-text-field>
+        <v-text-field
+          v-model="password"
+          :rules="passwordRules"
+          :type="passwordVisible ? 'text' : 'password'"
+          :append-icon="passwordVisible ? 'mdi-eye' : 'mdi-eye-off'"
+          label="パスワード"
+          required
+          @click:append="passwordVisible = !passwordVisible"
+        >
+        </v-text-field>
 
-      <v-text-field
-        v-model="registrationCode"
-        :rules="registrationCodeRules"
-        label="登録コード"
-        required
-      >
-      </v-text-field>
+        <v-text-field
+          v-model="registrationCode"
+          :rules="registrationCodeRules"
+          label="登録コード"
+          required
+        >
+        </v-text-field>
 
-      <v-btn
-        :disabled="!valid"
-        :loading="loading"
-        type="submit"
-        color="success"
-        block
-      >
-        作成
-      </v-btn>
-    </v-form>
+        <v-btn
+          :disabled="!valid"
+          :loading="loading"
+          type="submit"
+          color="success"
+          block
+        >
+          作成
+        </v-btn>
+      </v-form>
+    </div>
   </v-container>
 </template>
 <script>