Snippets Collections
<link rel="stylesheet" href="https://checkmate-ui.app/style.css" />
<div class="navbar-component-container">
         <div class="navbar-container border-round">
             <div class="logo-container">
                  <div class="logo">
                       <img class="logo-image" src="/images/iqra-transparent.png">
                     </div>
               </div>                        
             <div class="navbar-links">
                 <ul class="nav-pills">
                    <li>
                     <a class="link link-active" href="/">Home</a>
                    </li>
                    <li>
                     <a class="link" href="">About</a>
                    </li>
                     <li>
                      <a class="link" href="">Contacts</a>
                     </li>
                     <li>
                      <a class="link" href="">Careers</a>
                      </li>
                  </ul>
        </div>
     </div>
</div>
<div class="navbar-component-container">
     <div class="navbar-with-searchbox-container border-round">  
        <div class="navbar-links">
            <ul class="nav-pills">
               <li>
                <a class="link link-active" href="/">Home</a>
                </li>
               <li>
              <a class="link" href="">About</a>
               </li>
               <li>
             	<a class="link" href="">Contacts</a>
               </li>
               <li>
              <a class="link" href="">Careers</a>
              </li>
           </ul>
	</div>
	<div class="serchbox-container">
     <input type="text" placeholder="search" class="input-searchbox border-round">
      </div>
    </div>
   </div>
</div>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Hue CSS -->
    <link rel="stylesheet" href="https://checkmate-ui.app/style.css" />
    
    <title>CheckMate UI</title>
</head>

<body>
    <h2>Hello, CheckMate!</h2>
</body>

</html>
 <div class="alert alert-primary">primary alert</div>
 <div class="alert alert-secondary">secondary alert</div>
 <div class="alert alert-success">success alert</div>
 <div class="alert alert-warning">
     <span class="alert-icon"><i class="fas fa-exclamation-triangle"></i></span>warning alert with an icon
 </div>
 <div class="alert alert-danger">
     <span class="alert-icon"><i class="fas fa-exclamation-circle"></i></span>danger alert with an icon
 </div>
 <div class="alert alert-primary">primary alert</div>
 <div class="alert alert-secondary">secondary alert</div>
 <div class="alert alert-success">success alert</div>
 <div class="alert alert-warning">
 <span class="alert-icon"><i class="fas fa-exclamation-triangle"></i></span>warning alert with an icon
 </div>
 <div class="alert alert-danger">
 <span class="alert-icon"><i class="fas fa-exclamation-circle"></i></span>danger alert with an icon
 </div>
 <div class="alert alert-warning alert-dismissible" id="dismis-alert">
 <span class="alert-icon"><i class="fas fa-exclamation-triangle"></i></span>dismissible warning alert with an icon<button class="btn-close" id="close-btn-alert"></button>
 </div>
 <div class="alert alert-warning alert-dismissible" id="dismis-alert">
 <span class="alert-icon"><i class="fas fa-exclamation-triangle"></i></span>
   dismissible warning alert with an icon
 <button class="btn-close" id="close-btn-alert"></button>
 </div>
 <div class="all-rating-container">
     <div class="rating-container bg-green border-round">
        <div class="rating-with-icon">
           4.5<i class="fas fa-star"></i>
          </div>
      </div>
	  <div class="rating-container bg-yellow border-round">
           <div class="rating-with-icon">
           3<i class="fas fa-star"></i>
         </div>
       </div>
		<div class="rating-container bg-red border-round">
          <div class="rating-with-icon">
             2<i class="fas fa-star"></i>
            </div>
            </div>
		<div class="rating-container">
             <div class="rating-with-icon fc-black">
              <i class="fas fa-star checked"></i>
               <i class="fas fa-star checked"></i>
               <i class="fas fa-star checked"></i>
               <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
          </div>
     </div>
 </div>
<div class="all-rating-container">
      <div class="card-for-ecommerce pd-1 card-with-shadow">
         <div class="card-image-holder">
            <img src="/images/camera.jpg" class="card-image"/>
          </div>
        <div class="card-body">
            <span class="card-title">Black and gray camera</span>
               <p class="card-detail">Vintage cameras are old cameras that are usually seen in 						antique and flea markets.</p>
                <p class="price">15000</p>
                 <span class="discount">10000</span>
					<span class="rating-badge">
                      <div class="rating-container bg-green border-round">
                        <div class="rating-with-icon">
                          4.5<i class="fas fa-star"></i>
                         </div>
                       </div>
                     </span>
               <button class="btn btn-fluid btn-secondary btn-outline border-round">
                 ADD TO CART</button>
          </div>
    </div>
</div>
<div class="alert danger">
			<i class="fas fa-exclamation-triangle theme-icon"></i>
			<p>This is a danger alert—check it out!</p>
		</div>
		<div class="alert warning">
			<i class="fas fa-exclamation theme-icon"></i>
			<p>This is a warning alert—check it out!</p>
		</div>
		<div class="alert success">
			<i class="fas fa-check-circle theme-icon"></i>
			<p>This is a success alert—check it out!</p>
		</div>
		<div class="alert info">
			<i class="fas fa-info-circle theme-icon"></i>
			<p>This is a info alert—check it out!</p>
		</div>
 <!-- primary buttons -->  

            <button class="primary-btn-sm">login</button>
            <button class="primary-btn-md-one">Go to cart</button>
            <button class="primary-btn-md-two">Remove from cart</button>
            <button class="primary-btn-lg">Buy now</button>
<div class="all-toast-container">
      <div class="toast-container bg-blue border-round fc-green">
             <p class="toast-detail">saved!!</p>
             <i class="fas fa-times"></i>
       </div>
		<div class="toast-container bg-red border-round fc-red">
              <p class="toast-detail">Not saved!! try again later</p>
               <i class="fas fa-times"></i>
        </div>
 </div>
