src/StartPlatz/Bundle/AlphaBundle/Resources/views/Post/Knowhow__blogPost_widget.twig line 1

Open in your IDE?
  1. {# ################# CSS ################## #}
  2. {% include "@StartPlatzStyle/CSS/_sp-connect.version-2021-winter.html.twig" %}
  3. {# ################# HTML ################## #}
  4. {# desktop layout #}
  5. <div class="row d-none d-lg-inline-flex ArtikelCardblogPost rounded-lg my-3 mx-auto">
  6.     <div class="col-lg-5 rounded-left ArtikelImageHolderblogPost">
  8.             {% if entity.img %}
  9.                 <img class="ArtikelImgblogPost p-2" src="{{ entity.img }}" alt=" ">
  10.             {% elseif item.imagelink %}
  11.                 <img class="ArtikelImgblogPost p-2" src="{{ item.imagelink }}" alt=" ">
  12.             {% else %}
  13.                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="ArtikelImgblogPost bi bi-image-fill p-2" viewBox="0 0 16 16">
  14.                     <path d="M.002 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2V3zm1 9v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12zm5-6.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0z"/>
  15.                 </svg>
  16.             {% endif %}
  18.         </div>
  19.     <div class="col-lg-7 rounded-right ArtikelTextblogPost">
  20.             <div class="row">
  21.                 <div class="col-12" style="height: 245px">
  22.                     <h5 class="mt-4 px-2">
  23.                         {{ entity.post_title }}
  24.                     </h5>
  25.                         <p class="px-2 xLineEllipsis" style="line-clamp: 6;-webkit-line-clamp: 6;">
  26.                             {{ entity.post_content|striptags|raw }}
  27.                         </p>
  28.                 </div>
  29.                 <div class="col-12">
  30.                     <a target="_blank" class="btn btn-warning float-right"
  31.                        href="{{ path('meta_feed_link', {'url':entity.guid|url_encode, 'feedId': item.id}) }}" role="button">
  32.                         Read entire article
  33.                     </a>
  34.                 </div>
  35.             </div>
  36.         </div>
  37.     <div class="col-12 p-0 m-0">
  38.         {% if is_granted("ROLE_ADMIN") %}
  39.             <span class="px-2 py-1 mt-1 float-left bg-warning rounded">
  40.                 {{ item.type }}
  41.             </span>
  42.         {% endif %}
  43.     </div>
  44. </div>
  46. {# mobile card #}
  47. <div class="card cardArticleWidthblogPost my-3 d-lg-none rounded">
  49.    <div class="imgBlockMobileblogPost rounded-top">
  51.        {% if entity.img %}
  52.            <img class="card-img-top p-2" src="{{ entity.img }}" alt=" ">
  53.        {% elseif item.imagelink %}
  54.            <img class="card-img-top p-2 " src="{{ item.imagelink }}" alt=" ">
  55.        {% else %}
  56.            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="card-img-top bi bi-image-fill " viewBox="0 0 16 16">
  57.                <path d="M.002 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2V3zm1 9v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12zm5-6.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0z"/>
  58.            </svg>
  59.        {% endif %}
  60.    </div>
  64.     <div class="card-body cardBodyKnowhowblogPost rounded-bottom">
  65.         {% if is_granted("ROLE_ADMIN") %}
  66.             <span class="px-3 py-1 mb-2 bg-warning badge">
  67.                 <b>
  68.                     {{ item.type }}
  69.                 </b>
  70.             </span>
  71.         {% endif %}
  72.         <h5 class="card-title">
  73.             {{ entity.post_title }}
  74.         </h5>
  75.         {% if entity.post_content|length > 600 %}
  76.             {% set teaser  = entity.post_content[0:600] ~'...' %}
  77.             <p class="card-text">
  78.                 {{ teaser|striptags|raw }}
  79.             </p>
  80.         {% else %}
  81.             <p class="card-text">
  82.                 {{ entity.post_content|striptags|raw }}
  83.             </p>
  84.         {% endif %}
  86.         <a target="_blank" class="btn btn-warning float-right"
  87.            href="{{ path('meta_feed_link', {'url':entity.guid|url_encode, 'feedId': item.id}) }}" role="button">
  88.             Read entire article
  89.         </a>
  91.     </div>
  92. </div>