Untitled

<!DOCTYPE html>
<html>
<head>
    <title>MEAPIO Demo</title>
    <!-- ********************************************************************************************************************* -->
    <!-- ** ADAPT THE MOBILE WEB VERSION TO EMULATE THE COMPILED APP VERSION (ICONS, SPLASHSCREENS, ETC) IF "ADD TO HOMESCREEN" IS USED   -->
    <!-- ********************************************************************************************************************* -->
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link rel="apple-touch-icon" href="57-a-blue.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="72-a-blue.png" href="Icon-72.png"/>
    <link rel="apple-touch-icon" sizes="114x114" href="114-a-blue.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="144-a-blue.png"/>
    <!-- iPhone 		-->
    <link href="apple-startup-iphone.png"
          media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)"
          rel="apple-touch-startup-image">
    <!-- iPhone 5 		-->
    <link href="apple-startup-iphone-tall-retina.png"
          media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"
          rel="apple-touch-startup-image">
    <!-- iPhone (Retina)-->
    <link href="apple-startup-iphone-retina.png"
          media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"
          rel="apple-touch-startup-image">
    <!-- iPad Portrait  -->
    <link href="apple-startup-ipad-portrait.png"
          media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)"
          rel="apple-touch-startup-image">
    <!-- iPad Landscape -->
    <link href="apple-startup-ipad-landscape.png"
          media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)"
          rel="apple-touch-startup-image">
    <!-- iPad Portrait (Retina)  -->
    <link href="apple-startup-ipad-portrait-retina.png"
          media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)"
          rel="apple-touch-startup-image">
    <!-- iPad Landscape (Retina) -->
    <link href="apple-startup-ipad-landscape-retina.png"
          media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"
          rel="apple-touch-startup-image">
    <!-- ********************************************************************************************************************* -->
    <!-- *** SYTYLE SHEET INCLUDES 					-->
    <!-- ********************************************************************************************************************* -->
    <link rel="stylesheet" href="../3rdParty/jqm/1.3.1/jquery.mobile-1.3.1.css"/>
    <link rel="stylesheet" href="../3rdParty/jqm/1.3.1/demos/_assets/css/jqm-demos.css"/>
    <link rel="stylesheet" href="css/custom.css"/>
    <!-- ********************************************************************************************************************* -->
    <!-- *** JAVASCRIPT INCLUDES 					-->
    <!-- ********************************************************************************************************************* -->
    <script type="text/javascript" src="../3rdParty/jquery/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="../3rdParty/jquery/jquery-migrate-1.1.1.js"></script>
    <script type="text/javascript" src="archetype-MVC.js"></script>
    <script type="text/javascript" src="../3rdParty/jqm/1.3.1/jquery.mobile-1.3.1.js"></script>
    <script type="text/javascript" src="../3rdParty/jqm/1.3.1/demos/_assets/js/jqm-demos.js"></script>
    <script type="text/javascript" src="shiny/map.js"></script>

</head>
<body>
<!-- ********************************************************************************************************************* -->
<!-- *** MOTOCOL @rchetype CONFIG AND GENERAL PURPOSE PAGES					-->
<!-- ********************************************************************************************************************* -->
<div data-motocol-app="MEAPIO Demo"
     data-motocol-offlinecommits="true"
     data-motocol-action="webservice/archetype-REST.php"
     data-motocol-startpage="home"
     data-motocol-method="GET"
     data-motocol-ajaxtimeout="10000" class="jqm-demos jqm-demos-home"></div>

<div data-role="page" id="empty" class="jqm-demos jqm-demos-home" data-motocol-archetype="Page"></div>