<div class="all-toast-container">
	 <div class="simple-toast-container bg-with-shadow">
         <p class="toast-detail">Can't send photo. Retry in 5 seconds.</p>
            <div class="button-icon-container">
               <span><button class="btn btn-primary border-round">Retry</button></span>
               <i class="fas fa-times"></i>
              </div>
         </div>
</div>
<!-- secondary button -->

<button class="secondary-btn-sm">Cancel</button>

<button class="secondary-btn-md">Go to cart</button>

<button class="secondary-btn-lg">Buy now</button>
<div class="avatar">
    <img src="../images/avatar-1.jpg" alt="avatar-image" class="round-img">
</div>
<div class="avatar avatar-lg">
    <img src="../images/avatar-1.jpg" alt="avatar-image" class="round-img">
</div>
<div class="avatar avatar-md">
    <img src="../images/avatar-2.jpg" alt="avatar-image" class="round-img">
</div>
<div class="avatar avatar-sm">
    <img src="../images/avatar-3.jpg" alt="avatar-image" class="round-img">
</div>
<div class='alert success'>
  <span><i class="far fa-check-circle"></i></span>
  <p>This is success message!</p>
  <span class="ml"><i class="fas fa-times "></i></span>
</div>
CASE WHEN conditional_statement_1 THEN
  value_if_true
WHEN conditional_statement_2 THEN
  value_if_second_condition_true
ELSE
  default_result_if_no_conditions_met
END
<!-- Button with icons -->  
  
<button class="icon-btn">
  <i class="fas fa-arrow-left"></i>
</button>
  
<button class="icon-btn">
  <i class="fas fa-arrow-right"></i>
</button> 
title>Test</title>
<style>
  #foo {
    position: fixed;
    bottom: 0;
    right: 0;
  }
</style>
</head>
<div class="stars-container">
    <input type="radio" name="rating" id="star-5" />
    <label for="star-5" class="fas fa-star"></label>
    <input type="radio" name="rating" id="star-4" />
    <label for="star-4" class="fas fa-star"></label>
    <input type="radio" name="rating" id="star-3" />
    <label for="star-3" class="fas fa-star"></label>
    <input type="radio" name="rating" id="star-2" />
    <label for="star-2" class="fas fa-star"></label>
    <input type="radio" name="rating" id="star-1" />
    <label for="star-1" class="fas fa-star"></label>
</div>
<a href="" class="primary-btn sm-gutter md-brr para-sm-xs">Primary Button</a>
<a href="" class="secondary-btn sm-gutter md-brr para-sm-xs">Secondary Button</a>
<a class="disabled-btn sm-gutter md-brr para-sm-xs">Disabled Button</a>
   <a href="" class="primary-btn sm-gutter md-brr para-sm-xs"><i class="fas fa-search"></i></a>
   <a href="" class="secondary-btn sm-gutter md-brr para-sm-xs"><i class="fas fa-search"></i></a>
RenewalForm before change debabo -> reabo

RenewalForm(bank=cgaweb.common.form.BankDataForm@33ae5ff4, numabo=608472, numabont=1, numdist=700, nomdist=CAT ABONNES GUADELOUPE, lgrpsup=NUMÉRIQUE PARABOLE/SATELLITE, cgrpsup=N03, debabo=01/01/2028, workingdate=01/01/2028, duree=12, cformu=01, lformu=null, montantdu=null, numabopar=, numabontpar=null, numabotp=, csalesman=, inddate=0, corig=R, lorig=R FR, typopeart=REABO, seqreab=15, cgroupe=N, csupport=03, cpage=REGSUBSCRIPTIONRENEWAL, actionmode=INSERT, indcatv=0, indiptv=null, indsigned=null, renewalimmediateup=null, ctechnology=null, ccatalogue=TVIAO20, lcatalogue=CATALOGUE ANCIENNE OFFRE DROM)
---------------
RenewalForm(bank=cgaweb.common.form.BankDataForm@331da365, numabo=608472, numabont=1, numdist=700, nomdist=CAT ABONNES GUADELOUPE, lgrpsup=NUMÉRIQUE PARABOLE/SATELLITE, cgrpsup=N03, debabo=02-02-2022 14:16:08, workingdate=null, duree=12, cformu=01, lformu=null, montantdu=null, numabopar=, numabontpar=null, numabotp=, csalesman=, inddate=0, corig=R, lorig=R FR, typopeart=null, seqreab=15, cgroupe=N, csupport=03, cpage=REGSUBSCRIPTIONRENEWAL, actionmode=null, indcatv=null, indiptv=null, indsigned=1, renewalimmediateup=null, ctechnology=null, ccatalogue=TVIAO20, lcatalogue=CATALOGUE ANCIENNE OFFRE DROM)
Subscription : 

{
  dureetransf=<null>
  indtransfnew=0
  numdistprinc=700
  numdistaps=<null>
  coffre=<null>
  datctr=<null>
  userctr=<null>
  inddate=0
  cactiv=01
  datmod=<null>
  indkeepfinabo=0
  datsousc=2021-12-01 21:52:43.0
  cfaidet=<null>
  indtransfexist=<null>
  dureerea=<null>
  usermod=<null>
  cgratuite=<null>
  indprorate=0
  datreg=2021-12-01 21:34:20.0
  debabo=Wed Feb 01 00:00:00 CET 2
  finabo=2022-12-31 00:00:00.0
  corig=R
  duree=12
  cgroupe=N
  cformu=01
  numabopar=<null>
  numabontpar=<null>
  carticle=LIEAC45P
  numdist=700
  cablo=<null>
  cannul=<null>
  datcom=2021-12-19 22:23:14.0
  datannul=<null>
  datpar=<null>
  nbrtv=0
  txcoll=0
  tvocc=0
  userreg=ABOP0030
  usercre=ABOP0030
  datcre=2021-12-01 21:52:43.0
  datactiv=<null>
  useractiv=<null>
}

------------

oldSubscribtion:

