|
<%=FAV_OBJ.length%>
Favorites
|
<% if (PAGINATION_OBJ.cp<=PAGINATION_OBJ.pc && PAGINATION_OBJ.tc>0){%>
Sort By
<% } %> |
<%-GO.loadPagination(PAGINATION_OBJ.pc,PAGINATION_OBJ.cp,file_api_base_path,REQ_OBJ,PRODUCT,drupal_path)%>
|
<%-GO.displayShowingTemplates(PAGINATION_OBJ.rpp,PAGINATION_OBJ.cp,PAGINATION_OBJ.tc)%>
|
<% if (PAGINATION_OBJ.cp<=PAGINATION_OBJ.pc && PAGINATION_OBJ.tc>0){%>
Display
<% } %> |
|---|
<% if(PAGINATION_OBJ.cp == 1 && PRODUCT != "favorites"){ %>
<%}%>
<% if(TPL_DATA.length == 0 ){
var no_data_msg = "Sorry! No templates found for the page and/or filter! :(";
if(PRODUCT == "favorites"){ %>
<% } %>
<%}else{
for(var tpl in TPL_DATA){
//console.log(TPL_DATA[tpl]);
if(GO.isNotUndefined(TPL_DATA[tpl]["_id"])){
var template = TPL_DATA[tpl];
var def_trim_id = "";
if(TPL_DATA[tpl]["default_trim"]){
def_trim_id = TPL_DATA[tpl]["default_trim"];
} %>
<%-no_data_msg%>
<% var prodThemeCount = 0;
var front_thumb = [];
var back_thumb = [];
var vertical_flag = 0;
var front_class = "";
var back_class = "";
var div_box_class = "";
var default_theme_id = "";
var is_letterhead = 0;
if (!TPL_DATA[tpl]["name"]) {
TPL_DATA[tpl]["name"] = " ";
}
for (var tplColor in TPL_DATA[tpl]["themes"]){
if(VIEW_STATUS_LEVEL.indexOf(TPL_DATA[tpl]["themes"][tplColor]["status"].toUpperCase())!=-1){
prodThemeCount++;
var frontObj = {};
var backObj = {};
var product_type = FILTER_OBJ["Category"][template["catId"]];
if(prodThemeCount == 1){
default_theme_id = template["themes"][tplColor]["theme_id"];
}
var theme_id = template["themes"][tplColor]["theme_id"];
var tpl_design_id = template["design_id"];
var back_flag = 0;
var f,b;
try{
if(GO.isNotUndefined(TPL_DATA[tpl]["themes"][tplColor]["back"]["trimmed_svg"])) {
for(var i in TPL_DATA[tpl]["themes"][tplColor]["back"]["trimmed_svg"]){
if(TPL_DATA[tpl]["themes"][tplColor]["back"]["trimmed_svg"][i]["trim_id"] == def_trim_id){
back_flag = 1;
break;
}
}
}
}catch(e){/*console.log("NO BACK SVG EXISTS");*/}
//console.log("back_flag="+back_flag);
if (GO.isNotUndefined(TPL_DATA[tpl]["themes"][tplColor]["front"])) {
f = TPL_DATA[tpl]["themes"][tplColor]["front"];
if(GO.isNotUndefined(f["trimmed_svg"]) && f["trimmed_svg"].length > 0){
for(var trimData in f["trimmed_svg"]){
if(f["trimmed_svg"][trimData]["trim_id"] == def_trim_id){
if(GO.isNotUndefined(f["trimmed_svg"][trimData]["thumbnail"])) {
frontObj["thumbnail"] = images_cdn+"templates/images/"+tpl_design_id+"/"+theme_id+"/small/front_"+f["trimmed_svg"][trimData]["trim_id"]+".png";
try{
var width = GO.isNotUndefined(f["trimmed_svg"][trimData]["thumbnail"]["small"]["size"]["w"]) ? parseInt(f["trimmed_svg"][trimData]["thumbnail"]["small"]["size"]["w"]) : 0;
var height = GO.isNotUndefined(f["trimmed_svg"][trimData]["thumbnail"]["small"]["size"]["h"]) ? parseInt(f["trimmed_svg"][trimData]["thumbnail"]["small"]["size"]["h"]) : 0;
if(width > 0 && height > 0){
// console.log("width="+width+" height="+height);
if(width < height){
vertical_flag = 1;
if(GO.isNotUndefined(TPL_DATA[tpl]["friendly_url"])){
if(TPL_DATA[tpl]["friendly_url"].toLowerCase()=="letterhead"){
is_letterhead = 1
}
}
}
if(width==height){
vertical_flag = 2;
// console.log("width="+width+" height="+height);
}
}
}catch(e){
// console.log("thumbnail.small does not have size");
}
// console.log("vertical_flag===>"+vertical_flag);
}
frontObj["color"] = template["themes"][tplColor]["colorPrimary"];
frontObj["colorParent"] = template["themes"][tplColor]["colorParent"];
front_thumb.push(frontObj);
break;
}
}
}/*else{
if(GO.isNotUndefined(f["design"])) {
if(GO.isNotUndefined(f["design"]["thumbnail"])) {
frontObj["thumbnail"] = f["design"]["thumbnail"];
}
}
}*/
}
if (GO.isNotUndefined(TPL_DATA[tpl]["themes"][tplColor]["back"])) {
b = TPL_DATA[tpl]["themes"][tplColor]["back"];
if(GO.isNotUndefined(b["trimmed_svg"]) && b["trimmed_svg"].length > 0){
for(var trimData in b["trimmed_svg"]){
if(b["trimmed_svg"][trimData]["trim_id"] == def_trim_id){
if(GO.isNotUndefined(b["trimmed_svg"][trimData]["thumbnail"])) {
backObj["thumbnail"] = images_cdn+"templates/images/"+tpl_design_id+"/"+theme_id+"/small/back_"+b["trimmed_svg"][trimData]["trim_id"]+".png";
}
backObj["color"] = template["themes"][tplColor]["colorPrimary"];
backObj["colorParent"] = template["themes"][tplColor]["colorParent"];
back_thumb.push(backObj);
break;
}
}
}/*else{
if(GO.isNotUndefined(b["design"])) {
if(GO.isNotUndefined(b["design"]["thumbnail"])) {
backObj["thumbnail"] = b["design"]["thumbnail"];
}
}
}*/
}
if(back_flag == 1){
if(vertical_flag == 0){
front_class = "dt_img_hr_box_front front_image tsvg";
back_class = "dt_img_hr_box_back back_image tsvg";
div_box_class = "dt_img_hr_box";
}else if(vertical_flag == 1){
front_class = "dt_img_vt_box_front front_image tsvg";
back_class = "dt_img_vt_box_back back_image tsvg";
div_box_class = "dt_img_vt_box";
}else if(vertical_flag == 2){
front_class = "dt_img_square_box_front front_image tsvg";
back_class = "dt_img_square_box_back back_image tsvg";
div_box_class = "dt_img_square_box";
}
}else{
if(vertical_flag == 0){
front_class = "dt_img_hr_box_front_single zoomFront tsvg";
div_box_class = "dt_img_hr_box";
}else if(vertical_flag == 1){
front_class = "dt_img_vt_box_front_single zoomFront tsvg";
div_box_class = "dt_img_vt_box";
if(is_letterhead){
front_class = "dt_img_lh_box_front_single zoomFront tsvg";
div_box_class = "dt_img_vt_box";
}
}else if(vertical_flag == 2){
front_class = "dt_img_square_box_front_single zoomFront tsvg";
div_box_class = "dt_img_square_box";
}
} %>
<% } /*ending if(status == "PROD")*/
}
if (prodThemeCount > 0) { %>
<%
var colorprimary_matched1 = false;
var data_url = "";
var data_url_for_name = "";
for (var tplColor in TPL_DATA[tpl]["themes"]){
if(GO.isNotUndefined(TPL_DATA[tpl].themes[tplColor]["colorPrimary"]) && VIEW_STATUS_LEVEL.indexOf(TPL_DATA[tpl].themes[tplColor]["status"].toUpperCase())!=-1) {
if(RENDER_OBJ["selected"] && RENDER_OBJ["selected"]["color"]){
if(RENDER_OBJ["selected"]["color"].indexOf(Number(TPL_DATA[tpl].themes[tplColor].colorParent)) >-1 && !colorprimary_matched1){
colorprimary_matched1 = true;
data_url = JSON.stringify({"themeId":TPL_DATA[tpl].themes[tplColor]["theme_id"]});
data_url_for_name = JSON.stringify({"themeId":TPL_DATA[tpl].themes[tplColor]["colorPrimary"]});
}
}
}
}
%>
','<%=TPL_DATA[tpl]['_id']%>')"
data-url='<%-data_url%>' href="javascript:void(0)">
![]()
"
onclick="unsetFavorite('<%=TPL_DATA[tpl]["_id"]%>');" class='unset_fav'
src="<%=file_api_base_path%>/images/icon_favorite.png" width="25" height="22" alt="icon favorite"
style='<% if(FAV_OBJ.indexOf(TPL_DATA[tpl]["_id"])==-1){%>display:none;<% } %>' />
![]()
"
onclick="setFavorite('<%=TPL_DATA[tpl]["_id"]%>');" class="set_fav"
src="<%=file_api_base_path%>/images/icon_favorite_white.png"
alt="icon favorite white" width="27" height="22"
style='<% if(FAV_OBJ.indexOf(TPL_DATA[tpl]["_id"])!=-1){%>display:none;<% } %>' />
<% }else{ %>
<%} /*ending else*/
} /*ending for(tpl in data.data)*/ %>
<%}%>
<% if(back_flag == 1){ %>
<% } %>
" class='<%=back_class%>'>
<%
var _html = "";
var colorprimary_matched_img = false;
var tpl_id = TPL_DATA[tpl]['_id'];
var tpl_pro_type = product_type;
for(var i in back_thumb){
var tpl_color = back_thumb[i]['color'];
var tpl_thumb = back_thumb[i]['thumbnail'];
var tpl_name = TPL_DATA[tpl]['name'];
if(RENDER_OBJ["selected"] && RENDER_OBJ["selected"]["color"]){
if(RENDER_OBJ["selected"]["color"].indexOf(Number(back_thumb[i]["colorParent"])) > -1 && !colorprimary_matched_img){
_html += "!["+tpl_name+" - "+tpl_pro_type+" Maker]("+tpl_thumb+")
";
colorprimary_matched_img =true;
}else{
_html += "";
}
}else{
if(i==0){
_html += "";
}else{
_html += "";
}
}
} %>
<%- _html %>
<% } %>
" class='<%=front_class%>'>
<%
var tpl_id = TPL_DATA[tpl]['_id'];
var tpl_pro_type = product_type;
var colorprimary_matched_img =false;
var _html_f = "";
for(var i in front_thumb){
var tpl_color = front_thumb[i]['color'];
var tpl_thumb = front_thumb[i]['thumbnail'];
var tpl_name = TPL_DATA[tpl]['name'];
if(RENDER_OBJ["selected"] && RENDER_OBJ["selected"]["color"]){
if(RENDER_OBJ["selected"]["color"].indexOf(Number(front_thumb[i]["colorParent"])) >-1 && !colorprimary_matched_img){
_html_f += "";
colorprimary_matched_img =true;
}else{
_html_f += "";
}
}else{
if(i==0){
_html_f += "";
}else{
_html_f += "";
}
}
} %>
<%- _html_f %>
<% if (!FILTER_OBJ["Size"][TPL_DATA[tpl]["size"]]) {
FILTER_OBJ["Size"][TPL_DATA[tpl]["size"]] = " ";
}else{
if(CAT_OBJ && CAT_OBJ[TPL_DATA[tpl]["catId"]] && CAT_OBJ[TPL_DATA[tpl]["catId"]]["is_foldable"] && CAT_OBJ[TPL_DATA[tpl]["catId"]]["seo"].toLowerCase()=="greeting-cards"){
var current_cat = CAT_OBJ[TPL_DATA[tpl]["catId"]];
var size_name = current_cat["size_folds_object"] && current_cat["size_folds_object"][TPL_DATA[tpl]["size"]] && current_cat["size_folds_object"][TPL_DATA[tpl]["size"]]["displayName"] ? current_cat["size_folds_object"][TPL_DATA[tpl]["size"]]["displayName"] : " ";
//FILTER_OBJ["Size"][TPL_DATA[tpl]["size"]] = size_name ? size_name.replace(/"/gi, "") : " ";
}
} %>
<%=FILTER_OBJ["Size"][TPL_DATA[tpl]["size"]]%>
<%
var colorprimary_matched = false;
var matched_color_primary = TPL_DATA[tpl].themes[0]["colorPrimary"];
for (var tplColor in TPL_DATA[tpl]["themes"]){
if(GO.isNotUndefined(TPL_DATA[tpl].themes[tplColor]["colorPrimary"]) && VIEW_STATUS_LEVEL.indexOf(TPL_DATA[tpl].themes[tplColor]["status"].toUpperCase())!=-1) {
var selected = "";
if(RENDER_OBJ["selected"] && RENDER_OBJ["selected"]["color"]){
if(RENDER_OBJ["selected"]["color"].indexOf(Number(TPL_DATA[tpl].themes[tplColor].colorParent)) >-1 && !colorprimary_matched){
selected = " color-selected";
colorprimary_matched = true;
matched_color_primary = TPL_DATA[tpl].themes[tplColor].colorPrimary;
}
}else {
if(default_theme_id == TPL_DATA[tpl]["themes"][tplColor]["theme_id"]){
selected = " color-selected";
}
}
var color_id = TPL_DATA[tpl]["_id"]+"_"+TPL_DATA[tpl].themes[tplColor].colorPrimary+"_"+TPL_DATA[tpl]["themes"][tplColor]["theme_id"];
var color_class = "color_cls_"+TPL_DATA[tpl]["_id"];
var colorSecondary1 = GO.isNotUndefined(TPL_DATA[tpl].themes[tplColor].colorSecondary1) ? TPL_DATA[tpl].themes[tplColor].colorSecondary1 : "";
var colorSecondary2 = GO.isNotUndefined(TPL_DATA[tpl].themes[tplColor].colorSecondary2) ? TPL_DATA[tpl].themes[tplColor].colorSecondary2 : "";
var secondary_span1 = "";
var secondary_span2 = "";
if(colorSecondary1){
// secondary_span1 = "";
}
if(colorSecondary2){
// secondary_span2 = "";
}
%>
','<%=TPL_DATA[tpl].themes[tplColor].colorPrimary %>')"
id="<%=color_id%>" class="dt_clr_square <%=color_class%><%=selected%>"
style="background:#<%=FILTER_OBJ["Colors"][TPL_DATA[tpl].themes[tplColor].colorPrimary] %>;">
<%-secondary_span2%><%-secondary_span1%>
<% }} %>
"
value="<%=matched_color_primary%>" />
|
<%-GO.loadPagination(PAGINATION_OBJ.pc,PAGINATION_OBJ.cp,file_api_base_path,REQ_OBJ,PRODUCT,drupal_path)%>
|
<%-GO.displayShowingTemplates(PAGINATION_OBJ.rpp,PAGINATION_OBJ.cp,PAGINATION_OBJ.tc)%>
|
<% if (PAGINATION_OBJ.cp<=PAGINATION_OBJ.pc && PAGINATION_OBJ.tc>0){%>
Display
<% } %> |