CloudGPS

ユーザー登録

{ errorMessage }

</div>
                                <div class="form-group">
                                    <input ref="company" class="form-control" type="text" required="required" placeholder="会社名" />
                                </div>
                                <div class="form-group">
                                    <input ref="division" class="form-control" type="text" required="required" placeholder="部署名" />
                                </div>
                                <div class="form-group">
                                    <input ref="tel" class="form-control" type="text" required="required" placeholder="電話番号" />
                                </div>
                                <div class="btn-toolbar">
                                    <button class="btn btn-primary btn-sm pull-right" type="submit">登録する</button>
                                    <button class="btn btn-danger btn-sm pull-right" type="reset">キャンセルする</button>
                                </div>
                            </form>
                        </div>
                    </fieldset>
                </section>
            
            </div>
        </div>
    </main>
</div>

<script>
    var self = this
    var service = new UserService()
    var msgService = new MessageService()

self.on("mount", function() {
        document.title = 'ユーザー登録';
        document.body.className = "login-page";

$('#frmSignUp').parsley().subscribe('parsley:form:validate', self.validateForm);
    })

self.setErrorMessage = function( message ) {
        self.errorMessage = message
        self.update()
    }

self.validateForm = function(formInstance) {
        formInstance.submitEvent.preventDefault();

if (formInstance.isValid()) {
            self.onSignUpFormSubmit()
        }
    }

self.onSignUpFormSubmit = function() {
        var userData = new User();
        userData.username   = self.refs.username.value
        userData.username_kana = self.refs.username_kana.value
        userData.address    = self.refs.address.value
        userData.company    = self.refs.company.value
        userData.division   = self.refs.division.value
        userData.tel        = self.refs.tel.value

service.update(registerData, function(error, result) {
            if(error == null) {
                var msg = (result.responseJSON != null) ? result.responseJSON.message : ""
                self.setSuccesssMessage(msg);
            } else {
                self.processError(error)
            }
        })
    }

self.processError = function(error) {
        var response = error.responseJSON
        if(response.status != Config.STATUS_NG) {
            return
        }

var errorCode = response.error.code || '00012'
        msgService.get(errorCode, function(error, result) {
            if(error == null) {
                var message = result.result[0]
                self.setErrorMessage(message.content);
            } else {
                self.setErrorMessage("Cannot get error message!");
            }
        })

}
</script>

</register>