cgaweb.subscription.bean.SubscriptionBean@4ae43698[
  pk=cgaweb.subscription.bean.SubscriptionBeanPk@580be43d[
  seqreab=9
  numabo=608472
  numabont=1
]
  dureetransf=<null>
  indtransfnew=0
  numdistprinc=700
  numdistaps=<null>
  coffre=<null>
  datctr=<null>
  userctr=<null>
  inddate=0
  cactiv=01
  datmod=<null>
  indkeepfinabo=0
  datsousc=2021-12-01 21:52:43.0
  cfaidet=<null>
  indtransfexist=<null>
  dureerea=<null>
  usermod=<null>
  cgratuite=<null>
  indprorate=0
  datreg=2021-12-01 21:34:20.0
  debabo=2022-01-01 00:00:00.0
  finabo=2022-12-31 00:00:00.0
  corig=R
  duree=12
  cgroupe=N
  cformu=01
  numabopar=<null>
  numabontpar=<null>
  carticle=LIEAC45P
  numdist=700
  cablo=<null>
  cannul=<null>
  datcom=2021-12-19 22:23:14.0
  datannul=<null>
  datpar=<null>
  nbrtv=0
  txcoll=0
  tvocc=0
  userreg=ABOP0030
  usercre=ABOP0030
  datcre=2021-12-01 21:52:43.0
  datactiv=<null>
  useractiv=<null>
]
<div class="grid-component-container">
<div class="grid-50-50-container">
    <div class="Item-container">
      <img src="/images/camera.jpg" class="responsive-image"/>
    </div>
      <div class="Item-desc">
         <p class="title">Combo Offer</p>
            <span class="sub-title">Starting At Rs.12000</span>
             <span><button class="link-btn btn-outline border-round">Explore</button></span>
        </div>
</div>
</div>
<div class="grid-component-container">       
	 <div class="grid-70-30-container">
        <div class="Item-container">
          <img src="/images/camera.jpg" class="responsive-image"/>
        </div>
         <div class="Item-desc">
            <p class="title">Combo Offer</p>
               <span class="sub-title">Starting At Rs.12000</span>
                <span><button class="link-btn btn-outline border-round">Explore</button></span>
           </div>
           </div>
 </div>
ANIS, 608472, 1, 9, 700, N, 03, 12, 01, R, null, 0, 0, null, TRANSFMOD, [{"carticle":"BISOPT"},{"carticle":"GOLF"},{"carticle":"LIEAC45P"},{"carticle":"PTTCS34"},{"carticle":"RMC"},{"carticle":"XXLFAB"}], Sat Jan 01 00:00:00 CET 2022, Wed Feb 02 07:43:18 CET 2022, 0, null, null, 01, null, 0, 0, , TVIAO20, fr_FR, -06:00
 <!-- button with icons -->

            <button class="btn-with-icon-sm">
                <i class="fas fa-times-circle"></i>
                Cancel
            </button>
            <button class="btn-with-icon-md">
                <i class="fas fa-shopping-cart"></i>
                Go to cart
            </button>
            <button class="btn-with-icon-lg">
                <i class="fas fa-bolt"></i>
                Buy now
            </button>

@import url("https://spark-ui.netlify.app/Components/Card/card.css");
<div class="modal-container border-round">
   <div class="modal-body">
     <h2 class="modal-heading">Confirmation</h2>
      <p class="modal-detail">Are you sure you want to delete your account? This action cannot be undone and you will be unable to recover any data.
       </p>
     </div>
    <div class="modal-footer">
         <span><button class="btn btn-secondary border-round">Cancel</button></span> 
         <span><button class="btn btn-danger border-round">Yes, delete it!</button></span>
   </div>
 </div>
<div class="simple-modal-container border-round">
        <div class="modal-body">
          <h2 class="modal-heading">Use location Service?</h2>
          <p class="modal-detail">Let us help apps determine your location.This means sending anonymus loaction data to us, even when no data apps are running
           </p>
       </div>
	<div class="modal-footer">
        <span><button class="btn btn-secondary border-round">DISAGREE</button></span> 
        <span><button class="btn btn-primary border-round">AGREE</button></span>
      </div>
  </div>
<link rel="stylesheet" href="https://spark-ui.netlify.app/Components/Card/card.css" />
<div class="avatar-badge badge-off">
    <img src="../images/avatar-1.jpg" alt="avatar-image" class="round-img">
    <span class="round-badge badge-red"></span>
</div>
<div class="avatar-badge badge-on">
    <img src="../images/avatar-2.jpg" alt="avatar-image" class="round-img">
    <span class="round-badge badge-green"></span>
</div>
<div class="avatar-badge badge-away">
    <img src="../images/avatar-1.jpg" alt="avatar-image" class="round-img">
    <span class="round-badge badge-away"></span>
