Aplicações Aninhadas
Aplicações Aninhadas está temporariamente indisponível.
Card Action Landing | Especial Dia das Crianças
Um erro ocorreu enquanto processava o modelo.
The following has evaluated to null or missing:
==> title [in template "20116#20152#46566" at line 31, column 6]
----
Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: #if title.getData()?? && title.getDat... [in template "20116#20152#46566" at line 31, column 1]
----
1<#if image.getData()?? && image.getData() != "">
2 <#assign s_imagem = image.getData()>
3<#else>
4 <#assign s_imagem = "">
5</#if>
6
7<#if action.getData()?? && action.getData() != "">
8 <#assign s_action = action.getData() />
9<#else>
10 <#assign s_action = "" />
11</#if>
12
13<#if type.getData()?? && type.getData() != "">
14 <#assign s_type = type.getData() />
15<#else>
16 <#assign s_type = "" />
17</#if>
18
19<#if value.getData()?? && value.getData() != "">
20 <#assign s_value = value.getData() />
21<#else>
22 <#assign s_value = "" />
23</#if>
24
25<#if value.getData()?? && value.getData() != "">
26 <#assign s_value = value.getData() />
27<#else>
28 <#assign s_value = "" />
29</#if>
30
31<#if title.getData()?? && title.getData() != "">
32 <#assign s_title = title.getData() />
33<#else>
34 <#assign s_title = "" />
35</#if>
36
37<#if textColor.getData()?? && textColor.getData() != "">
38 <#assign s_textColor = textColor.getData() />
39<#else>
40 <#assign s_textColor = "" />
41</#if>
42
43<#if imageColor.getData()?? && imageColor.getData() != "">
44 <#assign s_imageColor = imageColor.getData() />
45<#else>
46 <#assign s_imageColor = "" />
47</#if>
48
49<#if imageColor.getData()?? && imageColor.getData() != "">
50 <#assign s_imageColor = imageColor.getData() />
51<#else>
52 <#assign s_imageColor = "" />
53</#if>
54
55<#assign s_title = .vars['reserved-article-title'].data />
56
57<#if label??>
58 <#assign s_label = label.getData() />
59<#else>
60 <#assign s_label = "" />
61</#if>
62
63<#if value_play??>
64 <#assign s_value_play = value_play.getData() />
65<#else>
66 <#assign s_value_play = "" />
67</#if>
68
69<#if actionTagName.getData() && actionTagName.getData() != "">
70 <#assign s_actionTagName = value_play.getData() />
71<#else>
72 <#assign s_actionTagName = "" />
73</#if>
74
75<#if actionTagData.getData() && actionTagData.getData() != "">
76 <#assign s_actionTagData = actionTagData.getData() />
77<#else>
78 <#assign s_actionTagData = "" />
79</#if>
80
81<#assign
82 journalArticleId = .vars['reserved-article-id'].data
83
84 s = '{"action": "' + s_action + '", "actionTagData": "' + s_actionTagData + '", "actionTagName": "' + s_actionTagName + '", "enabled": true, "id": "' + journalArticleId + '", "image": "' + s_imagem + '", "imageColor": "' + s_imageColor + '", "textColor": "' + s_textColor + '", "title": "' + s_label + '", "label": "' + s_label + '", "type": ' + s_type + ', "value": "' + s_value + '", "value_play": "' + s_value_play + '"}'
85/>
86
87<script type="text/javascript">
88$(function(){
89 sky.parentSelectorsLiferayPortlet('.act-order${type.getData()}', '.portlet-boundary', 'act-order${type.getData()}');
90});
91</script>
92
93
94<input type="hidden" class="data-cardAction" value="${s?replace('"', """)}">
95
96<#-- <#if getterUtil.getBoolean(enabled.getData())> -->
97
98 <#if type.getData()?number < 3>
99 <#-- links texto -->
100
101 <#if title.getData()?? && title.getData() != "">
102 <a href="javascript:;" class="action-text act-order${type.getData()}" style="<#if textColor.getData()?? && textColor.getData() != ''>color: #${textColor.getData()?replace('#', '')}</#if>">${title.getData()}</a>
103 </#if>
104
105 <#else>
106 <#-- links ícones -->
107
108 <#if image.getData()?? && image.getData() != "">
109 <div class="action-icon act-order${type.getData()}">
110 <a href="javascript:;">
111 <img src="${image.getData()}" alt="" />
112 </a>
113 </div>
114 </#if>
115
116 </#if>
117
118<#-- </#if> -->
119
120<style type="text/css">
121/* actions texto */
122#sky-container .card_actions{padding: 0 16px;width: 100%;min-height: 48px;}
123
124#sky-container .card_actions .portlet-boundary{float: left;}
125#sky-container .card_actions .portlet-boundary .journal-content-article{display: table;height: 48px;}
126#sky-container .card_actions a.action-text{font: 500 14px/24px "Roboto", sans-serif-black;color: #8796a8;text-transform: uppercase;padding-right: 20px;display: table-cell;vertical-align: middle;}
127#sky-container .card_actions a.action-text.destaque{color: #e14b4b;}
128/*fim actions texto */
129
130/*actions icons */
131#sky-container .card_actions .action-icon{display: table-cell;vertical-align: middle;}
132#sky-container .card_actions .action-icon img{height: 25px;width: auto;}
133/*fim actions icons */
134
135#sky-container .card_actions .portlet-column > .portlet-column-content{display: -webkit-box;display: -moz-box;display: box;}
136
137#sky-container .card_actions .act-order0{-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;box-ordinal-group: 1;}
138#sky-container .card_actions .act-order1{-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;box-ordinal-group: 2;}
139#sky-container .card_actions .act-order2{-webkit-box-ordinal-group: 3;-moz-box-ordinal-group: 3;box-ordinal-group: 3;}
140#sky-container .card_actions .portlet-boundary.act-order3{position: absolute!important;top: 12px;left:initial!important;right: 80px;}
141#sky-container .card_actions .portlet-boundary.act-order4{position: absolute!important;top: 12px;left:initial!important;right: 40px;}
142#sky-container .card_actions .portlet-boundary.act-order5{position: absolute!important;top: 12px;left:initial!important;right: 0;}
143
144#sky-container .card_actions .portlet-boundary.act-order3 .portlet-topper,#sky-container .card_actions .portlet-boundary.act-order4 .portlet-topper,#sky-container .card_actions .portlet-boundary.act-order5 .portlet-topper{width: 44px;left: -10px;padding: 0 5px;}
145#sky-container .card_actions .portlet-boundary.act-order3 .portlet-topper .portlet-title-default,#sky-container .card_actions .portlet-boundary.act-order4 .portlet-topper .portlet-title-default,#sky-container .card_actions .portlet-boundary.act-order5 .portlet-topper .portlet-title-default{padding-left: 20px;}
146#sky-container .card_actions .portlet-boundary.act-order3 .portlet-topper .lexicon-icon-ellipsis-v,#sky-container .card_actions .portlet-boundary.act-order4 .portlet-topper .lexicon-icon-ellipsis-v,#sky-container .card_actions .portlet-boundary.act-order5 .portlet-topper .lexicon-icon-ellipsis-v{padding: 8px 0;width: 18px;}
147
148body.portlet-spaces-work #sky-container #content .cardbox .portlet-column div .portlet-boundary .portlet .portlet-topper{top:-22px!important;transform: translate(0) !important;}
149</style>
Botão para Gerar JSON de Cards
Aplicações Aninhadas
Card Content Paragraph | Especial Dia das Crianças
#SKYémaisDiaDasCrianças e, por isso mesmo, tem programação para os pequenos.