View file Next v1.6/Шаблон (v1.6)/Next/shortstory.tpl

File size: 14.28Kb
[not-available=userinfo]
<article class="box story">

<div class="card lg:mx-0 uk-animation-slide-bottom-small  mb-7 hover:shadow-sm [xfvalue_mark]">
                
                            <!-- post header-->
                            <div class="flex justify-between items-center lg:p-4.5 p-3.5">
                                <div class="flex flex-1 items-center space-x-4">
                                    <img src="{category-icon}" class="-mr-1 bg-[#434452] w-[34px] h-[34px]  drop-shadow-sm  rounded-full">
                                   


								   <div class="flex-1  font-bold text-[15px] leading-[22px]">
                                        <span class="hover:text-black/[.72]">
										<a href="{full-link}">{link-category}</a>
										</span>
										
										
							
                                        
										<div class="text-gray-500 flex items-center space-x-2 cursor-default font-normal text-[13px] leading-[18px]">
										[day-news]{date}[/day-news]
									    </div>
										
									</div>
                                </div>
                 
				 [if approve = "0"]
				 <span class="mr-3 inline-flex items-center gap-1.5 text-red-400 cursor-pointer" title="Статья на модерации">
                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                    <path d="M19.875 6.27a2.225 2.225 0 0 1 1.125 1.948v7.284c0 .809 -.443 1.555 -1.158 1.948l-6.75 4.27a2.269 2.269 0 0 1 -2.184 0l-6.75 -4.27a2.225 2.225 0 0 1 -1.158 -1.948v-7.285c0 -.809 .443 -1.554 1.158 -1.947l6.75 -3.98a2.33 2.33 0 0 1 2.25 0l6.75 3.98h-.033z"></path>
                    <path d="M9 16v-8l3 5l3 -5v8"></path>
                   </svg>
                  </span>
				 [/if]
				 
				 [poll]
			      <span class="mr-3 inline-flex items-center gap-1.5  py-1 px-3 rounded-full text-xs font-medium bg-green-100 text-green-600 cursor-pointer" title="Статья с опросом">
                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                     <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                     <path d="M3 12m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
                     <path d="M9 8m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
                     <path d="M15 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"></path>
                     <path d="M4 20l14 0"></path>
                    </svg>
                  </span>
			    [/poll]
				 
				[fixed]
			      <span class="mr-3 inline-flex items-center gap-1.5  py-1 px-3 rounded-full text-xs font-medium bg-blue-100 text-blue-600 cursor-pointer" title="Статья закреплена">
                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                       <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                       <path d="M15 7l-6.5 6.5a1.5 1.5 0 0 0 3 3l6.5 -6.5a3 3 0 0 0 -6 -6l-6.5 6.5a4.5 4.5 0 0 0 9 9l6.5 -6.5"></path>
                    </svg>
                  </span>
			    [/fixed]

							   <div>
                                
								
								
								
								<div class="bg-[#f2f2f2] rounded-full h-3.5 flex items-center justify-center mr-1 cursor-pointer">
				<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="34px" fill="#92929D" class="hover:fill-[#131313]">
					<path d="M0 0h24v24H0V0z" fill="none" />
					<path
						d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
				</svg>
			</div>
								
								
								
                                
								<div class="z-[999999] bg-white w-[170px] mx-auto p-2 mt-12 rounded-lg text-[#212121] hidden text-[15px] shadow-sm border border-[#525252/.5]" 
                                uk-drop="mode: hover;pos: bottom-right;animation: uk-animation-slide-bottom-small">
                                
                                    <ul class="space-y-1">
			
			
			<li class="flex items-center px-3 py-1.5 hover:bg-[#f2f2f2] hover:text-[#131313] rounded-md">
		
		
		
	<span class="ya-share2" data-size="m" data-limit="0" data-shape="round" data-more-button-type="long" data-popup-direction="auto" data-services="vkontakte,telegram"
 data-title="{title}" data-url="{full-link}"  data-description="{short-story limit="400"}"  data-image="[xfvalue_image_url_poster_one]" data-hashtags="{tags}">