</div>
"dataction" -> {Date@22770} "Sat Jan 01 00:00:00 CET 2022"
"carticlemaj" -> "LIEAC45P"
"contract" -> {ContractBean@22745} "cgaweb.subscription.bean.ContractBean@28853c93[pk=cgaweb.subscription.bean.ContractBeanPk@157e222,seqreab=9,indrelr=<null>,rangrel=0,indreab=1,datrest=<null>,datsusp=<null>,datrat=<null>,indrest=<null>,csupport=03,userannul=<null>,usermod=ANIS,numdistcom=<null>,numdistmat=468,moismodact=<null>,moismodactd2d=<null>,numcomment=<null>,numdistmod=700,cannulreab=<null>,cmodpaiaremb=<null>,dateremb=<null>,cfull=VF,indinvoice=0,indprosp=0,indtpayeur=0,indrefund=0,carticleinit=TSAT57E,cloyalty_category=<null>,canten=<null>,indreceivebill=0,codformu=cgaweb.conf.Cod_formu@6dc7b78a[cformu=01,lformu=Prelevement,indctrlrib=<null>,indctrlcb=<null>,indvali=1,indfree=0,indreaflash=1,indctrlsoc=<null>,indrene=1,modofferprorate=0,inddisplaybill=0,indvirement=0,indprel=1,indcash=<null>,inddate=0,indnotdate=1,indreaepayment=1,indctrlbiciban=1,indforecast=0,indpartialpayment=1,indschedule=1,indmonthly=<null>,indmanageunpaid=1,indret=0,purchasepaymean=<null>,indmandatorypaymean=1,indcyclfactu=0,indrelancefo"
"articlechanged" -> {Boolean@22825} true
"subscription" -> {SubscriptionBean@22747} "cgaweb.subscription.bean.SubscriptionBean@22c29b5a[\n  pk=cgaweb.subscription.bean.SubscriptionBeanPk@78770c25[\n  seqreab=15\n  numabo=608472\n  numabont=1\n]\n  dureetransf=<null>\n  indtransfnew=0\n  numdistprinc=700\n  numdistaps=<null>\n  coffre=<null>\n  datctr=<null>\n  userctr=<null>\n  inddate=0\n  cactiv=01\n  datmod=<null>\n  indkeepfinabo=0\n  datsousc=2021-12-01 21:52:43.0\n  cfaidet=<null>\n  indtransfexist=<null>\n  dureerea=<null>\n  usermod=<null>\n  cgratuite=<null>\n  indprorate=0\n  datreg=2021-12-01 21:34:20.0\n  debabo=Sat Jan 01 00:00:00 CET 2022\n  finabo=2022-12-31 00:00:00.0\n  corig=R\n  duree=12\n  cgroupe=N\n  cformu=01\n  numabopar=<null>\n  numabontpar=<null>\n  carticle=LIEAC45P\n  numdist=700\n  cablo=<null>\n  cannul=<null>\n  datcom=2021-12-19 22:23:14.0\n  datannul=<null>\n  datpar=<null>\n  nbrtv=0\n  txcoll=0\n  tvocc=0\n  userreg=ABOP0030\n  usercre=ABOP0030\n  datcre=2021-12-01 21:52:43.0\n  datactiv=<null>\n  useractiv=<null>\n]"
"oldcontract" -> {ContractBean@22765} "cgaweb.subscription.bean.ContractBean@61027b34[pk=cgaweb.subscription.bean.ContractBeanPk@157e222,seqreab=9,indrelr=<null>,rangrel=0,indreab=1,datrest=<null>,datsusp=<null>,datrat=<null>,indrest=<null>,csupport=03,userannul=<null>,usermod=ANIS,numdistcom=<null>,numdistmat=468,moismodact=<null>,moismodactd2d=<null>,numcomment=<null>,numdistmod=700,cannulreab=<null>,cmodpaiaremb=<null>,dateremb=<null>,cfull=VF,indinvoice=0,indprosp=0,indtpayeur=0,indrefund=0,carticleinit=TSAT57E,cloyalty_category=<null>,canten=<null>,indreceivebill=0,codformu=cgaweb.conf.Cod_formu@6dc7b78a[cformu=01,lformu=Prelevement,indctrlrib=<null>,indctrlcb=<null>,indvali=1,indfree=0,indreaflash=1,indctrlsoc=<null>,indrene=1,modofferprorate=0,inddisplaybill=0,indvirement=0,indprel=1,indcash=<null>,inddate=0,indnotdate=1,indreaepayment=1,indctrlbiciban=1,indforecast=0,indpartialpayment=1,indschedule=1,indmonthly=<null>,indmanageunpaid=1,indret=0,purchasepaymean=<null>,indmandatorypaymean=1,indcyclfactu=0,indrelancefo"
"catalogue" -> {Abo_catalogue@22767} "Abo_catalogue(numcatalogue=null, numabo=608472, numabont=1, ccatalogue=TVIAO20, datdeb=null, datfin=null, usercre=null, datcre=null, usermod=null, datmod=null)"
"promo" -> {ArrayList@22830}  size = 2
"oldcatalogue" -> {Abo_catalogue@22832} "Abo_catalogue(numcatalogue=335781, numabo=608472, numabont=1, ccatalogue=TVIAO20, datdeb=2021-09-16 00:00:00.0, datfin=null, usercre=THIERRY, datcre=2021-09-16 00:00:00.0, usermod=THIERRY, datmod=2021-09-16 00:00:00.0)"
"typtransf" -> "WS3L"
"promopar" -> {ArrayList@22836}  size = 0
"articles" -> {ArrayList@22838}  size = 7
"oldsubscription" -> {SubscriptionBean@22762} "cgaweb.subscription.bean.SubscriptionBean@2aabb2f1[\n  pk=cgaweb.subscription.bean.SubscriptionBeanPk@2919d56e[\n  seqreab=9\n  numabo=608472\n  numabont=1\n]\n  dureetransf=<null>\n  indtransfnew=0\n  numdistprinc=700\n  numdistaps=<null>\n  coffre=<null>\n  datctr=<null>\n  userctr=<null>\n  inddate=0\n  cactiv=01\n  datmod=<null>\n  indkeepfinabo=0\n  datsousc=2021-12-01 21:52:43.0\n  cfaidet=<null>\n  indtransfexist=<null>\n  dureerea=<null>\n  usermod=<null>\n  cgratuite=<null>\n  indprorate=0\n  datreg=2021-12-01 21:34:20.0\n  debabo=2022-01-01 00:00:00.0\n  finabo=2022-12-31 00:00:00.0\n  corig=R\n  duree=12\n  cgroupe=N\n  cformu=01\n  numabopar=<null>\n  numabontpar=<null>\n  carticle=LIEAC45P\n  numdist=700\n  cablo=<null>\n  cannul=<null>\n  datcom=2021-12-19 22:23:14.0\n  datannul=<null>\n  datpar=<null>\n  nbrtv=0\n  txcoll=0\n  tvocc=0\n  userreg=ABOP0030\n  usercre=ABOP0030\n  datcre=2021-12-01 21:52:43.0\n  datactiv=<null>\n  useractiv=<null>\n]"
"finabotheo" -> {Date@22841} "Sat Dec 31 00:00:00 CET 2022"
<div class="icon-badge cart-badge">
    <i class="fas fa-shopping-cart"></i>
    <span class="badge-count">5</span>
