1<#if entries?has_content>
2<style>
3.asset-publisher-list .item {
4 display:flex;
5 border-radius: 0.5em;
6 overflow: hidden;
7 box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
8 background: #FFF;
9 margin-bottom: 1em;
10 text-decoration:none;
11 height: 8.5em;
12
13}
14.asset-publisher-list .item .parent-img {
15 height: 100%;
16 flex-grow: 2;
17 max-width: 10em;
18 min-width: 10em;
19 /*border-radius: 0.5em;*/
20 overflow: hidden;
21 text-decoration: none;
22 transition: all ease-in-out 0.3s;
23 position: relative;
24 display: flex;
25 align-items: center;
26 justify-content: center;
27 background: #FFF;
28}
29.asset-publisher-list .item .parent-img .img {
30 max-width: 100%;
31 max-height: 100%;
32 position: relative;
33 z-index: 3;
34 transition: all ease-in-out 0.3s;
35}
36.asset-publisher-list .item .parent-img .background {
37 width: 100%;
38 height: 100%;
39 position: absolute;
40 object-fit: cover;
41 transition: all ease-in-out 0.3s;
42 z-index: 1;
43 filter: blur(5px);
44}
45.asset-publisher-list .item .date {
46 font-size: 0.678em;
47 text-align: right;
48 color: #7c7c7c;
49 margin: 0em 1em;
50 display: flex;
51 align-items: center;
52 column-gap: 0.4em;
53}
54
55.asset-publisher-list .item .date .sh-icon-time:before {
56 color: #7c7c7c;
57}
58.asset-publisher-list .item .title {
59 font-weight: bold;
60 font-size: 1em;
61 color: #002687;
62 /* padding: 0 1em; */
63 line-height: 1.68em;
64 overflow: hidden;
65 /*height: 1.6em;*/
66 margin: 0.7em 1em;
67 margin-bottom:0.4em;
68
69 display: -webkit-box !important;
70 -webkit-line-clamp: 1;
71 -webkit-box-orient: vertical;
72 overflow: hidden;
73}
74.asset-publisher-list .item .description {
75 font-size: 0.875em;
76 line-height: 1.78em;
77 padding: 0 1em;
78 color: #686868;
79 overflow: hidden;
80 /*height: 1.7em;*/
81 text-align:justify;
82 margin: 0.4em 0 0.9em;
83
84 display: -webkit-box !important;
85 -webkit-line-clamp: 2;
86 -webkit-box-orient: vertical;
87 overflow: hidden;
88}
89/*.asset-publisher-list .item .visit {*/
90/* font-size: 0.678em;*/
91/* color: #7c7c7c;*/
92/* margin: 0 1em;*/
93/* margin-top: 0.5em;*/
94/* text-align: left;*/
95/*}*/
96
97@media only screen and (max-width: 768px) {
98 .asset-publisher-list {
99 font-size: 15px;
100 }
101}
102
103@media only screen and (max-width: 576px) {
104 .asset-publisher-list {
105 font-size: 13px;
106 }
107 .asset-publisher-list .item {
108 /*height: 9em;*/
109 }
110 .asset-publisher-list .item .parent-img img {
111 /*width: 7em;*/
112 }
113 .asset-publisher-list .item .title {
114 font-size: 0.9em;
115 }
116 .asset-publisher-list .item .description {
117 font-size: 0.8em;
118 }
119}
120
121</style>
122<div class="asset-publisher-list">
123 <#list entries as curEntry>
124 <#assign assetRenderer = curEntry.getAssetRenderer() />
125 <#assign renderer=curEntry.getAssetRenderer()>
126 <#assign dateFormat = "yyyy MM dd" />
127 <#assign publishDate=dateUtil.getDate(curEntry.getPublishDate(),dateFormat,locate)/>
128 <a href="${assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, curEntry,true)}" class="item">
129 <div class="parent-img">
130 <#if !assetRenderer.getThumbnailPath(renderRequest)??>
131 <#assign imgSrc="${themeDisplay.getPathThemeImages()}/placeholder.jpg" />
132 <#else>
133 <#assign imgSrc=assetRenderer.getThumbnailPath(renderRequest) />
134 </#if>
135 <img class="background" src="${imgSrc}">
136 <img class="img" src="${imgSrc}">
137 </div>
138 <div>
139 <div class="description">
140
141 <#if assetRenderer.getClassName()=="com.liferay.journal.model.JournalArticle">
142 <#assign
143 docXml = saxReaderUtil.read(assetRenderer.getArticle().getContent())
144 lead = docXml.valueOf("//dynamic-element[@name='lead']/dynamic-content/text()")
145 />
146 </#if>
147 ${stringUtil.shorten(htmlUtil.stripHtml(lead), 360)}
148 </div>
149 <h3 class="title">
150 <#assign title = curEntry.getTitle(locale) />
151 ${title}
152 <!--${stringUtil.shorten(htmlUtil.stripHtml(title), 85)}-->
153 </h3>
154 <div class="date">
155 <i class="sh-icon-time"></i>
156 <span class="main-c" date-publish="${publishDate}" > ${publishDate} </span>
157 </div>
158 <div class="description d-none d-md-block">
159 <#assign summary = curEntry.getSummary(locale) />
160 <#if summary !="">
161 ${stringUtil.shorten(htmlUtil.stripHtml(summary), 1000)}
162 <#else>
163 <#if assetRenderer.getClassName()=="com.liferay.journal.model.JournalArticle">
164 <#assign
165 docXml = saxReaderUtil.read(assetRenderer.getArticle().getContent())
166 summary = docXml.valueOf("//dynamic-element[@name='content']/dynamic-content/text()")
167 />
168 </#if>
169 ${stringUtil.shorten(htmlUtil.stripHtml(summary), 360)}
170 </#if>
171 </div>
172 <!--<div class="visit">-->
173 <!-- <span class="oy-icon-eye"><span class="path1"></span><span class="path2"></span></span>-->
174 <!-- <span style="display: inline-block;">${curEntry.getViewCount()}</span>-->
175 <!--</div>-->
176 </div>
177 </a>
178 </#list>
179</div>
180<script>
181 box = document.querySelectorAll(".rtl .asset-publisher-list .main-c");
182 [].forEach.call(box, function(el) {
183 var dp = el.getAttribute("date-publish");
184 el.innerHTML =moment(dp, 'YYYY MM DD')
185 .locale('fa')
186 .format('D MMMM YYYY');
187 });
188</script>
189<#else>
190 <div class="alert alert-info text-center">
191 <@liferay_ui["message"] key="there-are-no-results" />
192 </div>
193</#if>
ادرس : همدان، پل پژوهش، بلوار شهید فهمیده، خیابان مردم.
تلفن : 38411100-081
فکس : 38380660-081
صندوق پستی :579-65155
