JSFiddle - React, Tailwind, and code Playground

by thomasf1

HTML

<script src="http://www.colldo.com/js/extensible/extensible-all-debug.js"></script>
<link rel="stylesheet" href="http://www.colldo.com/js/ext/resources/css/ext-all.css">
<link rel="stylesheet" href="http://www.colldo.com/js/extensible/resources/css/extensible-all.css">
<link rel="stylesheet" href="http://www.colldo.com/js/extensible/examples/examples.css">
<div id="testdiv"></div>

CSS

.testdiv {      
            height: 500px;
            width: 500px;
        }

JavaScript

Ext.Loader.setConfig({
    enabled: true,
    disableCaching: false,
    paths: {
        Extensible: "http://www.colldo.com/js/extensible",
        "Extensible.example": "http://www.colldo.com/js/extensible/examples"
    }
});
Ext.require(["Extensible.example.calendar.data.Events", "Extensible.example.calendar.data.Calendars"]);
Ext.onReady(function() {
    //alert('ext ready');
    this.calendarStore = Ext.create("Extensible.calendar.data.MemoryCalendarStore", {
        data: Ext.create("Extensible.example.calendar.data.Calendars")
    });
    this.eventStore = Ext.create("Extensible.calendar.data.MemoryEventStore", {
        data: Ext.create("Extensible.example.calendar.data.Events"),
        autoMsg: false
    });
    //alert('1');
    window.view = Ext.create("Extensible.calendar.CalendarPanel", {
        eventStore: this.eventStore,
        calendarStore: this.calendarStore,
        renderTo: "testdiv",
        showNavBar: false,
        border: 0,
        width: 500,
        height: 500
    });
    //alert('2');
    Ext.ns("Extensible.example");
    return Extensible.example.msg = function(title, format) {
        var m, s;
        if (!this.msgCt) {
            this.msgCt = Ext.core.DomHelper.insertFirst(document.body, {
                id: "msg-div"
            }, true);
        }
        this.msgCt.alignTo(document, "t-t");
        s = Ext.String.format.apply(String, Array.prototype.slice.call(arguments, 1));
        m = Ext.core.DomHelper.append(this.msgCt, {
            html: "<div class=\"msg\"><h3>" + title + "</h3><p>" + s + "</p></div>"
        }, true);
        return m.slideIn("t").pause(3000).ghost("t", {
            remove: true
        });
    };
});