JSFiddle - React, Tailwind, and code Playground

by Kalu Singh Rao

HTML

<%@ Page Title="" Language="C#" MasterPageFile="~/Administrator/BackEndMaster.master" AutoEventWireup="true" CodeFile="Purchase.aspx.cs" Inherits="Administrator_Purchase" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cpHeader" Runat="Server">
    <link rel="stylesheet" href="../css/purchase_style.css" type="text/css"/>	
    <script type="text/javascript" src="../js/angular.min.js"></script>
    <script type="text/javascript" src="../js/angular-animate.min.js"></script>
    <script type="text/javascript" src="../js/angular-resource.min.js"></script>
    <script type="text/javascript" src="../js/angular-sanitize.min.js"></script>
    <script type="text/javascript" src="../js/angular-ui-router.min.js"></script>
    <script type="text/javascript" src="../js/ui-bootstrap-tpls-2.5.0.min.js"></script>
    <script type="text/javascript" src="../js/controller.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cpLeftNavigation" Runat="Server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cpContent" Runat="Server">
		<div class="container-fluid" ng-app="RestaurentApp" ng-controller="PurchaseCtrl">
			<div class="row">
				<div class="col-sm-12 set-search-order">				
					<input type="text" ng-model="query" class="form-control" placeholder="Search for..." typeahead-select-on-exact="true" uib-typeahead="item as (item.Name) for item in Allproduct | filter:$viewValue" 
                 typeahead-loading="loadingLocations" typeahead-no-results="noResults" typeahead-on-select="getproduct($item.Sku,1);query=''" />
                 <i ng-show="loadingLocations" class="glyphicon glyphicon-refresh">
                 </i>
                 <div ng-show="noResults" >
                    <i class="glyphicon glyphicon-remove"></i> No Results Found
                 </div>
				</div>
			</div>
			<div class="panel panel-default">
				<div class="panel-body">
                    <div class="col-sm-12 removepadding set-margin">
					   ...