apps:public:ml_entry

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
次のリビジョン		 前のリビジョン
次のリビジョン両方とも次のリビジョン
apps:public:ml_entry [2020/03/18 17:09] – adminapps:public:ml_entry [2020/03/19 09:09] – admin
行 18: 行 18:
  
 <div id="app"> <div id="app">
-  <div class="row">+  <div v-if="done" class="row">
     <div class="col-sm-2"></div>     <div class="col-sm-2"></div>
     <div class="col-sm-8">     <div class="col-sm-8">
-      <p>本サイトに掲載される大会、講習会などの更新情報をメールで受け取ることができます。</p> +      <div class="alert alert-warning">まだ登録は完了していません.</div> 
-      <ul> +      <h2>確認メールを送信しました.</h2> 
-        <li>このメール通知機能は <span style="font-weight: bold">埼玉県ドッジボール協会会員でない方を対象</span> にしています。</li> +      <p>入力頂いたメールアドレス宛に、確認メールを送信しました.</p> 
-        <li>埼玉県内で活動されるチーム代表者、指導者、審判員の方は、<a href="doku.php?id=apps:public:member_entry">会員登録</a> からの登録をお願いいたします。</li> +      <p>届いたメールに記載された URL をクリックし、登録を完了してください.</p>
-      </ul> +
-      <ol> +
-        <li>以下のフォームからメールアドレスをご登録ください。</li> +
-        <li>入力されたアドレスに本登録用の URL が記載されたメールが届きます。</li> +
-        <li>メールに記載の URL をクリックし、登録完了のメッセージが表示されれば完了です。</li> +
-      </ol>+
     </div>     </div>
-    <div class="col-sm-2"></div>+    <div class="col-sm-2"></div>    
   </div>   </div>
 +  <div v-else>
 +    <div class="row">
 +      <div class="col-sm-2"></div>
 +      <div class="col-sm-8">
 +        <p>本サイトに掲載される大会、講習会などの更新情報をメールで受け取ることができます。</p>
 +        <ul>
 +          <li>このメール通知機能は <span style="font-weight: bold">埼玉県ドッジボール協会会員でない方を対象</span> にしています。</li>
 +          <li>埼玉県内で活動されるチーム代表者、指導者、審判員の方は、<a href="doku.php?id=apps:public:member_entry">会員登録</a> からの登録をお願いいたします。</li>
 +        </ul>
 +        <ol>
 +          <li>以下のフォームからメールアドレスをご登録ください。</li>
 +          <li>入力されたアドレスに本登録用の URL が記載されたメールが届きます。</li>
 +          <li>メールに記載の URL をクリックし、登録完了のメッセージが表示されれば完了です。</li>
 +        </ol>
 +      </div>
 +      <div class="col-sm-2"></div>
 +    </div>
  
-  <hr>+    <hr>
  
-  <div class="form-horizontal"> +    <div class="form-horizontal"> 
-    <div class="form-group" v-bind:class="{ 'has-error': errors.email }"> +      <div class="form-group" v-bind:class="{ 'has-error': errors.email }"> 
-      <label class="col-sm-4 control-label">メールアドレス</label> +        <label class="col-sm-4 control-label">メールアドレス</label> 
-      <div class="col-sm-6"> +        <div class="col-sm-6"> 
-        <input type="email" class="form-control" required="true" v-model="message.email"> +          <input type="email" class="form-control" required="true" v-model="message.email"> 
-        <span class="text-danger" v-show="errors.email">{{ errors.email }}</span>+          <span class="text-danger" v-show="errors.email">{{ errors.email }}</span> 
 +        </div>
       </div>       </div>
-    </div> +      <div class="form-group" v-bind:class="{ 'has-error': errors.recaptcha }"> 
-    <div class="form-group" v-bind:class="{ 'has-error': errors.recaptcha }"> +        <label class="col-sm-4 control-label"></label> 
-      <label class="col-sm-4 control-label"></label> +        <div class="col-sm-6"> 
-      <div class="col-sm-6"> +          <vue-recaptcha sitekey="6LfmGOAUAAAAAGgzcpNWN-A--6ggRfnYAE94IOR3" ref="invisibleRecaptcha"></vue-recaptcha> 
-        <vue-recaptcha sitekey="6LfmGOAUAAAAAGgzcpNWN-A--6ggRfnYAE94IOR3" ref="invisibleRecaptcha"></vue-recaptcha> +          <span class="text-danger" v-show="errors.recaptcha">{{ errors.recaptcha }}</span> 
-        <span class="text-danger" v-show="errors.recaptcha">{{ errors.recaptcha }}</span>+        </div>
       </div>       </div>
     </div>     </div>
-  </div> +    <div class="row"> 
-  <div class="row"> +      <div class="col-xs-12" style="text-align: right"> 
-    <div class="col-xs-12" style="text-align: right"> +        <button type="button" class="btn btn-default" @click="clearMessageHandler">取消</button> 
-      <button type="button" class="btn btn-default" @click="clearMessageHandler">取消</button> +        <button type="button" class="btn btn-primary" @click="showConfirmModalHandler">確認</button> 
-      <button type="button" class="btn btn-primary" @click="showConfirmModalHandler">確認</button>+      </div>
     </div>     </div>
   </div>   </div>
行 129: 行 141:
       recaptcha: '',       recaptcha: '',
       email: ''       email: ''
-    }+    }, 
 +    done: false;
   },   },
   methods: {   methods: {
行 168: 行 181:
       })       })
       .then((res) => {       .then((res) => {
-        alert('送信しました.');+        this.done = true;
       })       })
       .catch((res) => {       .catch((res) => {
  • apps/public/ml_entry.txt
  • 最終更新: 2020/10/06 17:01
  • by 127.0.0.1