projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | Ext.define('Admin.view.authentication.Register', {\r |
| 2 | extend: 'Admin.view.authentication.LockingWindow',\r | |
| 3 | xtype: 'register',\r | |
| 4 | \r | |
| 5 | requires: [\r | |
| 6 | 'Admin.view.authentication.Dialog',\r | |
| 7 | 'Ext.button.Button',\r | |
| 8 | 'Ext.form.Label',\r | |
| 9 | 'Ext.form.field.Checkbox',\r | |
| 10 | 'Ext.form.field.Text'\r | |
| 11 | ],\r | |
| 12 | \r | |
| 13 | title: 'User Registration',\r | |
| 14 | defaultFocus: 'authdialog', // Focus the Auth Form to force field focus as well\r | |
| 15 | \r | |
| 16 | items: [\r | |
| 17 | {\r | |
| 18 | xtype: 'authdialog',\r | |
| 19 | bodyPadding: '20 20',\r | |
| 20 | width: 455,\r | |
| 21 | reference : 'authDialog',\r | |
| 22 | \r | |
| 23 | defaultButton : 'submitButton',\r | |
| 24 | autoComplete: true,\r | |
| 25 | cls: 'auth-dialog-register',\r | |
| 26 | layout: {\r | |
| 27 | type: 'vbox',\r | |
| 28 | align: 'stretch'\r | |
| 29 | },\r | |
| 30 | defaults : {\r | |
| 31 | margin: '10 0',\r | |
| 32 | selectOnFocus : true\r | |
| 33 | },\r | |
| 34 | items: [\r | |
| 35 | {\r | |
| 36 | xtype: 'label',\r | |
| 37 | cls: 'lock-screen-top-label',\r | |
| 38 | text: 'Create an account'\r | |
| 39 | },\r | |
| 40 | {\r | |
| 41 | xtype: 'textfield',\r | |
| 42 | cls: 'auth-textbox',\r | |
| 43 | height: 55,\r | |
| 44 | hideLabel: true,\r | |
| 45 | allowBlank : false,\r | |
| 46 | emptyText: 'Fullname',\r | |
| 47 | name: 'fullName',\r | |
| 48 | bind: '{fullName}',\r | |
| 49 | triggers: {\r | |
| 50 | glyphed: {\r | |
| 51 | cls: 'trigger-glyph-noop auth-email-trigger'\r | |
| 52 | }\r | |
| 53 | }\r | |
| 54 | },\r | |
| 55 | {\r | |
| 56 | xtype: 'textfield',\r | |
| 57 | cls: 'auth-textbox',\r | |
| 58 | height: 55,\r | |
| 59 | hideLabel: true,\r | |
| 60 | allowBlank : false,\r | |
| 61 | name: 'userid',\r | |
| 62 | bind: '{userid}',\r | |
| 63 | emptyText: 'Username',\r | |
| 64 | triggers: {\r | |
| 65 | glyphed: {\r | |
| 66 | cls: 'trigger-glyph-noop auth-email-trigger'\r | |
| 67 | }\r | |
| 68 | }\r | |
| 69 | },\r | |
| 70 | {\r | |
| 71 | xtype: 'textfield',\r | |
| 72 | cls: 'auth-textbox',\r | |
| 73 | height: 55,\r | |
| 74 | hideLabel: true,\r | |
| 75 | allowBlank : false,\r | |
| 76 | name: 'email',\r | |
| 77 | emptyText: 'user@example.com',\r | |
| 78 | vtype: 'email',\r | |
| 79 | bind: '{email}',\r | |
| 80 | triggers: {\r | |
| 81 | glyphed: {\r | |
| 82 | cls: 'trigger-glyph-noop auth-envelope-trigger'\r | |
| 83 | }\r | |
| 84 | }\r | |
| 85 | },\r | |
| 86 | {\r | |
| 87 | xtype: 'textfield',\r | |
| 88 | cls: 'auth-textbox',\r | |
| 89 | height: 55,\r | |
| 90 | hideLabel: true,\r | |
| 91 | allowBlank : false,\r | |
| 92 | emptyText: 'Password',\r | |
| 93 | name: 'password',\r | |
| 94 | inputType: 'password',\r | |
| 95 | bind: '{password}',\r | |
| 96 | triggers: {\r | |
| 97 | glyphed: {\r | |
| 98 | cls: 'trigger-glyph-noop auth-password-trigger'\r | |
| 99 | }\r | |
| 100 | }\r | |
| 101 | },\r | |
| 102 | {\r | |
| 103 | xtype: 'checkbox',\r | |
| 104 | flex: 1,\r | |
| 105 | name: 'agrees',\r | |
| 106 | cls: 'form-panel-font-color rememberMeCheckbox',\r | |
| 107 | height: 32,\r | |
| 108 | bind: '{agrees}',\r | |
| 109 | allowBlank : false,\r | |
| 110 | boxLabel: 'I agree with the Terms and Conditions',\r | |
| 111 | \r | |
| 112 | // In this case, the form operation is not VALID unless Terms are agreed upon\r | |
| 113 | isValid: function() {\r | |
| 114 | var me = this;\r | |
| 115 | return me.checked || me.disabled;\r | |
| 116 | }\r | |
| 117 | },\r | |
| 118 | {\r | |
| 119 | xtype: 'button',\r | |
| 120 | scale: 'large',\r | |
| 121 | ui: 'soft-blue',\r | |
| 122 | formBind: true,\r | |
| 123 | reference: 'submitButton',\r | |
| 124 | bind: false,\r | |
| 125 | margin: '5 0',\r | |
| 126 | iconAlign: 'right',\r | |
| 127 | iconCls: 'x-fa fa-angle-right',\r | |
| 128 | text: 'Signup',\r | |
| 129 | listeners: {\r | |
| 130 | click: 'onSignupClick'\r | |
| 131 | }\r | |
| 132 | },\r | |
| 133 | {\r | |
| 134 | xtype: 'box',\r | |
| 135 | html: '<div class="outer-div"><div class="seperator">OR</div></div>'\r | |
| 136 | },\r | |
| 137 | {\r | |
| 138 | xtype: 'button',\r | |
| 139 | scale: 'large',\r | |
| 140 | ui: 'facebook',\r | |
| 141 | margin: '5 0',\r | |
| 142 | iconAlign: 'right',\r | |
| 143 | iconCls: 'x-fa fa-facebook',\r | |
| 144 | text: 'Login with Facebook',\r | |
| 145 | listeners: {\r | |
| 146 | click: 'onFaceBookLogin'\r | |
| 147 | }\r | |
| 148 | },\r | |
| 149 | {\r | |
| 150 | xtype: 'component',\r | |
| 151 | html: '<div style="text-align:right">' +\r | |
| 152 | '<a href="#login" class="link-forgot-password">'+\r | |
| 153 | 'Back to Log In</a>' +\r | |
| 154 | '</div>'\r | |
| 155 | }\r | |
| 156 | ]\r | |
| 157 | }\r | |
| 158 | ]\r | |
| 159 | });\r |