</span>
<script src="https://yastatic.net/share2/share.js"></script>
		
			
		
			
			
			
			
			</li>
			
			
			
			
			
			
			[complaint]
			<li class="flex items-center px-3 py-1.5 hover:bg-[#f2f2f2] hover:text-[#131313] rounded-md">
			     Пожаловаться
	        </li>
			[/complaint]
			[not-group=5] [edit]
                                        <li>
		        <a onclick="sendNotice ('{news-id}'); return false;" href="#" 
				 class="flex items-center px-3 py-1.5 hover:bg-[#f2f2f2] hover:text-[#131313] rounded-md">Написать автору</a>
		    </li>
			<li>
			   <a href="/index.php?do=addnews&id={news-id}"
			    class="flex items-center px-3 py-1.5 hover:bg-[#f2f2f2] hover:text-[#131313] rounded-md">Редактировать</a>
	        </li>
			<li>
            <hr class="-mx-2 my-2">
            </li>
            <li> 
            <a href="#" onclick="dle_news_delete ('{news-id}'); return false;" class="flex items-center px-3 py-1.5 text-red-500 hover:bg-red-100 hover:text-red-500 rounded-md">
            Удалить пост
            </a> 
             </li>
                                        [/edit] [/not-group]
			
                                    </ul>
                                
                                </div>
                                </div>
                            </div>
							
							<h2 class="p-5 pt-0 lg:text-2xl text-2xl font-medium mb-4 md:py-0 py-0 hover:text-black/[.6] line-clamp-3">
							<a href="{full-link}">{title}</a>
							</h2>
              
    [xfgiven_poster_one] 
	   <!-- One thumb --> 
	<div class="h-56 mb-4 lg:h-80 overflow-hidden relative w-full"> 
	<a href="{full-link}">
	<img src="[xfvalue_image_url_poster_one]" class="w-full h-full absolute inset-0 object-cover">
	</a>
    </div>
	[/xfgiven_poster_one]
	
    [xfgiven_gallery]
       <!-- Gallery thumb-->   
     <div uk-slideshow="ratio: 16:9; animation: pull; finite: true">
       <div class="uk-position-relative uk-visible-toggle uk-light mb-4">
          [xfvalue_gallery]
          <div class="uk-position-bottom-center uk-position-small">
          <ul class="uk-slideshow-nav uk-dotnav"></ul>
        </div>
	      <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
          <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>
       </div>
     </div>
                                        
     <script>
      $( ".xfieldimagegallery" ).addClass( "uk-slideshow-items" );
	  $( ".xfieldimagegallery li img" ).addClass( "w-full h-full absolute inset-0 object-cover" );
      $( ".xfieldimagegallery li img" ).attr( 'uk-cover', '' );
     </script>	
    [/xfgiven_gallery]

    [xfgiven_iframes] 
	   <!-- Iframe thumb --> 
	  <div class="codes mb-4 p-4 overflow-hidden relative w-full bg-[url({THEME}/images/thumb-cover.jpg)] bg-center"> 
    [xfvalue_iframes]
      </div>
	[/xfgiven_iframes]
	

							
							<div class="p-5 pt-0 pb-0 text-[17px] leading-[26px] line-clamp-4">
			 {short-story limit="400"}
			[edit-date]<p class="editdate grey">Статью отредактировал: <b>{editor}</b> - {edit-date}<br>
			[edit-reason]Причина: <b>{edit-reason}</b>[/edit-reason]</p>[/edit-date]
		</div>
                            
                
                            <div class="p-4 space-y-3"> 
                                
                                <div class="flex space-x-3">
                                        
                                            
											
											
											
											
						
                                           [rating-type-3]
                                        <div class="flex items-center space-x-0.5">
										[rating-plus]
                                        <div title="Лайк" class="rat">
                                      
									  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.2" stroke="currentColor" 
								class="p-[4px] rounded-full w-[28px] h-[28px] stroke-[#131313] opacity-[.72] hover:opacity-[1] hover:bg-green-100 hover:stroke-green-600">
                                      <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
                                      </svg>
			
										</div>
										[/rating-plus]
                                        <div class="font-semibold text-sm">{rating}</div>
                                    </div>					
										[/rating-type-3]
										
										
										
										
										
										
								
                                  <div title="Комментариев: {comments-num}" class="flex items-center space-x-0.5">
									[com-link]
									<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.2" stroke="currentColor" 
									class="p-[4px] rounded-full w-[28px] h-[28px] stroke-[#131313] opacity-[.72] hover:opacity-[1] hover:bg-blue-100 hover:stroke-blue-600">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 20.25c4.97 0 9-3.694 9-8.25s-4.03-8.25-9-8.25S3 7.444 3 12c0 2.104.859 4.023 2.273 5.48.432.447.74 1.04.586 1.641a4.483 4.483 0 01-.923 1.785A5.969 5.969 0 006 21c1.282 0 2.47-.402 3.445-1.087.81.22 1.668.337 2.555.337z" />
                                    </svg>

                               [/com-link]
							    [comments]		
						       [com-link]
                                        <span class="font-semibold text-sm stroke-[#131313] opacity-[.72] hover:opacity-[1]"> {comments-num}</span>
                               [/com-link]
								[/comments]
								   </div>
								
								[not-group=5]
								   <div class="flex items-center space-x-0.5">
								   
								    
									[add-favorites]
									<span title="Добавить в закладки">
									<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.2" stroke="currentColor" 
									class="p-[4px] rounded-full w-[28px] h-[28px] stroke-[#131313] opacity-[.72] hover:opacity-[1] hover:bg-yellow-100 hover:stroke-yellow-500">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" />
                                    </svg>
                                    </span>
									[/add-favorites]
									
				                    [del-favorites]<span title="Убрать из закладок">
									
									<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 
									class="p-[4px] rounded-full w-[28px] h-[28px] fill-yellow-500 hover:bg-yellow-100">
                                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" />
                                    </svg>

									
									</span>[/del-favorites]
			
								   
									</div>	
									[/not-group]
									
									<span class="flex items-center space-x-0.5 rounded-md">
										<img src="{foto}" onclick="ShowProfile('{login}', '{profile-link}', '0'); return false;" title="Автор: {login}"
										class="w-[18px] h-[18px] rounded-full cursor-pointer opacity-[.8] shadow-sm hover:opacity-[1]  ml-1">
                                   </span>
									
									
										
										
										
										
										
										
										
										
										
										
			
										
										
										 [rating-type-3]
                                        <div class="flex items-center space-x-0.5 flex-1 justify-end">
										[rating-minus]
                                        <div title="Дизлайк">
                                      
									  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2.2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"
									  class="p-[4px] rounded-full w-[28px] h-[28px] stroke-[#131313] opacity-[.72] hover:opacity-[1] stroke-neutral-700 hover:bg-red-100 hover:stroke-red-500">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
   <path d="M15 4v8h3.586a1 1 0 0 1 .707 1.707l-6.586 6.586a1 1 0 0 1 -1.414 0l-6.586 -6.586a1 1 0 0 1 .707 -1.707h3.586v-8a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1z"></path>
</svg>
			
										</div>
										[/rating-minus]
                                    </div>					
										[/rating-type-3]
										
									
                                
                                </div>
                                
                
                            </div>
               
                        </div>
					
						</article>
[/not-available]