| 両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン |
| apps:public:ml_entry [2020/03/19 09:05] – admin | apps:public:ml_entry [2020/10/06 17:01] (現在) – 外部編集 127.0.0.1 |
|---|
| <WRAP page-title> | |
| ====== メール通知登録 ====== | ====== メール通知登録 ====== |
| <php> | |
| echo '<div class="small text-right">'; | |
| $pinfo = $GLOBALS['TEMPLATE']->getPageInfo(); | |
| echo '</div>'; | |
| </php> | |
| </WRAP> | |
| |
| <html> | <html> |
| <div id="app"> | <div id="app"> |
| <div v-if="done" class="row"> | <div v-if="done" class="row"> |
| <div class="col-sm-2"></div> | <div class="col-sm-12"> |
| <div class="col-sm-8"> | <div class="alert alert-warning">まだ登録は完了していません.</div> |
| <div class="alert alert-caution">まだ登録は完了していません.</div> | |
| <h2>確認メールを送信しました.</h2> | <h2>確認メールを送信しました.</h2> |
| <p>入力頂いたメールアドレス宛に、確認メールを送信しました.</p> | <p>入力頂いたメールアドレス宛に、確認メールを送信しました.</p> |
| <p>届いたメールに記載された URL をクリックし、登録を完了してください.</p> | <p>届いたメールに記載された URL をクリックし、登録を完了してください.</p> |
| </div> | </div> |
| <div class="col-sm-2"></div> | |
| </div> | </div> |
| <div v-else class="row"> | <div v-else> |
| <div class="col-sm-2"></div> | <div class="row"> |
| <div class="col-sm-8"> | <div class="col-sm-12"> |
| <p>本サイトに掲載される大会、講習会などの更新情報をメールで受け取ることができます。</p> | <p>本サイトに掲載される大会、講習会などの更新情報をメールで受け取ることができます。</p> |
| <ul> | <ul> |
| <li>このメール通知機能は <span style="font-weight: bold">埼玉県ドッジボール協会会員でない方を対象</span> にしています。</li> | <li>このメール通知機能は <span style="font-weight: bold">埼玉県ドッジボール協会会員でない方を対象</span> にしています。</li> |
| <li>埼玉県内で活動されるチーム代表者、指導者、審判員の方は、<a href="doku.php?id=apps:public:member_entry">会員登録</a> からの登録をお願いいたします。</li> | <li>埼玉県内で活動されるチーム代表者、指導者、審判員の方は、<a href="doku.php?id=apps:public:member_entry">会員登録</a> からの登録をお願いいたします。</li> |
| </ul> | </ul> |
| <ol> | <ol> |
| <li>以下のフォームからメールアドレスをご登録ください。</li> | <li>以下のフォームからメールアドレスをご登録ください。</li> |
| <li>入力されたアドレスに本登録用の URL が記載されたメールが届きます。</li> | <li>入力されたアドレスに本登録用の URL が記載されたメールが届きます。</li> |
| <li>メールに記載の URL をクリックし、登録完了のメッセージが表示されれば完了です。</li> | <li>メールに記載の URL をクリックし、登録完了のメッセージが表示されれば完了です。</li> |
| </ol> | </ol> |
| | </div> |
| </div> | </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> |
| email: '' | email: '' |
| }, | }, |
| done: false; | done: false |
| }, | }, |
| methods: { | methods: { |