JSFiddle - React, Tailwind, and code Playground

by goranobradovic

HTML

<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
<script src="http://knockoutjs.com/js/knockout-2.1.0.js"></script>
<div data-role="content">
            <ul data-role="listview" id="invoiceList"  data-bind="foreach: Invoices" data-filter="true" data-filter-placeholder="Search Invoices ...">
                <li onclick="ViewHelpers.ShowSelectedInvoice(this);">
                    <a href="#" data-direction="reverse">
                        <div class="ui-grid-a">
                            <div class="ui-block-a">
                                <h3 data-bind="text: Contact"></h3>
                            </div>
                            <!--<div class="ui-block-b" data-bind="if: IsDirty"><img style="text-align:center" src="images/invoice_changed_icon.png" alt="invoice changed"/></div>-->
                            <div class="ui-block-b"> 
                                <h3 style="text-align: right;" data-bind="text: InvoiceTotal"></h3>
                            </div>
                            <div class="ui-block-a">
                                <p><i data-bind="text: InvoiceNumber"></i></p>
                            </div>
                            <!--<div class="ui-block-b"></div>-->
                            <div class="ui-block-b"></div>
                            <div class="ui-block-a" style="padding-top: 5px;">
                                <p data-bind="text: formattedInvDate"></p>
                            </div>
                            <!--<div class="ui-block-b"></div>-->
                            <div class="ui-block-b" style="padding-top: 5px;">
                                <p style="text-align: right;" data-bind="text: State"></p>
                            </div>
                            <div class="ui-block-a" data-bind="if: IsDirty">
                                <img style="text-align:center" src="images/invoice_changed_icon.png" alt="invoice changed"/>
         ...