<li class="ui-state-default list-item" data-campaignId="{{>campId}}" data-id="{{>id}}"
    data-campEpc="{{>campEpc}}" data-epcLimit="{{>epcLimit}}">
    <span class="ui-icon ui-icon-arrowthick-2-n-s id move">
      <img src="//feedcontentcloud.com/comparisonfeed/images/drag.png">
    </span>
     <div class="three-up logo move">
        <img src="{{>imageUrl}}" class="img-responsive loan-img" />
    </div>
    <div class="campaign-name move">
      <p id="campaign-name">{{>name}}</p>
      <span class="as-tag as-tag-green hidden new-tag"><i class="fa fa-exclamation" style="margin-right: 5px;"></i>New</span>
      <span class="as-tag as-tag-yellow hidden low-epc-tag"
        title="This product won't be shown since the EPC is too low">
        <i class="fa fa-exclamation" style="margin-right: 5px;"></i>
        Low EPC
      </span>
    </div>
    <div class="three-up star-rating">
        <input type="hidden" class="amount" id="amount-{{>campId}}" value="{{>rating}}"  >
        <!-- <div class="slider" data-rating="{{>rating}}"></div> -->
        <input id="amount-{{>campId}}" value="{{>rating/100*5}}" type="rating" 
          class="rating" min=0 max=5 step=0.2 data-size="xs">
    </div>

    <a class="removeOrAddCampaign removeCampaign" title="Remove campaign" data-id="{{>id}}">
      <i data-create="fa fa-check" data-delete="fa fa-trash-o" class="fa fa-trash-o"></i>
    </a>
</li>