</div>
<div class="icon-badge mail-badge">
    <i class="fas fa-envelope"></i>
    <span class="badge-count">5</span>
</div>
"dataction" -> {Date@23415} "Wed Feb 02 08:31:09 CET 2022"
"carticlemaj" -> "LIEAC45P"
"contract" -> {ContractBean@23408} "cgaweb.subscription.bean.ContractBean@6a11148f[pk=cgaweb.subscription.bean.ContractBeanPk@157e222,seqreab=9,indrelr=<null>,rangrel=0,indreab=1,datrest=<null>,datsusp=<null>,datrat=<null>,indrest=<null>,csupport=03,userannul=<null>,usermod=ANIS,numdistcom=<null>,numdistmat=468,moismodact=<null>,moismodactd2d=<null>,numcomment=<null>,numdistmod=700,cannulreab=<null>,cmodpaiaremb=<null>,dateremb=<null>,cfull=VF,indinvoice=0,indprosp=0,indtpayeur=0,indrefund=0,carticleinit=TSAT57E,cloyalty_category=<null>,canten=<null>,indreceivebill=0,codformu=cgaweb.conf.Cod_formu@4b1d75ea[cformu=01,lformu=Prelevement,indctrlrib=<null>,indctrlcb=<null>,indvali=1,indfree=0,indreaflash=1,indctrlsoc=<null>,indrene=1,modofferprorate=0,inddisplaybill=0,indvirement=0,indprel=1,indcash=<null>,inddate=0,indnotdate=1,indreaepayment=1,indctrlbiciban=1,indforecast=0,indpartialpayment=1,indschedule=1,indmonthly=<null>,indmanageunpaid=1,indret=0,purchasepaymean=<null>,indmandatorypaymean=1,indcyclfactu=0,indrelancefo"
"articlechanged" -> {Boolean@22671} false
"subscription" -> {SubscriptionBean@23405} "cgaweb.subscription.bean.SubscriptionBean@77c3648c[\n  pk=cgaweb.subscription.bean.SubscriptionBeanPk@3d89b393[\n  seqreab=9\n  numabo=608472\n  numabont=1\n]\n  dureetransf=<null>\n  indtransfnew=0\n  numdistprinc=700\n  numdistaps=<null>\n  coffre=<null>\n  datctr=<null>\n  userctr=<null>\n  inddate=0\n  cactiv=01\n  datmod=<null>\n  indkeepfinabo=0\n  datsousc=2021-12-01 21:52:43.0\n  cfaidet=<null>\n  indtransfexist=<null>\n  dureerea=<null>\n  usermod=<null>\n  cgratuite=<null>\n  indprorate=0\n  datreg=2021-12-01 21:34:20.0\n  debabo=Sat Jan 01 00:00:00 CET 2022\n  finabo=Sat Dec 31 00:00:00 CET 2022\n  corig=R\n  duree=12\n  cgroupe=N\n  cformu=01\n  numabopar=<null>\n  numabontpar=<null>\n  carticle=BISOPT\n  numdist=700\n  cablo=<null>\n  cannul=<null>\n  datcom=2021-12-19 22:23:14.0\n  datannul=<null>\n  datpar=<null>\n  nbrtv=0\n  txcoll=0\n  tvocc=0\n  userreg=ABOP0030\n  usercre=ABOP0030\n  datcre=2021-12-01 21:52:43.0\n  datactiv=<null>\n  useractiv=<null>\n]"
"oldcontract" -> {ContractBean@23410} "cgaweb.subscription.bean.ContractBean@56446a7[pk=cgaweb.subscription.bean.ContractBeanPk@157e222,seqreab=9,indrelr=<null>,rangrel=0,indreab=1,datrest=<null>,datsusp=<null>,datrat=<null>,indrest=<null>,csupport=03,userannul=<null>,usermod=ANIS,numdistcom=<null>,numdistmat=468,moismodact=<null>,moismodactd2d=<null>,numcomment=<null>,numdistmod=700,cannulreab=<null>,cmodpaiaremb=<null>,dateremb=<null>,cfull=VF,indinvoice=0,indprosp=0,indtpayeur=0,indrefund=0,carticleinit=TSAT57E,cloyalty_category=<null>,canten=<null>,indreceivebill=0,codformu=cgaweb.conf.Cod_formu@4b1d75ea[cformu=01,lformu=Prelevement,indctrlrib=<null>,indctrlcb=<null>,indvali=1,indfree=0,indreaflash=1,indctrlsoc=<null>,indrene=1,modofferprorate=0,inddisplaybill=0,indvirement=0,indprel=1,indcash=<null>,inddate=0,indnotdate=1,indreaepayment=1,indctrlbiciban=1,indforecast=0,indpartialpayment=1,indschedule=1,indmonthly=<null>,indmanageunpaid=1,indret=0,purchasepaymean=<null>,indmandatorypaymean=1,indcyclfactu=0,indrelancefor"
"catalogue" -> {Abo_catalogue@23412} "Abo_catalogue(numcatalogue=null, numabo=608472, numabont=1, ccatalogue=TVIAO20, datdeb=null, datfin=null, usercre=null, datcre=null, usermod=null, datmod=null)"
"promo" -> {ArrayList@23505}  size = 2
"oldcatalogue" -> {Abo_catalogue@23506} "Abo_catalogue(numcatalogue=335781, numabo=608472, numabont=1, ccatalogue=TVIAO20, datdeb=2021-09-16 00:00:00.0, datfin=null, usercre=THIERRY, datcre=2021-09-16 00:00:00.0, usermod=THIERRY, datmod=2021-09-16 00:00:00.0)"
"typtransf" -> "WS3L"
"promopar" -> {ArrayList@23508}  size = 0
"articles" -> {ArrayList@23509}  size = 6
"oldsubscription" -> {SubscriptionBean@23406} "cgaweb.subscription.bean.SubscriptionBean@4ed227f5[\n  pk=cgaweb.subscription.bean.SubscriptionBeanPk@52724cf3[\n  seqreab=9\n  numabo=608472\n  numabont=1\n]\n  dureetransf=<null>\n  indtransfnew=0\n  numdistprinc=700\n  numdistaps=<null>\n  coffre=<null>\n  datctr=<null>\n  userctr=<null>\n  inddate=0\n  cactiv=01\n  datmod=<null>\n  indkeepfinabo=0\n  datsousc=2021-12-01 21:52:43.0\n  cfaidet=<null>\n  indtransfexist=<null>\n  dureerea=<null>\n  usermod=<null>\n  cgratuite=<null>\n  indprorate=0\n  datreg=2021-12-01 21:34:20.0\n  debabo=2022-01-01 00:00:00.0\n  finabo=2022-12-31 00:00:00.0\n  corig=R\n  duree=12\n  cgroupe=N\n  cformu=01\n  numabopar=<null>\n  numabontpar=<null>\n  carticle=LIEAC45P\n  numdist=700\n  cablo=<null>\n  cannul=<null>\n  datcom=2021-12-19 22:23:14.0\n  datannul=<null>\n  datpar=<null>\n  nbrtv=0\n  txcoll=0\n  tvocc=0\n  userreg=ABOP0030\n  usercre=ABOP0030\n  datcre=2021-12-01 21:52:43.0\n  datactiv=<null>\n  useractiv=<null>\n]"
"finabotheo" -> {Date@23510} "Sat Dec 31 00:00:00 CET 2022"
/* ************************************ BILLING ADDRESS AUTOCOMPLETE ********************************** */

