JSFiddle - React, Tailwind, and code Playground

by molecule

HTML

<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-3.3.1/resources/css/ext-all.css">
<script src="http://dev.sencha.com/deploy/ext-3.3.1/adapter/ext/ext-base.js"></script>
<script src="http://dev.sencha.com/deploy/ext-3.3.1/ext-all-debug.js"></script>

JavaScript

Ext.onReady(function()

{
Ext.QuickTips.init();

Ext.data.Record.create([

{
    name: 'username',
    type: 'string'
}, {
    name: 'password',
    type: 'string'
}

]);


var writer = new Ext.data.JsonWriter({
       encode: true,

       writeAllFields:true
   });

var proxy = new Ext.data.HttpProxy({
 method: 'POST',
url: 'http://10.244.0.132/company.pt'

 }
);

var store = new Ext.data.Store({
       id: 'user',
       proxy: proxy,

       writer: writer,
       autoSave: false
   });

 store.save();

var loginForm = {
xtype: 'form',
id: 'login-form',
bodyStyle: 'padding:15px;background:transparent',
border: false,



items: [{
         xtype: 'box',
                 autoEl: {
                           tag: 'div',
                                   html: '<div><center><b><h2>Log in </h2><b></center></div>'
                                   }
                },
                { xtype: 'textfield',
                id: 'login-user',
    fieldLabel: 'Username',
                allowBlank: false,
                blankText:'Enter your username',
                minLength: 3,
                maxLength: 32,
                msgTarget:'side'

                },
                { xtype: 'textfield',
                id: 'login-pwd',
                fieldLabel: 'Password',
                inputType: 'password',
                allowBlank: false,
                minLength: 6,
                maxLength: 32,
                msgTarget:'side',
                vtype: 'password'

                }
        ],

                buttons: [{
                          text: 'Login',
                                  id:'mb1',
                                  formBind: true,
                                  handler: function() {

                                if(form.getForm.isValid()){
                                                var redirect='custom-grid.html';
                                                 window.location = redirect;


                                 ...