main.tpl 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. {include file='assets/css_assets.tpl'}
  2. <div id="layers">
  3. <div class="lu-app">
  4. <div class="lu-app-header lu-app-header--responsive lu-navbar">
  5. <a class="lu-navbar__brand lu-brand lu-brand--product" href="{$mainURL}">
  6. <div class="lu-brand__logo lu-product-{$tagImageModule}-for-whmcs lu-i-c-5x">
  7. <img class="lu-i-c-3x" src="{$assetsURL}/img/products/{$tagImageModule}.svg" alt="{$mainName}">
  8. </div>
  9. <div class="lu-brand__text">
  10. {$mainName}
  11. </div>
  12. </a>
  13. <button class="lu-navbar__burger lu-navbar-right lu-btn" data-toggle="offCanvas" data-target=".lu-app-navbar">
  14. <span class="lu-btn__icon lu-burger">
  15. <span></span>
  16. <span></span>
  17. <span></span>
  18. </span>
  19. </button>
  20. </div>
  21. <div class="lu-app-navbar lu-navbar lu-navbar--responsive lu-off-canvas-responsive lu-off-canvas-responsive--right">
  22. <div class="lu-navbar__top">
  23. <a class="lu-navbar__brand lu-brand lu-brand--product" href="{$mainURL}">
  24. <div class="lu-brand__logo lu-product-{$tagImageModule}-for-whmcs lu-i-c-6x">
  25. <img class="lu-i-c-4x" src="{$assetsURL}/img/products/{$tagImageModule}.svg" alt="{$mainName}">
  26. </div>
  27. <div class="lu-brand__text">
  28. {$mainName}
  29. </div>
  30. </a>
  31. <a class="lu-navbar__brand lu-brand lu-is-right" href="https://www.modulesgarden.com" target="_blank">
  32. <div class="lu-brand__logo">
  33. <img src="{$assetsURL}/img/logo.png" alt="ModulesGarden" width="150">
  34. </div>
  35. </a>
  36. </div>
  37. <div class="lu-navbar__nav">
  38. <ul class="lu-nav lu-nav--h lu-is-left">
  39. {foreach from=$menu key=catName item=category}
  40. {if $category.submenu}
  41. <li class="lu-nav__item has-dropdown {if $currentPageName|strtolower === $catName|strtolower}is-active{/if}">
  42. <a class="lu-nav__link" href="{$category.url}">
  43. {if $category.icon}
  44. <i class="{$category.icon}"></i>
  45. {/if}
  46. {if $category.label}
  47. {$subpage.label}
  48. <span class="lu-nav__link-drop-arrow"></span>
  49. {else}
  50. <span class="lu-nav__link-text">{$MGLANG->T('pagesLabels','label', $catName)}</span>
  51. <span class="lu-nav__link-drop-arrow"></span>
  52. {/if}
  53. <span class="drop-arrow"></span>
  54. </a>
  55. <ul class="lu-nav lu-nav--sub">
  56. {foreach from=$category.submenu key=subCatName item=subCategory}
  57. {if $subCategory.externalUrl}
  58. <li class="lu-nav__item">
  59. <a class="lu-nav__link" href="{$subCategory.externalUrl}" target="_blank">
  60. {if $subCategory.icon}<i class="{$subCategory.icon}"></i>{/if}
  61. {if $subCategory.label}
  62. {$subCategory.label}
  63. {else}
  64. <span class="lu-nav__link-text">{$MGLANG->T('pagesLabels', $catName, $subCatName)}</span>
  65. {/if}
  66. </a>
  67. </li>
  68. {else}
  69. <li class="lu-nav__item">
  70. <a class="lu-nav__link" href="{$subCategory.url}">
  71. {if $subCategory.icon}<i class="{$subCategory.icon}"></i>{/if}
  72. {if $subCategory.label}
  73. {$subCategory.label}
  74. {else}
  75. <span class="lu-nav__link-text">{$MGLANG->T('pagesLabels', $catName, $subCatName)}</span>
  76. {/if}
  77. </a>
  78. </li>
  79. {/if}
  80. {/foreach}
  81. </ul>
  82. </li>
  83. {else}
  84. <li class="lu-nav__item {if $currentPageName|strtolower === $catName|strtolower}is-active{/if}">
  85. <a class="lu-nav__link" href="{if $category.externalUrl}{$category.externalUrl}{else}{$category.url}{/if}"
  86. {if $category.externalUrl} target="_blank"{/if}>
  87. {if $category.icon}
  88. <i class="{$category.icon}"></i>
  89. {/if}
  90. {if $category.label}
  91. {$subpage.label}
  92. {else}
  93. <span class="lu-nav__link-text">{$MGLANG->T('pagesLabels','label', $catName)}</span>
  94. {/if}
  95. <span class="drop-arrow"></span>
  96. </a>
  97. </li>
  98. {/if}
  99. {/foreach}
  100. </ul>
  101. </div>
  102. </div>
  103. <div class="lu-app-main">
  104. <div class="lu-app-main__body">
  105. <div class="lu-app-main__top lu-top">
  106. <ul class="lu-breadcrumb lu-type-5">
  107. {assign var="brKeys" value=$breadcrumbs|array_keys}
  108. {assign var="brLastKey" value=$brKeys|end}
  109. {foreach from=$breadcrumbs key=brKey item=brItem}
  110. {if $brItem->getTitle()|strtolower !== 'index'}
  111. <li class="lu-breadcrumb__item is-active">
  112. {if $brItem->getUrl() && $brLastKey !== $brKey && !$brItem->isDisabled()}
  113. <a class="lu-breadcrumb__link" href="{$brItem->getUrl()}">
  114. {if $brItem->getRawTitle()}
  115. {$brItem->getRawTitle()}
  116. {elseif $brKeys[0] === $brKey}
  117. {$MGLANG->T('pagesLabels','label', $brItem->getTitle())}
  118. {else}
  119. {$MGLANG->T('pagesLabels', $breadcrumbs[($brKey - 1)]->getTitle(), $brItem->getTitle())}
  120. {/if}
  121. </a>
  122. {else}
  123. <span class="breadcrumb__link">
  124. {if $brItem->getRawTitle()}
  125. {$brItem->getRawTitle()}
  126. {elseif $brKeys[0] === $brKey}
  127. {$MGLANG->T('pagesLabels','label', $brItem->getTitle())}
  128. {else}
  129. {$MGLANG->T('pagesLabels', $breadcrumbs[($brKey - 1)]->getTitle(), $brItem->getTitle())}
  130. {/if}
  131. </span>
  132. {/if}
  133. </li>
  134. {/if}
  135. {/foreach}
  136. </ul>
  137. </div>
  138. {if $moduleRequirementsErrors}
  139. <div class="lu-alert lu-alert--outline lu-alert--icon lu-alert--danger lu-alert--bordered lu-m-b-x lu-alert--dismiss mg-message">
  140. <div class="lu-alert__body">
  141. <b>{$moduleRequirementsErrors}</b>
  142. </div>
  143. </div>
  144. {/if}
  145. {if $error}
  146. <div class="lu-alert lu-alert--outline lu-alert--icon lu-alert--danger lu-alert--bordered lu-m-b-x lu-alert--dismiss mg-message">
  147. <div class="lu-alert__body">
  148. <b>{$error}</b>
  149. </div>
  150. <button type="button" class="lu-btn lu-btn--icon lu-btn--link lu-btn--close" data-dismiss="alert">
  151. <i class="lu-btn__icon lu-zmdi lu-zmdi-close"></i>
  152. </button>
  153. </div>
  154. {/if}
  155. {if $success}
  156. <div class="lu-alert lu-alert--outline lu-alert--icon lu-alert--success lu-alert--bordered lu-m-b-x lu-alert--dismiss mg-message">
  157. <div class="lu-alert__body">
  158. <b>{$success}</b>
  159. </div>
  160. <button type="button" class="lu-btn lu-btn--icon lu-btn--link lu-btn--close" data-dismiss="alert">
  161. <i class="lu-btn__icon lu-zmdi lu-zmdi-close"></i>
  162. </button>
  163. </div>
  164. {/if}
  165. {if ($isDebug eq true AND (count($MGLANG->getMissingLangs()) != 0))}
  166. <div class="lu-row">
  167. <div class="lu-col-md-12">
  168. <div class="lu-widget">
  169. <div class="lu-widget__body">
  170. <div class="lu-widget__content">
  171. <div class="lu-row">
  172. {foreach from=$MGLANG->getMissingLangs() key=varible item=value}
  173. <div class="lu-col-md-12"><b>{$varible}</b> = '{$value}';</div>
  174. {/foreach}
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. {/if}
  182. {$content}
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. {include file='assets/js_assets.tpl'}
  188. <div class="clear"></div>