Código fonte

TemplateViewOrder.htm

Clique no botão abaixo para selecionar todo o conteúdo do arquivo. Em seguida, pressine CTRL-C para copiá-lo.

<style>
body{font-family:'Open Sans',tahoma,verdana,arial;font-size:14px;color:#333;}
.TabExtOrder{border-collapse: collapse;width:100%;}
.TabExtOrder td{border: 0px solid #999;padding:7px;}
.TabItensOrder{border-collapse: collapse;width:100%;}
.TabItensOrder td{border: 1px solid #dedede;padding:7px;}
.TabItensOrder .TitLista {background-color:#ececec;}
.TabItensOrder .EstTabPedidosFrete {font-weight:bold;}
.TabItensOrder .EstTabPedidosTotal {background-color:#ececec;}
.TabTopOrder {background-color:#f9f9f9;border:1px solid #e2e2e2;padding:10px;border-radius:5px;min-height:75px;}
.TabTopClient {background-color:#f9f9f9;border:1px solid #e2e2e2;padding:0 10px;border-radius:5px;min-height:300px;}
.pClient {background-color:#ececec;padding:7px 10px;border-radius:5px;}
.pLine1 {line-height:20px;margin:5px 0 10px 0;}
.pLine2 {line-height:20px;margin:5px 0;}
.itemProd {line-height:20px;}
.itemProd_name {margin:0 0 10px 0;font-weight:bold;}
.StatusPagto{color:#666;font-size:14px;display:inline;}
.PagOk{color:#00a500;}
.PagNotOk{color:#e41010;}
.PagWaitOk{color:#ff7800;}
.CircleStatus1,.CircleStatus2,.CircleStatus3,.CircleStatus4,.CircleStatus5,.CircleStatus6,.CircleStatus7 {width:16px;height:16px;border-radius:8px;line-height:16px;display:inline-block;vertical-align:text-bottom;border: 1px solid #dedede;}
.CircleStatus1{background:#cccccc;}.CircleStatus2{background:#e57f7f;}.CircleStatus3{background:#ffff7f;}.CircleStatus4{background:#fdc985;}.CircleStatus5{background:#7f7fff;}.CircleStatus6{background:#ba95d3;}.CircleStatus7{background:#7fe57f;}
</style>

<div style="padding:10px;">
  <table class=TabExtOrder>
    <tr>
      <td valign=top style="height:40px;line-height:24px;">
        <div class="TabTopOrder">
          Pedido: <b style="font-size:18px;color:#2988ff;"><orderNumber></b> - <b style="font-size:16px;"><orderStatus></b> <span class=NotPrint><span class="CircleStatus<orderStatusNumber>"></span></span>
          <br><span style="font-size:12px;">Data: <b><orderDate></b><span id="orderChangeDate"></span><span id="orderObs"></span></span>
        </div>
      </td>
      <td valign=top style="text-align:right;line-height:24px;">
        <div class="TabTopOrder">
          <b><paymentMethod></b> <span id="payment_info"></span><br>Total: <span style="font-size:16px;color:#00a500;"><b><forwardOrderTotal></b></span></td>
        </div>
    </tr>
    <tr>
      <td width="50%" valign="top">
        <div class="TabTopClient">
          <p class="pClient"><b>Dados do cliente</b> (ID: <customerId>) <customerRegistrationDate></p>
          <div class="pLine1">
            <b><customerName></b><br><customerAddress>, <customerAddress2>. <customerAddress3><br><customerNeighborhood>, <customerCity> / <customerState><br>CEP <customerZipCode> / <customerCountry>
          </div>
          <div class="pLine2">
            Email: <customerEmail> <customerStatus><br>
            <span id="CPF_CNPJ"></span>
            <span id="RG_IE"></span>
            <span id="customerPhone"></span>
            <span id="customerBirthDate"></span>
            <span id="customerGender"></span>
            <span id="negativeList"></span>
          </div>
        </div>
      </td>
      <td width="50%" valign="top">
        <div class="TabTopClient">
          <p class="pClient"><b>Dados de entrega</b> <span id="orderLocalName"></span></p>
          <div class="pLine1">
            <b><orderName></b><br><orderAddress>, <orderAddress2>. <orderAddress3><br><orderNeighborhood>, <orderCity> / <orderState><br>CEP <orderZipcode> / <orderCountry>
          </div>
          <div class="pLine2">
            Email: <orderEmail><br>
            <span id="orderPhone"></span>
            Presente: <orderGift>
            <span id="info_freight"></span>
            <span id="deliveryRequestDate"></span>
            <span id="msgCustomer"></span>
          </div>
        </div>
      </td>  
    </tr>
    <tr><td colspan=2>
      <br><b>Itens do Pedido</b> <br><br><orderData><br>
    </td></tr>
  </table>
</div>

<script>

//Insere informações sobre tipo de pessoa (física ou jurídica)
var oCPF_CNPJ=document.getElementById("CPF_CNPJ");
if(oCPF_CNPJ){
  var sInner="";
  var sCustomerType="<customerType>";
  var sCPFCNPJ='<CPFCNPJ>';
  if(sCustomerType=="Pessoa física"){sInner="CPF: <b>"+sCPFCNPJ+"</b>";}
  else {sInner="CNPJ: <b>"+sCPFCNPJ+"</b>";}
  if(sInner!="")oCPF_CNPJ.innerHTML=sInner+" ("+ sCustomerType +")<br>";
}

//Insere informações sobre RG/IE
var oRG_IE=document.getElementById("RG_IE");
if(oRG_IE){
  var sInner="";
  var sRG_IE='<RGIE>';
  if(sRG_IE!=""){
    if(sCustomerType=="Pessoa física"){sInner="RG: <b>"+sRG_IE+"</b>";}
    else {sInner="IE: <b>"+sRG_IE+"</b>";}
  }
  if(sInner!="")oRG_IE.innerHTML=sInner+"<br>";
}

//Insere informações sobre Telefone
var oCustomerPhone=document.getElementById("customerPhone");
if(oCustomerPhone){
  var sInner="";
  var sCustomerPhone='<customerPhone>';
  var sCustomerCellPhone='<customerCellPhone>';
  if(sCustomerPhone!=""){sInner+=sCustomerPhone;}
  if(sInner!="" && sCustomerCellPhone!=""){sInner+=" / ";}
  if(sCustomerCellPhone!=""){sInner+=sCustomerCellPhone;}
  if(sInner!="")oCustomerPhone.innerHTML="Telefone: "+ sInner +"<br>";
}

//Insere informações sobre Telefone
var oOrderPhone=document.getElementById("orderPhone");
if(oOrderPhone){
  var sOrderPhone='<orderPhone>';
  if(sOrderPhone!="")oOrderPhone.innerHTML="Telefone: "+ sOrderPhone +"<br>";
}

//Insere informações sobre data de nascimento
var oCustomerBirthDate=document.getElementById("customerBirthDate");
if(oCustomerBirthDate){
  var sCustomerBirthDate='<customerBirthDate>';
  if(sCustomerBirthDate!="")oCustomerBirthDate.innerHTML="Nascimento: "+ sCustomerBirthDate +"<br>";
}

//Insere informações sobre genêro
var oCustomerGender=document.getElementById("customerGender");
if(oCustomerGender){
  var sCustomerGender='<customerGender>';
  if(sCustomerGender!="")oCustomerGender.innerHTML="Genêro: "+ sCustomerGender +"<br>";
}

//Insere informações sobre lista negativa
var oCustomerNegList=document.getElementById("negativeList");
if(oCustomerNegList){
  var sCustomerNegList='<negativeList>';
  if(sCustomerNegList=="Sim"){
    oCustomerNegList.innerHTML="Cliente na lista negativa<br>";
    oCustomerNegList.style.background="#333";
    oCustomerNegList.style.color="#fcfcfc";
    oCustomerNegList.style.padding="3px";
    oCustomerNegList.style.marginTop="5px";
    oCustomerNegList.style.display="block";
    oCustomerNegList.style.textAlign="center";
    oCustomerNegList.style.borderRadius="3px";
  }
}

//Insere informações sobre tecnologia (cartão ou boleto) e retorno de status de pagamento se houver
var oPayment_info=document.getElementById("payment_info");
if(oPayment_info){
  var sPayment_info="";
  var sTechBoleto='<techboleto>';
  var sTechPix='<techpix>';
  var sTechCard='<techcard>';
  var sPaymentStatus='<paymentStatus>';
  var iPaymentMethodId='<paymentMethodId>';
  if(iPaymentMethodId==1 && sTechBoleto!=""){sPayment_info="Tecnologia: <b>"+sTechBoleto+"</b>";}
  else if(iPaymentMethodId==3 && sTechCard!=""){sPayment_info="Tecnologia: <b>"+sTechCard+"</b>";}
  else if(iPaymentMethodId==32 && sTechPix!=""){sPayment_info="Tecnologia: <b>"+sTechPix+"</b>";}
  if(sPayment_info!="" && sPaymentStatus)sPayment_info+=" - ";
  if(sPaymentStatus!="")sPayment_info+=sPaymentStatus;
  if(sPayment_info!="")oPayment_info.innerHTML="<br>"+sPayment_info;
}

//Insere observação curta se houver
var oOrderObs=document.getElementById("orderObs");
if(oOrderObs){
  var sOrderObs='<orderObs>';
  if(sOrderObs!="")oOrderObs.innerHTML="<br>Obs: <b>"+ sOrderObs +"</b>";
}

//Insere orderLocalName se houver
var oOrderLocalName=document.getElementById("orderLocalName");
if(oOrderLocalName){
  var sOrderLocalName='<orderLocalName>';
  if(sOrderLocalName!="")oOrderLocalName.innerHTML=" (Local: <b>"+ sOrderLocalName +"</b>)";
}

//Insere deliveryRequestDate se houver
var oDeliveryRequestDate=document.getElementById("deliveryRequestDate");
if(oDeliveryRequestDate){
  var sDeliveryRequestDate='<deliveryRequestDate>';
  if(sDeliveryRequestDate!="")oDeliveryRequestDate.innerHTML="<br><b>Entrega solicitada para:</b> "+ sDeliveryRequestDate;
}

//Insere msgCustomer se houver
var oMsgCustomer=document.getElementById("msgCustomer");
if(oMsgCustomer){
  var sMsgCustomer=`<msgCustomer>`;
  if(sMsgCustomer!="")oMsgCustomer.innerHTML=`<br><br><b>Mensagem</b>: `+ sMsgCustomer;
}

//Insere orderChangeDate se houver
var oOrderChangeDate=document.getElementById("orderChangeDate");
if(oOrderChangeDate){
  var sOrderChangeDate='<orderChangeDate>';
  if(sOrderChangeDate!="")oOrderChangeDate.innerHTML=" > Alterado: <b>"+ sOrderChangeDate +"</b>";
}

//Insere localFreight e obsFreight se houver
var oInfoFreight=document.getElementById("info_freight");
if(oInfoFreight){
  var sInfoFreight="";
  var sLocalFreight='<localFreight>';
  var sObsFreight='<obsFreight>';
  if(sLocalFreight!="")sInfoFreight=sLocalFreight;
  if(sObsFreight!="")sInfoFreight+=" / "+sObsFreight;
  if(sInfoFreight!="")oInfoFreight.innerHTML="<br>Envio: <b>"+sInfoFreight+"</b>";
}
</script>