JSFiddle - React, Tailwind, and code Playground

by Lijo

HTML

RestaurantData.xsd

<?xml version="1.0" encoding="utf-8" ?>
<xs:schema id="RestaurantData" targetNamespace="urn:thinktecture-com:demos:restaurantservice:data:v1"
    elementFormDefault="qualified" xmlns="urn:thinktecture-com:demos:restaurantservice:data:v1"
    xmlns:mstns="urn:thinktecture-com:demos:restaurantservice:data:v1" xmlns:xs="http://www.w3.org/2001/XMLSchema">
  
    <xs:complexType name="restaurantInfo">
        <xs:sequence>
            <xs:element name="restaurantID" type="xs:int" />
            <xs:element name="name" type="xs:string" />
            <xs:element name="address" type="xs:string" />
            <xs:element name="city" type="xs:string" />
            <xs:element name="state" type="xs:string" />
            <xs:element name="zip" type="xs:string" />
            <xs:element name="openFrom" type="xs:time" />
            <xs:element name="openTo" type="xs:time" />
        </xs:sequence>
    </xs:complexType>
  
    <xs:complexType name="restaurantsList">
        <xs:sequence>
            <xs:element name="restaurant" type="restaurantInfo" 
                        maxOccurs="unbounded" minOccurs="0" />
        </xs:sequence>
    </xs:complexType>

  <xs:complexType name="customFault">
    <xs:sequence>
      <xs:element name="errorCode" type="xs:string"/>
      <xs:element name="message" type="xs:string"/>
      <xs:element maxOccurs="unbounded" minOccurs="0" name="messages" 
                  type="xs:string" />
    </xs:sequence>
  </xs:complexType>
  
  
</xs:schema>

//////////////////////////////////
RestaurantHeaderData.xsd

<?xml version="1.0" encoding="utf-8" ?>
<xs:schema id="RestaurantHeaderData" targetNamespace="urn:thinktecture-com:demos:restaurantservice:headerdata:v1"
    elementFormDefault="qualified" xmlns="urn:thinktecture-com:demos:restaurantservice:headerdata:v1"
    xmlns:mstns="urn:thinktecture-com:demos:restaurantservice:headerdata:v1" xmlns:xs="http://www.w3.org/2001/XMLSchema">
  
    <xs:complexType...

CSS

RestaurantMessages.xsd

<?xml version="1.0" encoding="utf-8" ?>
<xs:schema id="RestaurantMessages" targetNamespace="urn:thinktecture-com:demos:restaurantservice:messages:v1"
    elementFormDefault="qualified" xmlns="urn:thinktecture-com:demos:restaurantservice:messages:v1"
    xmlns:mstns="urn:thinktecture-com:demos:restaurantservice:messages:v1" 
           xmlns:xs="http://www.w3.org/2001/XMLSchema"
    xmlns:import="urn:thinktecture-com:demos:restaurantservice:data:v1">
  
    <xs:import id="RestaurantData" schemaLocation="RestaurantData.xsd" 
               namespace="urn:thinktecture-com:demos:restaurantservice:data:v1">
    </xs:import>
  
    <xs:element name="getRestaurants">
        <xs:complexType>
            <xs:sequence>
                <xs:element name="zip" type="xs:string" />
            </xs:sequence>
        </xs:complexType>
    </xs:element>
  
    <xs:element name="getRestaurantsResponse">
        <xs:complexType>
            <xs:sequence>
                <xs:element name="restaurants" type="import:restaurantsList" />
            </xs:sequence>
        </xs:complexType>
    </xs:element>
  
    <xs:element name="addRestaurant">
        <xs:complexType>
            <xs:sequence>
                <xs:element name="restaurant" type="import:restaurantInfo" />
            </xs:sequence>
        </xs:complexType>
    </xs:element>
  
  <xs:element name="customFault" type="import:customFault" />
  
</xs:schema>

JavaScript

<!--WSDL generated by thinktecture WSCF; version 1.0.13.0-->
<!--Friday, 07-09-2012 - 01:31 PM-->
    
<definitions xmlns:import0="urn:thinktecture-com:demos:restaurantservice:data:v1" 
             xmlns:import2="urn:thinktecture-com:demos:restaurantservice:messages:v1" 
             xmlns:xsd="http://www.w3.org/2001/XMLSchema" 
             xmlns:import1="urn:thinktecture-com:demos:restaurantservice:headerdata:v1" 
             xmlns:tns="urn:thinktecture-com:demos:restaurantservice:wsdl:v1" 
             xmlns:soap="http://schemas.xmlsoap.org/wsdl/soap/" 
             xmlns:soap12="http://schemas.xmlsoap.org/wsdl/soap12/" 
             name="RestauarntService" 
             targetNamespace="urn:thinktecture-com:demos:restaurantservice:wsdl:v1" 
             xmlns="http://schemas.xmlsoap.org/wsdl/">
  <wsdl:documentation xmlns:wsdl="http://schemas.xmlsoap.org/wsdl/" />
  <types>
    <xsd:schema>
      <xsd:import schemaLocation="RestaurantData.xsd" namespace="urn:thinktecture-com:demos:restaurantservice:data:v1" />
      <xsd:import schemaLocation="RestaurantHeaderData.xsd" namespace="urn:thinktecture-com:demos:restaurantservice:headerdata:v1" />
      <xsd:import schemaLocation="RestaurantMessages.xsd" namespace="urn:thinktecture-com:demos:restaurantservice:messages:v1" />
    </xsd:schema>
  </types>
  <message name="getRestaurantsIn">
    <wsdl:documentation xmlns:wsdl="http://schemas.xmlsoap.org/wsdl/" />
    <part name="parameters" element="import2:getRestaurants" />
  </message>
  <message name="getRestaurantsOut">
    <wsdl:documentation xmlns:wsdl="http://schemas.xmlsoap.org/wsdl/" />
    <part name="parameters" element="import2:getRestaurantsResponse" />
  </message>
  <message name="lijosCustomFaultMessage">
    <wsdl:documentation xmlns:wsdl="http://schemas.xmlsoap.org/wsdl/" />
    <part name="fault" element="import2:customFault" />
  </message>
  <message name="userCredentialsIn">
    <wsdl:documentation...