add_action( 'wp_enqueue_scripts', 'my_enqueue_scripts');

function my_enqueue_scripts() {
     //load script only on checkout
    if(function_exists('is_checkout') && is_checkout()){
        $api_key = 'google-api-here!!!!!!';
        $url = "https://maps.googleapis.com/maps/api/js?key=$api_key&libraries=places";
        wp_enqueue_script( 'google-places-js', $url );
    }

}


// BILLING ADDRESS AUTOCOMPLETE JS

function autocomplete_footer_js_checkout() {
     //load script only on checkout
     if (function_exists('is_checkout') && is_checkout()) { ?>
     <script>
     jQuery(function($) {     

          //Attach the autocomplete to the DOM element
          var billing_autocomplete = new google.maps.places.Autocomplete($('#billing_address_1')[0], 
          {
          //Define what information we want back from the API          
          componentRestrictions: { country: "us" },
          fields: ["address_components", "geometry"],
          types: ["address"],
          strictBounds: true,        
          });          

          //Define a handler which fires when an address is chosen from the autocomplete
          billing_autocomplete.addListener('place_changed', function() {

          var place = billing_autocomplete.getPlace();
          var street_number = '';
          var street_name = '';
          var city = '';
          var suburb = '';
          for (var component of place.address_components) {
               var componentType = component.types[0];

               switch (componentType) {
                    case "street_number": {
                    street_number = component.long_name;
                    break;
                    }
                    case "route": {
                    street_name = component.long_name;
                    break;
                    }
                    case "locality": {
                    city = component.long_name;
                    break;
                    }
                    case "sublocality_level_1": {                    
                    suburb = component.long_name;
                    break;
                    }
               }
          }
          
          console.log(place.address_components);

          $('#billing_address_1').val(street_name + ' ' + street_number);
          $('#billing_city').val(city + ', ' + suburb);
          });
     });
     </script>
     <?php
     }
}
add_action( 'wp_footer', 'autocomplete_footer_js_checkout');
 <!-- link button -->
<button class="link-btn">
	<a class="link-btn-link" href="">link button</a>
</button>
#Launch Jupyter Notebook from remote server, selecting a port number for <PORT>:

# Replace <PORT> with your selected port number
jupyter notebook --no-browser --port=<PORT>
#For example, if you want to use port number 8080, you would run the following:

jupyter notebook --no-browser --port=8080
#Or run the following command to launch with default port:

jupyter notebook --no-browser
#Please note the port setting. You will need it in the next step.
#You can access the notebook from your remote machine over SSH by setting up a SSH tunnel. Run the following command from your local machine:

# Replace <PORT> with the port number you selected in the above step
# Replace <REMOTE_USER> with the remote server username
# Replace <REMOTE_HOST> with your remote server address
ssh -L 8080:localhost:<PORT> <REMOTE_USER>@<REMOTE_HOST>
# The above command opens up a new SSH session in the terminal.
# Open a browser from your local machine and navigate to http://localhost:8080/, the Jupyter Notebook web interface. Replace 8080 with your port number used in step 1.
<div class="card card_only_icon">
    <div class="card_content">
        <img class="card_content_image" src="../../vendors/card_image.png" , alt="">
        <div class="card_content_header">
            <div class="primary_header">
                Valorant Gaming
            </div>
            <div class="secondary_header">
                By Swapnil Bansal
            </div>
        </div>
        <div class="card_content_body">
            Leh is the joint capital and largest town of the union territory of Ladakh in India.
            Leh, located in the
            Leh district, was also the historical capital of the Kingdom of Ladakh,
        </div>
    </div>
    <div class="card_actions">
        <div class="card_icon_action">
            <button class="btn_card_icon"><i class="fas fa-bookmark fa-lg"></i></button>
            <button class="btn_card_icon"><i class="fas fa-share fa-lg"></i></button>
            <button class="btn_card_icon"><i class="fas fa-ellipsis-v fa-lg"></i></button>
        </div>
    </div>
