angularProject/app/views/constructor.html

<div ng-controller="mealsConstructor">
  <div class="constructor-page-title">
    <h1>MAKE YOUR MEAL PLAN</h1>
  </div>
  <div class="constructor-wrapper">
      <div class='constructor'>
        <div class="accordion">
          <ul>
            <li>
              <input type="checkbox">
              <i></i>
              <h2 class="accordion__title">BREAKFAST</h2>
              <div class="accordion__content">
                <div class="constructor-meals">
                    <div ng-repeat='item in list1' ng-show="item.mealName" data-drag="true" data-jqyoui-options="{revert: 'invalid', helper: 'clone'}" ng-model="list1" jqyoui-draggable="{index: {{$index}}, placeholder: 'keep'}" class='constructor-meals__item' >
                      <div class="constructor-meals__img">
                        <img ng-src="{{item.imageUrl}}">
                      </div>
                      <div class="constructor-meals__title">
                        <h3>{{item.mealName}}</h3>
                      </div>
                    </div>
                  </div>
              </div>
            </li>
            <li>
              <input type="checkbox" checked>
              <i></i>
              <h2 class="accordion__title">LUNCH</h2>
              <div class="accordion__content">
                <div class="constructor-meals">
                    <div ng-repeat='item in list2' ng-show="item.mealName" data-drag="true" data-jqyoui-options="{revert: 'invalid', helper: 'clone'}" ng-model="list2" jqyoui-draggable="{index: {{$index}}, placeholder: 'keep'}" class='constructor-meals__item' >
                      <div class="constructor-meals__img">
                        <img ng-src="{{item.imageUrl}}">
                      </div>
                      <div class="constructor-meals__title">
                        <h3>{{item.mealName}}</h3>
                      </div>
                    </div>
                  </div>
              </div>
            </li>
            <li>
              <input type="checkbox" checked>
              <i></i>
              <h2 class="accordion__title">DINNER</h2>
              <div class="accordion__content">
                <div class="constructor-meals">
                    <div ng-repeat='item in list3' ng-show="item.mealName" data-drag="true" data-jqyoui-options="{revert: 'invalid', helper: 'clone'}" ng-model="list3" jqyoui-draggable="{index: {{$index}}, placeholder: 'keep'}" class='constructor-meals__item' >
                      <div class="constructor-meals__img">
                        <img ng-src="{{item.imageUrl}}">
                      </div>
                      <div class="constructor-meals__title">
                        <h3>{{item.mealName}}</h3>
                      </div>
                    </div>
                  </div>
              </div>
            </li>
             <li>
              <input type="checkbox" checked>
              <i></i>
              <h2 class="accordion__title">SNACKS</h2>
              <div class="accordion__content">
                <div class="constructor-meals constructor-meals--snacks">
                    <div ng-repeat='item in list4' ng-show="item.mealName" data-drag="true" data-jqyoui-options="{revert: 'invalid', helper: 'clone'}" ng-model="list4" jqyoui-draggable="{index: {{$index}}, placeholder: 'keep'}" class='constructor-meals__item' >
                      <div class="constructor-meals__img">
                        <img ng-src="{{item.imageUrl}}">
                      </div>
                      <div class="constructor-meals__title">
                        <h3>{{item.mealName}}</h3>
                      </div>
                    </div>
                  </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="one-week">
        <one-week></one-week>
      </div>
      <div class="one-week2">
        <one-week2></one-week2>
      </div>
  </div>
  <br>
  <div class="btn-basket" ng-click="sendCustomDiet()">
  	<span class="btn-basket__link">Go to Basket</span>
  	<div class="btn-basket__mask"></div>
  </div>
  <p class="constructor-total-price"><b>SUM TO BASKET: {{sumToBacket}}$</b></p>
</div>
<footer></footer>