Hinterlassen Sie hier Ihren Kommentar zum Rezept ({{commentsCounter}})

</div>
      <div class="col-12 offset-sm-1 col-sm-10 text-right">
        <button v-if="isUserRegistered()" type="button" class="btn btn-red btn-squared comment-button-margins" @click="addComment()" :data-toggle="content.comments_must_be_approved ? 'collpase' : '' " :data-target="content.comments_must_be_approved ? '#newCommentDiv' : '' ">
          <span class="translation_missing" title="translation missing: de.kenwood_austria.comments.senden">Senden</span>
        </button>
        <a v-else :href="addContextToUrl('users/sign_in')" class="btn btn-red btn-squared comment-button-margins">
          <span class="translation_missing" title="translation missing: de.kenwood_austria.comments.senden">Senden</span>
        </a>
      </div>
    </div>
    <div class="row" v-if="content.comments">
      <div class="col-12 offset-sm-1 col-sm-10" v-for="(comment, index) in content.comments.list" >
        <component :is="'comment'" :comment="comment" :captcha="content.userCaptcha" :isUserRegistered="isUserRegistered()"></component>
      </div>
    </div>
    <div class="row" v-if="hasMoreComments()">
      <div class="col-xs-offset-1 col-10 text-center">
        <button class="btn btn-red btn-squared" @click="appendComments(3)">
          Mehr laden
        </button>
      </div>
    </div>

<div class="modal fade comments-module thank-you-popup" id="newCommentSent" role="dialog" v-if="content.comments_must_be_approved">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
          <div class="modal-body">
            <div class="fa fa-close thank-you-popup__close" data-dismiss="modal" aria-label="Close"></div>
            <div class="row text-center">
              <div class="col-sm-12">
                <h4>
                  Vielen Dank für Ihren Kommentar! Dieser wird nach Freigabe durch das Kenwood-Team veröffentlicht.
                </h4>
              </div>
            </div>
          </div>
          <div class="modal-footer modal-footer-container">
            <button type="button" class="btn btn-red btn-squared" data-dismiss="modal">
              Schließen
            </button>
          </div>
        </div>
      </div>
    </div>

<div class="modal fade comments-module thank-you-popup" id="profanitiesAlert" role="dialog">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
          <div class="modal-body">
            <div class="fa fa-close thank-you-popup__close" data-dismiss="modal" aria-label="Close"></div>
            <div class="row text-center">
              <div class="col-sm-12">
                <h4>
                  Leider können wir Ihren Kommentar nicht veröffentlichen, er enthält nicht zulässige Inhalte.
                </h4>
              </div>
            </div>
          </div>
          <div class="modal-footer modal-footer-container">
            <button type="button" class="btn btn-red btn-squared" data-dismiss="modal">
              Schließen
            </button>
          </div>
        </div>
      </div>
    </div>

</div>
</div>

<div v-if="recipeRelatedsNames && recipeRelatedsNames.length > 0" class="recipe-relateds">
    <h3 class="recipe-relateds__title text-center">
      Zugehörige Rezepte
    </h3>
    <div v-for="relatedName in recipeRelatedsNames" class="recipe-relateds__box">
       <component :is="relatedName"></component>
    </div>
  </div>
</div></article></body></html>

{{content.title}}

Hinterlassen Sie hier Ihren Kommentar zum Rezept ({{commentsCounter}})