</div>
<div class="card card_only_button">
    <div class="card_content">
        <img class="card_content_image" src="../../vendors/card_image.png" , alt="">
        <div class="card_content_header">
            <div class="primary_headaer">
                Valorant Gaming
            </div>
            <div class="secondary_headaer">
                By Swapnil Bansal
            </div>
        </div>
        <div class="card_content_body">
            Leh is the joint capital and largest town of the union territory of Ladakh in India.
            Leh, located in the
            Leh district, was also the historical capital of the Kingdom of Ladakh,
        </div>
    </div>
    <div class="card_actions">
        <div class="card_button_action">
            <button class="btn btn_primary_outline">READ</button>
            <button class="btn btn_primary_outline">BOOKMARK</button>
        </div>
    </div>
</div>
         <div class="avatar avatar-xsm">
              <img class="img-round" src="../image/img_avatar.png" alt="avatar-sample-image"/>
              <i class="material-icons badge-xsm badge-yellow"> circle </i> 
         </div>
         <div class="avatar avatar-sm">
              <img class="img-round" src="../image/img_avatar.png" alt="avatar-sample-image"/>
              <i class="material-icons badge-sm badge-grey">circle</i>
         </div>
         <div class="avatar avatar-md">
              <img class="img-round" src="../image/img_avatar.png" alt="avatar-sample-image"/>
              <i class="material-icons badge-md badge-green">circle</i>
         </div>
         <div class="avatar avatar-lg">
              <img class="img-round" src="../image/img_avatar.png" alt="avatar-sample-image"/>
              <i class="material-icons badge-lg badge-red">circle</i>
         </div>
<div class="card card_horizontal">
    <div class="card_content card_content_horizontal">
        <img class="card_content_image_horizontal" src="../../vendors/card_image.png" , alt="">
        <div class="card_content_header card_content_header_horizontal">
            <div class="primary_header">
                Valorant Gaming
            </div>
            <div class="secondary_header">
                By Swapnil Bansal
            </div>
        </div>
    </div>
    <div class="card_actions card_actions_horizontal">
        <div class="card_button_action">
            <button class="btn btn_primary_outline">READ</button>
            <button class="btn btn_primary_outline">BOOKMARK</button>
        </div>
        <div class="card_icon_action">
            <button class="btn_card_icon"><i class="fas fa-bookmark fa-lg"></i></button>
            <button class="btn_card_icon"><i class="fas fa-share fa-lg"></i></button>
            <button class="btn_card_icon"><i class="fas fa-ellipsis-v fa-lg"></i></button>
        </div>
    </div>
</div>
<div class="card card_header">
    <div class="card_content">
        <div class="card_content_header">
            <div class="primary_header">
                Valorant Gaming
            </div>
            <div class="secondary_header">
                By Swapnil Bansal
            </div>
        </div>
        <img class="card_content_image" src="../../vendors/card_image.png" , alt="">
        <div class="card_content_body">
            Leh is the joint capital and largest town of the union territory of Ladakh in India.
            Leh, located in the
            Leh district, was also the historical capital of the Kingdom of Ladakh,
        </div>
    </div>
    <div class="card_actions">
        <div class="card_button_action">
            <button class="btn btn_primary_outline">READ</button>
            <button class="btn btn_primary_outline">BOOKMARK</button>
        </div>
        <div class="card_icon_action">
            <button class="btn_card_icon"><i class="fas fa-bookmark fa-lg"></i></button>
            <button class="btn_card_icon"><i class="fas fa-share fa-lg"></i></button>
            <button class="btn_card_icon"><i class="fas fa-ellipsis-v fa-lg"></i></button>
        </div>
    </div>
</div>
<div class="card card_basic">
    <div class="card_content">
        <img class="card_content_image" src="../../vendors/card_image.png" , alt="">
        <div class="card_content_header">
            <div class="primary_header">
                Valorant Gaming
            </div>
            <div class="secondary_header">
                By Swapnil Bansal
            </div>
        </div>
        <div class="card_content_body">
            Leh is the joint capital and largest town of the union territory of Ladakh in India.
            Leh, located in the
            Leh district, was also the historical capital of the Kingdom of Ladakh,
        </div>
    </div>
    <div class="card_actions">
        <div class="card_button_action">
            <button class="btn btn_primary_outline">READ</button>
            <button class="btn btn_primary_outline">BOOKMARK</button>
        </div>
        <div class="card_icon_action">
            <button class="btn_card_icon"><i class="fas fa-bookmark fa-lg"></i></button>
            <button class="btn_card_icon"><i class="fas fa-share fa-lg"></i></button>
            <button class="btn_card_icon"><i class="fas fa-ellipsis-v fa-lg"></i></button>
        </div>
    </div>
</div>
<div class="card card-vertical card-header-top">
    <div class="card-body">
        <div class="card-image-header-container">
            <img src="" alt="" class="card-image" />
            <header class="card-header-container">
                <h1 class="card-heading">
                    Tokyo Olympics 2020
                </h1>
                <p class="card-subheading">
                    by Mohit Dhatrak
                </p>
            </header>
        </div>
        <p class="card-text">
            The Tokyo 2020...
        </p>
    </div>
    <div class="card-footer">
        <div class="card-primary-buttons-container">
            <button class="card-button">Read</button>
            <button class="card-button">Bookmark</button>
        </div>
        <div class="card-secondary-buttons-container">
            <button class="card-button">
                <i class="material-icons card-svg-icons">
                    favorite_border
                </i>
            </button>
            <button class="card-button">
                <i class="material-icons card-svg-icons">
                    share
                </i>
            </button>
            <button class="card-button">
                <i class="material-icons card-svg-icons">
                    more_vert
                </i>
            </button>
        </div>
    </div>
</div>
star

Wed Feb 02 2022 09:15:19 GMT+0000 (Coordinated Universal Time)

@Atul

star

Wed Feb 02 2022 09:40:09 GMT+0000 (Coordinated Universal Time)

@mariya_sada

star

Wed Feb 02 2022 09:43:20 GMT+0000 (Coordinated Universal Time)

@mariya_sada

star

Wed Feb 02 2022 09:50:04 GMT+0000 (Coordinated Universal Time)

@Atul

star

Wed Feb 02 2022 10:26:52 GMT+0000 (Coordinated Universal Time)

@shikha

star