<div data-role="page" id="home-archetype" class="jqm-demos jqm-demos-home" data-motocol-archetype="Page">
    <div data-motocol-schema="Service"></div>
    <div data-motocol-schema="meapio_wp984"></div>
    <div data-role="header" data-position="fixed" data-theme="b">
        <h1>Sample App</h1>
    </div>
    <div data-role="content" class="jqm-content">
        <form data-motocol-formaction="process.genparams" >
            <input type="hidden" name="querytype" value="create">
            <input type="hidden" name="queryhow" value="item">
            <input type="hidden" name="itemloc" value="Service">
            <input type="hidden" name="itemtype" value="email_orchestration">

            <input type="text" id="contact_name"  name="contact_name" placeholder="contact_name">
            <input type="text" id="contact_email"  name="contact_email" placeholder="contact_email">
            <input type="text" id="contact_subject"  name="contact_subject" placeholder="contact_subject">
            <input type="text" id="contact_message"  name="contact_message" placeholder="contact_message">

            <input type="submit" value="submit">
        </form>
        <ul data-motocol-schema="meapio_wp984.locations">
            <li data-motocol-item=".textarea:location_name"></li>
            <li data-motocol-item=".textarea:location_addr"></li>
            <li data-motocol-item=".textarea:location_city"></li>
            <li data-motocol-item=".textarea:location_state"></li>
            <li data-motocol-item=".textarea:location_zip"></li>
            <li data-motocol-item=".textarea:phone"></li>
        </ul>
        <div>
            <div data-motocol-schema="meapio_wp984.locations"
                 data-motocol-key="location_id"
                 data-motocol-item="1"
                 data-shiny-object-map=".size:browser-187;.single:location_addr location_city, location_state location_zip;">
            </div>
        </div>

    </div>
    <div data-role="footer" data-position="fixed" data-theme="a">
        <h4>&copy;2016 MEAPIO LLC. All Rights Reserved.</h4>
    </div>
    <!-- /footer -->
</div>

<!---------------------------------- Login page ----------------------------------->
<div data-role="page" id="login-archetype" data-motocol-archetype="Page" data-theme="d" data-motocol-login="page">
    <div data-role="header" data-theme="f">
        <h1>Account Login</h1>
    </div>
    <div data-role="content">
        <h3>Login to your account.</h3>
        <form data-motocol-login="form" data-motocol-formaction="ignore">

            <label style="color:red;" data-motocol-error="">
                <h1 style="color:red;" data-motocol-error="errorcode"></h1>
                <div style="color:red;" data-motocol-error="errortext"></div>
                <div style="color:red;" data-motocol-error="errorinfo"></div>
                <div style="color:red;" data-motocol-error="errortype"></div>
            </label>
            <input type="text" data-motocol-login="user" autocomplete="off" autocapitalize="off" autocorrect="off"
                   spellcheck="false" id="user" type="text" value="" placeholder="username">
            <input data-motocol-login="pass" id="pass" type="text" value="" placeholder="password">
            <input id="login-button" data-motocol-login="button" type="submit" value="Authenticate" onclick="$OAUTH._loginProcess()">
        </form>
    </div>
    <!-- /content -->
</div>
<!-- /page -->


<!---------------------------------- Error page ----------------------------------->
<div data-role="page" id="exception-archetype" data-theme="d" data-motocol-error="page">
    <div data-role="header" data-theme="f">
        <h1>Error</h1>
    </div>
    <div data-role="content">
        <h3>An unexpected error has occured</h3>

        <form data-motocol-login="form">
            <h1 style="color:red;" data-motocol-error="errorcode"></h1>

            <div style="color:red;" data-motocol-error="errortext"></div>
            <div style="color:red;" data-motocol-error="errorinfo"></div>
            <div style="color:red;" data-motocol-error="errortype"></div>
            <!--            <label style="color:red;" id="fail1"></label> -->
            <a href="#home" data-role="button" data-transition="pop" data-direction="reverse"
               data-theme="a">Ok</a>
        </form>
    </div>
    <!-- /content -->
</div>
<!-- /page -->

<div id="DBUG" data-motocol-tag="DBUG"></div>

<div id="recmoreid" data-motocol-recstart="0" data-motocol-recperpage="10" data-motocol-recmore-default><p>MORE RECORDS</p></div>
</body>
</html>
Position:	Ln 1, Ch 1	Total:	Ln 169, Ch 9128	resize