Loading App

<div style="clear:both;">
      <div class="breadcrumbTitle" style="clear:both;">{groupName}</div>
      <div class="productTitle" style="clear:both;margin-top:5px;">{name}</div>
      <div class="productShortDescription" style="clear:both;">{shortDescription}</div>
      <div style="clear:both;border-top:1px solid #dedede;margin-top:10px;"></div>
      <div style="float:right;clear:right;width:50%;margin:40px 0 0 20px;" onclick="javascript: void(Common.Main.getApplication().fireEvent('showProductImages'));">
        <img style="width:100%;border-radius:10px;" src="https://www.mrprint.com/images/{imageUrl}">
      </div>
      <div style="float:right;clear:right;width:50%;border:1px solid #e3e3e3;background:#f3f3f3;font-weight:bold;font-size:16px;margin:40px 0 20px 20px;padding:15px;">
        <ul class="factsAtGlanceText" style="padding:10px 0 10px 50px;">
            <li class="factsAtGlanceItem standardListStyle">{fact1}</li>
            <li class="factsAtGlanceItem standardListStyle">{fact2}</li>
            <li class="factsAtGlanceItem standardListStyle">{fact3}</li>
        </ul>
      </div>
      <div style="margin-top:30px;">
        <p class="standardText" style="margin:15px 0;">{longDescription}</p>
      </div>
    </div>

<div style="clear:both;">
         <tpl if="displayHeader">
             <tpl for="header">
                 <div class="breadcrumbTitle" style="clear:both;">{productMenuRootTitle}</div>
                 <div class="productTitle" style="clear:both;margin-top:5px;">{productTitleUpper}</div>
                 <div class="productShortDescription" style="clear:both;">{productShortDescription}</div>
                 <div style="clear:both;border-top:1px solid #dedede;margin-top:10px;"></div>
             </tpl>
         </tpl>
         <div<tpl if="displayHeader"> style="margin-top:30px;"</tpl>>
             <tpl for="reviews">
                     <div style="margin:<tpl if='firstValue'>0<tpl else>20</tpl>px 0 10px;">
                          <table style="margin:0 0 10px 0;">
                             <tr>
                                 <td valign="middle" nowrap>
                                     <div class="standardTitle" style="clear:both;"><b>{name}</b></div>
                                     <tpl if="title">
                                         <div  class="headingText" style="clear:both;">{title}</div>
                                     </tpl>
                                     <tpl if="companyName">
                                         <div class="headingText" style="clear:both;">{companyName}</div>
                                     </tpl>
                                     <tpl if="address">
                                         <div class="headingText" style="clear:both;">{address}</div>
                                     </tpl>
                                 </td>
                                 <td valign="top" style="padding-left:20px;" width="100%">
                                     <tpl if="imageUrl"><img src="{imageUrl}" style="max-height:{headerContentCount*20}px;border:1px solid #CCC;"></tpl>
                                 </td>
                             </tr>
                          </table>
                          <div class="standardText" style="margin:20px 0 10px 40px;">"{reviewText}"</div>
                          <div style="margin-top:20px;border-bottom:1px solid #CCC;"></div>
                     </div>
             </tpl>
         </div>
     </div>