Wed Feb 02 2022 10:27:29 GMT+0000 (Coordinated Universal Time)

@shikha

star

Wed Feb 02 2022 10:29:05 GMT+0000 (Coordinated Universal Time)

@shikha

star

Wed Feb 02 2022 10:29:27 GMT+0000 (Coordinated Universal Time)

@shikha

star

Wed Feb 02 2022 10:52:35 GMT+0000 (Coordinated Universal Time)

@mariya_sada

star

Wed Feb 02 2022 10:55:07 GMT+0000 (Coordinated Universal Time)

@mariya_sada

star

Wed Feb 02 2022 11:19:32 GMT+0000 (Coordinated Universal Time)

star

Wed Feb 02 2022 11:45:09 GMT+0000 (Coordinated Universal Time)

@bhakti1801

star

Wed Feb 02 2022 11:47:29 GMT+0000 (Coordinated Universal Time)

@mariya_sada

star

Wed Feb 02 2022 12:20:43 GMT+0000 (Coordinated Universal Time)

@bhakti1801

star

Wed Feb 02 2022 12:24:34 GMT+0000 (Coordinated Universal Time)

@Atul

star

Wed Feb 02 2022 12:26:20 GMT+0000 (Coordinated Universal Time)

@Atul

star

Wed Feb 02 2022 12:31:17 GMT+0000 (Coordinated Universal Time)

@CR

star

Wed Feb 02 2022 12:59:31 GMT+0000 (Coordinated Universal Time) https://scripteverything.com/where-is-the-if-statement-in-a-saved-search-formula/

@mdfaizi

star

Wed Feb 02 2022 12:59:54 GMT+0000 (Coordinated Universal Time) https://scripteverything.com/where-is-the-if-statement-in-a-saved-search-formula/

@mdfaizi

star

Wed Feb 02 2022 13:16:53 GMT+0000 (Coordinated Universal Time)

@bhakti1801

star

Wed Feb 02 2022 13:19:27 GMT+0000 (Coordinated Universal Time) https://www.codegrepper.com/code-examples/html/move+a+relative+position+element+in+css

@sathishnvx

star

Wed Feb 02 2022 13:21:32 GMT+0000 (Coordinated Universal Time)

@rakshapawar10

star

Wed Feb 02 2022 13:24:17 GMT+0000 (Coordinated Universal Time)

@AnishJakka

star

Wed Feb 02 2022 13:25:22 GMT+0000 (Coordinated Universal Time)

@AnishJakka

star

Wed Feb 02 2022 13:26:23 GMT+0000 (Coordinated Universal Time)

@AnishJakka

star

Wed Feb 02 2022 13:34:35 GMT+0000 (Coordinated Universal Time) https://codebeautify.org/string-to-json-online

@Anis95

star

Wed Feb 02 2022 13:41:27 GMT+0000 (Coordinated Universal Time) https://codebeautify.org/string-to-json-online

@Anis95

star

Wed Feb 02 2022 13:44:15 GMT+0000 (Coordinated Universal Time)

@mariya_sada

star

Wed Feb 02 2022 13:45:46 GMT+0000 (Coordinated Universal Time)

@mariya_sada

star

Wed Feb 02 2022 13:51:00 GMT+0000 (Coordinated Universal Time) https://codebeautify.org/string-to-json-online

@Anis95

star

Wed Feb 02 2022 13:53:06 GMT+0000 (Coordinated Universal Time)

@bhakti1801

star

Wed Feb 02 2022 13:57:26 GMT+0000 (Coordinated Universal Time)

@mohitdhatrak

star

Wed Feb 02 2022 14:10:30 GMT+0000 (Coordinated Universal Time)

@mariya_sada

star

Wed Feb 02 2022 14:12:21 GMT+0000 (Coordinated Universal Time)

@mariya_sada

star

Wed Feb 02 2022 14:18:49 GMT+0000 (Coordinated Universal Time)

@mohitdhatrak

star

Wed Feb 02 2022 14:27:03 GMT+0000 (Coordinated Universal Time)

@Atul

star

Wed Feb 02 2022 14:28:03 GMT+0000 (Coordinated Universal Time) https://codebeautify.org/string-to-json-online

@Anis95

star

Wed Feb 02 2022 14:28:11 GMT+0000 (Coordinated Universal Time)

@Atul

star

Wed Feb 02 2022 14:32:13 GMT+0000 (Coordinated Universal Time) https://stackoverflow.com/questions/2742380/how-to-convert-string-date-to-timestamp-in-java

@Anis95

star

Wed Feb 02 2022 14:38:40 GMT+0000 (Coordinated Universal Time)

@mastaklance

star

Wed Feb 02 2022 14:41:17 GMT+0000 (Coordinated Universal Time)

@bhakti1801

star

Wed Feb 02 2022 14:57:07 GMT+0000 (Coordinated Universal Time) https://favtutor.com/blogs/sort-list-of-objects-python

@billypeterson

star

Wed Feb 02 2022 14:57:46 GMT+0000 (Coordinated Universal Time)

@hereiskaye

star

Wed Feb 02 2022 15:03:22 GMT+0000 (Coordinated Universal Time)

@swapnil

star

Wed Feb 02 2022 15:04:17 GMT+0000 (Coordinated Universal Time)

@swapnil

star

Wed Feb 02 2022 15:06:07 GMT+0000 (Coordinated Universal Time)

@Krishna2296

star

Wed Feb 02 2022 15:06:20 GMT+0000 (Coordinated Universal Time)

@swapnil

star

Wed Feb 02 2022 15:06:48 GMT+0000 (Coordinated Universal Time)

@swapnil

star

Wed Feb 02 2022 15:07:24 GMT+0000 (Coordinated Universal Time)

@swapnil

star

Wed Feb 02 2022 15:17:03 GMT+0000 (Coordinated Universal Time)

@mohitdhatrak

Save snippets that work with our extensions

Available in the Chrome Web Store Get Firefox Add-on Get VS Code extension