<div style="clear:both;background:white;padding:0px;overflow-y:auto;max-width:500px;">
      <tpl for=".">
        <table border="0" cellpadding="0" cellspacing="0" class="mapInfoBoxText"<tpl if="firstRecordFlag"><tpl else> style="margin-top:10px;"</tpl>>
          <tr>
            <td style="padding-left:5px;padding-top:5px;">
              <div style="clear:both;"><b><tpl if='customerType=="CUSTOMER"'>[{customerNo}] </tpl>{customerName}</b><tpl if="holdFlag"> <b style="color:red;">ON HOLD</b></tpl></div>
              <div style="clear:both;margin:0 0 10px 0;">{fullAddress}</div>
              <tpl if="phoneList"><div style="clear:both;">{phoneList}</div></tpl>          
              <tpl if="equipmentList"><div style="clear:both;margin-top: 10px;"><b>Inventory:</b> {equipmentList}</div></tpl>          
              <div style="clear:both;margin-top:20px;display:-webkit-box;<tpl if="multiRecord">margin-top:10px;<tpl else>margin-top:20px;</tpl>">
                <div class="x-button-normal x-button x-layout-box-item x-stretched" style="width:100px;cursor:pointer;" onclick="javascript: Common.Main.getApplication().fireEvent('customerFinderMapMoreInfo','{customerType}','{customerNo}');">
                  <span class="x-button-label">More Info</span>
                </div>
                <div class="x-button-normal x-button x-layout-box-item x-stretched" style="margin-left:5px;width:110px;cursor:pointer;" onclick="javascript: Common.Main.getApplication().fireEvent('addToTrip', 'SELECTION',null,'{customerType}','{customerNo}');">
                  <span class="x-button-label">Add To Trip</span>
                </div>
                <div class="x-button-normal x-button x-layout-box-item x-stretched" style="margin-left:5px;width:100px;cursor:pointer;" onclick="javascript: Common.Main.getApplication().fireEvent('addCustomerToContacts','{customerType}','{customerNo}');">
                  <span class="x-button-label">vCard</span>
                </div>
                <div class="x-button-normal x-button x-layout-box-item x-stretched" style="margin-left:5px;width:75px;cursor:pointer;" onclick="javascript: Common.Main.getApplication().fireEvent('pinCustomer',this, '{customerType}','{customerNo}');">
                  <span class="x-button-label">{pinLabel}</span>
                </div>
              </div>
            </td>
          </tr>
         </table>
      </tpl>
    </div>

<div style="clear:both;background:white;padding:0px;overflow-y:auto;max-width:500px;">
      <tpl for=".">
        <table border="0" cellpadding="0" cellspacing="0" class="mapInfoBoxText"<tpl if="firstRecordFlag"><tpl else> style="margin-top:10px;"</tpl>>
          <tr>
            <td style="padding-left:5px;padding-top:5px;">
              <div style="clear:both;"><b><tpl if='customerType=="CUSTOMER"'>[{customerNo}] </tpl>{customerName}</b><tpl if="holdFlag"> <b style="color:red;">ON HOLD</b></tpl></div>
              <div style="clear:both;margin:0 0 10px 0;">{fullAddress}</div>
              <tpl if="phoneList"><div style="clear:both;">{phoneList}</div></tpl>          
              <tpl if="equipmentList"><div style="clear:both;margin-top: 10px;"><b>Inventory:</b> {equipmentList}</div></tpl>          
              <div style="clear:both;margin-top:20px;display:-webkit-box;<tpl if="multiRecord">margin-top:10px;<tpl else>margin-top:20px;</tpl>">
                <div class="x-button-normal x-button x-layout-box-item x-stretched" style="width:100px;cursor:pointer;" onclick="javascript: Common.Main.getApplication().fireEvent('tripMapMoreInfo','{customerType}','{customerNo}');">
                  <span class="x-button-label">More Info</span>
                </div>
                <tpl if="tripCustomerId">
                  <tpl if="tripRemoveAllowed">
                    <div class="x-button-normal x-button x-layout-box-item x-stretched" style="margin-left:5px;width:150px;cursor:pointer;" onclick="javascript: Common.Main.getApplication().fireEvent('removeCustomerFromTrip',{tripCustomerId});">
                      <span class="x-button-label">Remove From Trip</span>
                    </div>
                  </tpl>
                <tpl else>
                  <div class="x-button-normal x-button x-layout-box-item x-stretched" style="margin-left:5px;width:110px;cursor:pointer;" onclick="javascript: Common.Main.getApplication().fireEvent('addToTrip', 'SELECTION',null,'{customerType}','{customerNo}');">
                    <span class="x-button-label">Add To Trip</span>
                  </div>
                </tpl>
                <div class="x-button-normal x-button x-layout-box-item x-stretched" style="margin-left:5px;width:215px;cursor:pointer;" onclick="javascript: Common.Main.getApplication().fireEvent('addCustomerToContacts','{customerType}','{customerNo}');">
                  <span class="x-button-label">Export Company Contact</span>
                </div>
              </div>
            </td>
          </tr>
         </table>
      </tpl>
    </div>

<div style="clear:both;background:white;padding:0px;overflow:hidden;">
      <table class="standardText" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td style="padding-left:5px;padding-top:5px;">
            <p class="standardTitle" style="margin:0 0 10px;">SERIAL INFO</p>
              <ul class="standardText" style="margin-left:50px;">
                <li style="list-style-type: none;">Serial No.: <b>{serialNo}</b></li>
                <li style="list-style-type: none;">Machine No.: <b>{machineNo}</b></li>
                <li style="list-style-type: none;">Order No.: <b>{orderNo}</b></li>
                <li style="list-style-type: none;">Ship Date: <b>{shipDate:date('M dS, Y')}</b></li>
              </ul>
            </p>
            <p class="standardTitle" style="margin:0 0 10px;">EQUIPMENT</p>
              <ul class="standardText" style="margin-left:50px;">
                <li style="list-style-type: none;">Item No.: <b>{itemNo}</b></li>
                <li style="list-style-type: none;">Description: <b>{itemDescription}</b></li>
              </ul>
            </p>
            <p class="standardTitle" style="margin:0 0 10px;">BILLING</p>
              <ul class="standardText" style="margin-left:50px;">
                <li style="list-style-type: none;"><b>{billingInfo}<b></b></li>
              </ul>
            </p>
            <p class="standardTitle" style="margin:0 0 10px;">SHIPPING</p>
              <ul class="standardText" style="margin-left:50px;">
                <li style="list-style-type: none;"><b>{shippingInfo}</b></li>
              </ul>
            </p>          
            <p class="standardTitle" style="margin:0 0 10px;">WARRANTY</p>
              <ul class="standardText" style="margin-left:50px;">
                <li style="list-style-type: none;">Start: <b>{warrantyStart:date('M dS, Y')}</b></li>
                <li style="list-style-type: none;">End: <b>{warrantyEnd:date('M dS, Y')}</b></li>
                <tpl if="warrantyReason"><li style="list-style-type: none;">Details: <b>{warrantyReason}</b></li></tpl>
              </ul>
            </p>          
          </td>
        </tr>
       </table>
    </div>

<div style="clear:both;background:white;padding:0px;overflow:hidden;">
      <table class="standardText" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td style="padding-left:5px;padding-top:5px;">
            <p class="standardTitle" style="margin:0 0 10px;">SERVICE REQUEST</p>
              <ul class="standardText" style="margin-left:50px;">
                <li style="list-style-type: none;">Request No.: <b>{requestNo}</b></li>
                <li style="list-style-type: none;">Task No.: <b>{taskNo}</b></li>
                <li style="list-style-type: none;">Task Status: <b style='{taskStatusColor}'>{taskStatus}</b></li>
                <li style="list-style-type: none;">Technician: <b>{technicianName}</b></li>
                <li style="list-style-type: none;">Service Type: <b>{serviceType}</b></li>
                <li style="list-style-type: none;">Start: <b>{callDate:date('M dS, Y')}</b></li>
                <li style="list-style-type: none;">End: <b>{endDate:date('M dS, Y')}</b></li>
              </ul>
            </p>
            <p class="standardTitle" style="margin:0 0 10px;">CUSTOMER</p>
              <ul class="standardText" style="margin-left:50px;">
                <li style="list-style-type: none;">Customer No.: <b>{customerNo}</b></li>
                <li style="list-style-type: none;">Name: <b>{customerName}</b></li>
              </ul>
            </p>
            <p class="standardTitle" style="margin:0 0 10px;">CONTACT</p>
              <ul class="standardText" style="margin-left:50px;">
                <li style="list-style-type: none;">Name: <b>{contactName}</b></li>
                <li style="list-style-type: none;">Phone: <b>{contactPhone}</b></li>
              </ul>
            </p>
            <p class="standardTitle" style="margin:0 0 10px;">ADDRESS</p>
              <ul class="standardText" style="margin-left:50px;">
                <li style="list-style-type: none;"><b>{fullAddress}</b></li>
              </ul>
            </p>
            <tpl if="airLine || airFlightNo || airNotes">
              <p class="standardTitle" style="margin:0 0 10px;">AIRLINE INFORMATION</p>
                <ul class="standardText" style="margin-left:50px;">
                  <li style="list-style-type: none;">Airline: <b>{airLine}</b></li>
                  <li style="list-style-type: none;">Flight No.: <b>{airFlightNo}</b></li>
                  <li style="list-style-type: none;">Airfare: <b>{airFare}</b></li>
                </ul>
              </p>
            </tpl>
          </td>
        </tr>
       </table>
    </div>