first commit

This commit is contained in:
alazhar
2020-01-02 23:15:16 +07:00
commit eda9661806
3433 changed files with 595883 additions and 0 deletions

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,379 @@
<div class="fontawesome-ajax-data">
<style>
.fontawesome-field-container {margin: 0;font-family: proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;line-height: 20px;color: #333;background-color: #fff;}
.fontawesome-field-container .container {margin-right: auto;margin-left: auto;}
.fontawesome-field-container .container::before,.fontawesome-field-container .container::after {display: table;content: "";line-height: 0;}
.fontawesome-field-container .container::after {clear: both;}
.fontawesome-field-container h1,.fontawesome-field-container h2,.fontawesome-field-container h3,.fontawesome-field-container h4,.fontawesome-field-container h5,.fontawesome-field-container h6 {font-family: museo-slab,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.fontawesome-field-container section {padding-top: 40px;}
.fontawesome-field-container ul.unstyled,.fontawesome-field-container ol.unstyled {margin-left: 0;list-style: none;}
.fontawesome-field-container li {color: #555; line-height: 22px; margin-left: 15px; margin-right: 14px; font-size: 14px; display: inline-block;}
.fontawesome-field-container li span {display: none;}
.fontawesome-field-container .muted {color: #999;}
.fontawesome-field-container .fa-viewer{margin: 20px auto; text-align: center;}
.fontawesome-field-container .unstyled li:hover{background-color: #fbf4f4;}
.fontawesome-field-container .unstyled li:hover i{-webkit-transform: rotate(0deg) scale(2.5);-o-transform: rotate(0deg) scale(2.5);-moz-transform: rotate(0deg) scale(2.5);-ms-transform: rotate(0deg) scale(2.5);transform: rotate(0deg) scale(2.5);}
[class^="icon-"], [class*=" icon-"]{display: inline-block;}
</style>
<div class="general-field-container">
<div class="field-item type-text">
<div class="field-title">Font Size</div>
<div class="field-data">
<input data-name="fa_size" data-type="text" class="field" value="" placeholder="" data-selector="" data-save-to="" type="text" />
</div>
<div class="field-desc">Size.</div>
</div>
<div class="field-item type-text">
<div class="field-title">Font Padding</div>
<div class="field-data">
<input data-name="fa_padding" data-type="text" class="field" value="" placeholder="" data-selector="" data-save-to="" type="text" />
</div>
<div class="field-desc">Padding.</div>
</div>
<div class="field-item type-color">
<div class="field-title">Font Color</div>
<div class="field-data">
<input data-name="fa_color" data-type="color" class="field" value="" placeholder="" type="text" />
<div class="color-info"></div>
<div class="color-view"></div>
</div>
<div class="field-desc">Color.</div>
</div>
<div class="field-item type-color">
<div class="field-title">Border Color</div>
<div class="field-data">
<input data-name="fa_bg_color" data-type="color" class="field" value="" placeholder="" type="text" />
<div class="color-info"></div>
<div class="color-view"></div>
</div>
<div class="field-desc">Background Color.</div>
</div>
<div class="field-item type-text">
<div class="field-title">Border width Size</div>
<div class="field-data">
<input data-name="fa_rounded" data-type="text" class="field" value="" placeholder="" data-selector="" data-save-to="" type="text" />
</div>
<div class="field-desc">Border width Size.</div>
</div>
<div class="field-item hidden type-hidden">
<div class="field-title">Icon</div>
<div class="field-data">
<input data-name="fa_icon" data-type="hidden" class="field" value="" placeholder="" data-selector="" data-save-to="" type="hidden" />
</div>
<div class="field-desc">Icon.</div>
</div>
</div>
<div class="fontawesome-field-container">
<div class="container">
<div class="fa-viewer"></div>
<ul class="unstyled">
<li><i class="icon-">&#xf000;</i><span> icon-glass </span><span class="muted">(&amp;#xf000;)</span></li>
<li><i class="icon-">&#xf001;</i><span> icon-music </span><span class="muted">(&amp;#xf001;)</span></li>
<li><i class="icon-">&#xf002;</i><span> icon-search </span><span class="muted">(&amp;#xf002;)</span></li>
<li><i class="icon-">&#xf003;</i><span> icon-envelope </span><span class="muted">(&amp;#xf003;)</span></li>
<li><i class="icon-">&#xf004;</i><span> icon-heart </span><span class="muted">(&amp;#xf004;)</span></li>
<li><i class="icon-">&#xf005;</i><span> icon-star </span><span class="muted">(&amp;#xf005;)</span></li>
<li><i class="icon-">&#xf006;</i><span> icon-star-empty </span><span class="muted">(&amp;#xf006;)</span></li>
<li><i class="icon-">&#xf007;</i><span> icon-user </span><span class="muted">(&amp;#xf007;)</span></li>
<li><i class="icon-">&#xf008;</i><span> icon-film </span><span class="muted">(&amp;#xf008;)</span></li>
<li><i class="icon-">&#xf009;</i><span> icon-th-large </span><span class="muted">(&amp;#xf009;)</span></li>
<li><i class="icon-">&#xf00a;</i><span> icon-th </span><span class="muted">(&amp;#xf00a;)</span></li>
<li><i class="icon-">&#xf00b;</i><span> icon-th-list </span><span class="muted">(&amp;#xf00b;)</span></li>
<li><i class="icon-">&#xf00c;</i><span> icon-ok </span><span class="muted">(&amp;#xf00c;)</span></li>
<li><i class="icon-">&#xf00d;</i><span> icon-remove </span><span class="muted">(&amp;#xf00d;)</span></li>
<li><i class="icon-">&#xf00e;</i><span> icon-zoom-in </span><span class="muted">(&amp;#xf00e;)</span></li>
<li><i class="icon-">&#xf010;</i><span> icon-zoom-out </span><span class="muted">(&amp;#xf010;)</span></li>
<li><i class="icon-">&#xf011;</i><span> icon-off </span><span class="muted">(&amp;#xf011;)</span></li>
<li><i class="icon-">&#xf012;</i><span> icon-signal </span><span class="muted">(&amp;#xf012;)</span></li>
<li><i class="icon-">&#xf013;</i><span> icon-cog </span><span class="muted">(&amp;#xf013;)</span></li>
<li><i class="icon-">&#xf014;</i><span> icon-trash </span><span class="muted">(&amp;#xf014;)</span></li>
<li><i class="icon-">&#xf015;</i><span> icon-home </span><span class="muted">(&amp;#xf015;)</span></li>
<li><i class="icon-">&#xf016;</i><span> icon-file </span><span class="muted">(&amp;#xf016;)</span></li>
<li><i class="icon-">&#xf017;</i><span> icon-time </span><span class="muted">(&amp;#xf017;)</span></li>
<li><i class="icon-">&#xf018;</i><span> icon-road </span><span class="muted">(&amp;#xf018;)</span></li>
<li><i class="icon-">&#xf019;</i><span> icon-download-alt </span><span class="muted">(&amp;#xf019;)</span></li>
<li><i class="icon-">&#xf01a;</i><span> icon-download </span><span class="muted">(&amp;#xf01a;)</span></li>
<li><i class="icon-">&#xf01b;</i><span> icon-upload </span><span class="muted">(&amp;#xf01b;)</span></li>
<li><i class="icon-">&#xf01c;</i><span> icon-inbox </span><span class="muted">(&amp;#xf01c;)</span></li>
<li><i class="icon-">&#xf01d;</i><span> icon-play-circle </span><span class="muted">(&amp;#xf01d;)</span></li>
<li><i class="icon-">&#xf01e;</i><span> icon-repeat </span><span class="muted">(&amp;#xf01e;)</span></li>
<li><i class="icon-">&#xf021;</i><span> icon-refresh </span><span class="muted">(&amp;#xf021;)</span></li>
<li><i class="icon-">&#xf022;</i><span> icon-list-alt </span><span class="muted">(&amp;#xf022;)</span></li>
<li><i class="icon-">&#xf023;</i><span> icon-lock </span><span class="muted">(&amp;#xf023;)</span></li>
<li><i class="icon-">&#xf024;</i><span> icon-flag </span><span class="muted">(&amp;#xf024;)</span></li>
<li><i class="icon-">&#xf025;</i><span> icon-headphones </span><span class="muted">(&amp;#xf025;)</span></li>
<li><i class="icon-">&#xf026;</i><span> icon-volume-off </span><span class="muted">(&amp;#xf026;)</span></li>
<li><i class="icon-">&#xf027;</i><span> icon-volume-down </span><span class="muted">(&amp;#xf027;)</span></li>
<li><i class="icon-">&#xf028;</i><span> icon-volume-up </span><span class="muted">(&amp;#xf028;)</span></li>
<li><i class="icon-">&#xf029;</i><span> icon-qrcode </span><span class="muted">(&amp;#xf029;)</span></li>
<li><i class="icon-">&#xf02a;</i><span> icon-barcode </span><span class="muted">(&amp;#xf02a;)</span></li>
<li><i class="icon-">&#xf02b;</i><span> icon-tag </span><span class="muted">(&amp;#xf02b;)</span></li>
<li><i class="icon-">&#xf02c;</i><span> icon-tags </span><span class="muted">(&amp;#xf02c;)</span></li>
<li><i class="icon-">&#xf02d;</i><span> icon-book </span><span class="muted">(&amp;#xf02d;)</span></li>
<li><i class="icon-">&#xf02e;</i><span> icon-bookmark </span><span class="muted">(&amp;#xf02e;)</span></li>
<li><i class="icon-">&#xf02f;</i><span> icon-print </span><span class="muted">(&amp;#xf02f;)</span></li>
<li><i class="icon-">&#xf030;</i><span> icon-camera </span><span class="muted">(&amp;#xf030;)</span></li>
<li><i class="icon-">&#xf031;</i><span> icon-font </span><span class="muted">(&amp;#xf031;)</span></li>
<li><i class="icon-">&#xf032;</i><span> icon-bold </span><span class="muted">(&amp;#xf032;)</span></li>
<li><i class="icon-">&#xf033;</i><span> icon-italic </span><span class="muted">(&amp;#xf033;)</span></li>
<li><i class="icon-">&#xf034;</i><span> icon-text-height </span><span class="muted">(&amp;#xf034;)</span></li>
<li><i class="icon-">&#xf035;</i><span> icon-text-width </span><span class="muted">(&amp;#xf035;)</span></li>
<li><i class="icon-">&#xf036;</i><span> icon-align-left </span><span class="muted">(&amp;#xf036;)</span></li>
<li><i class="icon-">&#xf037;</i><span> icon-align-center </span><span class="muted">(&amp;#xf037;)</span></li>
<li><i class="icon-">&#xf038;</i><span> icon-align-right </span><span class="muted">(&amp;#xf038;)</span></li>
<li><i class="icon-">&#xf039;</i><span> icon-align-justify </span><span class="muted">(&amp;#xf039;)</span></li>
<li><i class="icon-">&#xf03a;</i><span> icon-list </span><span class="muted">(&amp;#xf03a;)</span></li>
<li><i class="icon-">&#xf03b;</i><span> icon-indent-left </span><span class="muted">(&amp;#xf03b;)</span></li>
<li><i class="icon-">&#xf03c;</i><span> icon-indent-right </span><span class="muted">(&amp;#xf03c;)</span></li>
<li><i class="icon-">&#xf03d;</i><span> icon-facetime-video </span><span class="muted">(&amp;#xf03d;)</span></li>
<li><i class="icon-">&#xf03e;</i><span> icon-picture </span><span class="muted">(&amp;#xf03e;)</span></li>
<li><i class="icon-">&#xf040;</i><span> icon-pencil </span><span class="muted">(&amp;#xf040;)</span></li>
<li><i class="icon-">&#xf041;</i><span> icon-map-marker </span><span class="muted">(&amp;#xf041;)</span></li>
<li><i class="icon-">&#xf042;</i><span> icon-adjust </span><span class="muted">(&amp;#xf042;)</span></li>
<li><i class="icon-">&#xf043;</i><span> icon-tint </span><span class="muted">(&amp;#xf043;)</span></li>
<li><i class="icon-">&#xf044;</i><span> icon-edit </span><span class="muted">(&amp;#xf044;)</span></li>
<li><i class="icon-">&#xf045;</i><span> icon-share </span><span class="muted">(&amp;#xf045;)</span></li>
<li><i class="icon-">&#xf046;</i><span> icon-check </span><span class="muted">(&amp;#xf046;)</span></li>
<li><i class="icon-">&#xf047;</i><span> icon-move </span><span class="muted">(&amp;#xf047;)</span></li>
<li><i class="icon-">&#xf048;</i><span> icon-step-backward </span><span class="muted">(&amp;#xf048;)</span></li>
<li><i class="icon-">&#xf049;</i><span> icon-fast-backward </span><span class="muted">(&amp;#xf049;)</span></li>
<li><i class="icon-">&#xf04a;</i><span> icon-backward </span><span class="muted">(&amp;#xf04a;)</span></li>
<li><i class="icon-">&#xf04b;</i><span> icon-play </span><span class="muted">(&amp;#xf04b;)</span></li>
<li><i class="icon-">&#xf04c;</i><span> icon-pause </span><span class="muted">(&amp;#xf04c;)</span></li>
<li><i class="icon-">&#xf04d;</i><span> icon-stop </span><span class="muted">(&amp;#xf04d;)</span></li>
<li><i class="icon-">&#xf04e;</i><span> icon-forward </span><span class="muted">(&amp;#xf04e;)</span></li>
<li><i class="icon-">&#xf050;</i><span> icon-fast-forward </span><span class="muted">(&amp;#xf050;)</span></li>
<li><i class="icon-">&#xf051;</i><span> icon-step-forward </span><span class="muted">(&amp;#xf051;)</span></li>
<li><i class="icon-">&#xf052;</i><span> icon-eject </span><span class="muted">(&amp;#xf052;)</span></li>
<li><i class="icon-">&#xf053;</i><span> icon-chevron-left </span><span class="muted">(&amp;#xf053;)</span></li>
<li><i class="icon-">&#xf054;</i><span> icon-chevron-right </span><span class="muted">(&amp;#xf054;)</span></li>
<li><i class="icon-">&#xf055;</i><span> icon-plus-sign </span><span class="muted">(&amp;#xf055;)</span></li>
<li><i class="icon-">&#xf056;</i><span> icon-minus-sign </span><span class="muted">(&amp;#xf056;)</span></li>
<li><i class="icon-">&#xf057;</i><span> icon-remove-sign </span><span class="muted">(&amp;#xf057;)</span></li>
<li><i class="icon-">&#xf058;</i><span> icon-ok-sign </span><span class="muted">(&amp;#xf058;)</span></li>
<li><i class="icon-">&#xf059;</i><span> icon-question-sign </span><span class="muted">(&amp;#xf059;)</span></li>
<li><i class="icon-">&#xf05a;</i><span> icon-info-sign </span><span class="muted">(&amp;#xf05a;)</span></li>
<li><i class="icon-">&#xf05b;</i><span> icon-screenshot </span><span class="muted">(&amp;#xf05b;)</span></li>
<li><i class="icon-">&#xf05c;</i><span> icon-remove-circle </span><span class="muted">(&amp;#xf05c;)</span></li>
<li><i class="icon-">&#xf05d;</i><span> icon-ok-circle </span><span class="muted">(&amp;#xf05d;)</span></li>
<li><i class="icon-">&#xf05e;</i><span> icon-ban-circle </span><span class="muted">(&amp;#xf05e;)</span></li>
<li><i class="icon-">&#xf060;</i><span> icon-arrow-left </span><span class="muted">(&amp;#xf060;)</span></li>
<li><i class="icon-">&#xf061;</i><span> icon-arrow-right </span><span class="muted">(&amp;#xf061;)</span></li>
<li><i class="icon-">&#xf062;</i><span> icon-arrow-up </span><span class="muted">(&amp;#xf062;)</span></li>
<li><i class="icon-">&#xf063;</i><span> icon-arrow-down </span><span class="muted">(&amp;#xf063;)</span></li>
<li><i class="icon-">&#xf064;</i><span> icon-share-alt </span><span class="muted">(&amp;#xf064;)</span></li>
<li><i class="icon-">&#xf065;</i><span> icon-resize-full </span><span class="muted">(&amp;#xf065;)</span></li>
<li><i class="icon-">&#xf066;</i><span> icon-resize-small </span><span class="muted">(&amp;#xf066;)</span></li>
<li><i class="icon-">&#xf067;</i><span> icon-plus </span><span class="muted">(&amp;#xf067;)</span></li>
<li><i class="icon-">&#xf068;</i><span> icon-minus </span><span class="muted">(&amp;#xf068;)</span></li>
<li><i class="icon-">&#xf069;</i><span> icon-asterisk </span><span class="muted">(&amp;#xf069;)</span></li>
<li><i class="icon-">&#xf06a;</i><span> icon-exclamation-sign </span><span class="muted">(&amp;#xf06a;)</span></li>
<li><i class="icon-">&#xf06b;</i><span> icon-gift </span><span class="muted">(&amp;#xf06b;)</span></li>
<li><i class="icon-">&#xf06c;</i><span> icon-leaf </span><span class="muted">(&amp;#xf06c;)</span></li>
<li><i class="icon-">&#xf06d;</i><span> icon-fire </span><span class="muted">(&amp;#xf06d;)</span></li>
<li><i class="icon-">&#xf06e;</i><span> icon-eye-open </span><span class="muted">(&amp;#xf06e;)</span></li>
<li><i class="icon-">&#xf070;</i><span> icon-eye-close </span><span class="muted">(&amp;#xf070;)</span></li>
<li><i class="icon-">&#xf071;</i><span> icon-warning-sign </span><span class="muted">(&amp;#xf071;)</span></li>
<li><i class="icon-">&#xf072;</i><span> icon-plane </span><span class="muted">(&amp;#xf072;)</span></li>
<li><i class="icon-">&#xf073;</i><span> icon-calendar </span><span class="muted">(&amp;#xf073;)</span></li>
<li><i class="icon-">&#xf074;</i><span> icon-random </span><span class="muted">(&amp;#xf074;)</span></li>
<li><i class="icon-">&#xf075;</i><span> icon-comment </span><span class="muted">(&amp;#xf075;)</span></li>
<li><i class="icon-">&#xf076;</i><span> icon-magnet </span><span class="muted">(&amp;#xf076;)</span></li>
<li><i class="icon-">&#xf077;</i><span> icon-chevron-up </span><span class="muted">(&amp;#xf077;)</span></li>
<li><i class="icon-">&#xf078;</i><span> icon-chevron-down </span><span class="muted">(&amp;#xf078;)</span></li>
<li><i class="icon-">&#xf079;</i><span> icon-retweet </span><span class="muted">(&amp;#xf079;)</span></li>
<li><i class="icon-">&#xf07a;</i><span> icon-shopping-cart </span><span class="muted">(&amp;#xf07a;)</span></li>
<li><i class="icon-">&#xf07b;</i><span> icon-folder-close </span><span class="muted">(&amp;#xf07b;)</span></li>
<li><i class="icon-">&#xf07c;</i><span> icon-folder-open </span><span class="muted">(&amp;#xf07c;)</span></li>
<li><i class="icon-">&#xf07d;</i><span> icon-resize-vertical </span><span class="muted">(&amp;#xf07d;)</span></li>
<li><i class="icon-">&#xf07e;</i><span> icon-resize-horizontal </span><span class="muted">(&amp;#xf07e;)</span></li>
<li><i class="icon-">&#xf080;</i><span> icon-bar-chart </span><span class="muted">(&amp;#xf080;)</span></li>
<li><i class="icon-">&#xf081;</i><span> icon-twitter-sign </span><span class="muted">(&amp;#xf081;)</span></li>
<li><i class="icon-">&#xf082;</i><span> icon-facebook-sign </span><span class="muted">(&amp;#xf082;)</span></li>
<li><i class="icon-">&#xf083;</i><span> icon-camera-retro </span><span class="muted">(&amp;#xf083;)</span></li>
<li><i class="icon-">&#xf084;</i><span> icon-key </span><span class="muted">(&amp;#xf084;)</span></li>
<li><i class="icon-">&#xf085;</i><span> icon-cogs </span><span class="muted">(&amp;#xf085;)</span></li>
<li><i class="icon-">&#xf086;</i><span> icon-comments </span><span class="muted">(&amp;#xf086;)</span></li>
<li><i class="icon-">&#xf087;</i><span> icon-thumbs-up </span><span class="muted">(&amp;#xf087;)</span></li>
<li><i class="icon-">&#xf088;</i><span> icon-thumbs-down </span><span class="muted">(&amp;#xf088;)</span></li>
<li><i class="icon-">&#xf089;</i><span> icon-star-half </span><span class="muted">(&amp;#xf089;)</span></li>
<li><i class="icon-">&#xf08a;</i><span> icon-heart-empty </span><span class="muted">(&amp;#xf08a;)</span></li>
<li><i class="icon-">&#xf08b;</i><span> icon-signout </span><span class="muted">(&amp;#xf08b;)</span></li>
<li><i class="icon-">&#xf08c;</i><span> icon-linkedin-sign </span><span class="muted">(&amp;#xf08c;)</span></li>
<li><i class="icon-">&#xf08d;</i><span> icon-pushpin </span><span class="muted">(&amp;#xf08d;)</span></li>
<li><i class="icon-">&#xf08e;</i><span> icon-external-link </span><span class="muted">(&amp;#xf08e;)</span></li>
<li><i class="icon-">&#xf090;</i><span> icon-signin </span><span class="muted">(&amp;#xf090;)</span></li>
<li><i class="icon-">&#xf091;</i><span> icon-trophy </span><span class="muted">(&amp;#xf091;)</span></li>
<li><i class="icon-">&#xf092;</i><span> icon-github-sign </span><span class="muted">(&amp;#xf092;)</span></li>
<li><i class="icon-">&#xf093;</i><span> icon-upload-alt </span><span class="muted">(&amp;#xf093;)</span></li>
<li><i class="icon-">&#xf094;</i><span> icon-lemon </span><span class="muted">(&amp;#xf094;)</span></li>
<li><i class="icon-">&#xf095;</i><span> icon-phone </span><span class="muted">(&amp;#xf095;)</span></li>
<li><i class="icon-">&#xf096;</i><span> icon-check-empty </span><span class="muted">(&amp;#xf096;)</span></li>
<li><i class="icon-">&#xf097;</i><span> icon-bookmark-empty </span><span class="muted">(&amp;#xf097;)</span></li>
<li><i class="icon-">&#xf098;</i><span> icon-phone-sign </span><span class="muted">(&amp;#xf098;)</span></li>
<li><i class="icon-">&#xf099;</i><span> icon-twitter </span><span class="muted">(&amp;#xf099;)</span></li>
<li><i class="icon-">&#xf09a;</i><span> icon-facebook </span><span class="muted">(&amp;#xf09a;)</span></li>
<li><i class="icon-">&#xf09b;</i><span> icon-github </span><span class="muted">(&amp;#xf09b;)</span></li>
<li><i class="icon-">&#xf09c;</i><span> icon-unlock </span><span class="muted">(&amp;#xf09c;)</span></li>
<li><i class="icon-">&#xf09d;</i><span> icon-credit-card </span><span class="muted">(&amp;#xf09d;)</span></li>
<li><i class="icon-">&#xf09e;</i><span> icon-rss </span><span class="muted">(&amp;#xf09e;)</span></li>
<li><i class="icon-">&#xf0a0;</i><span> icon-hdd </span><span class="muted">(&amp;#xf0a0;)</span></li>
<li><i class="icon-">&#xf0a1;</i><span> icon-bullhorn </span><span class="muted">(&amp;#xf0a1;)</span></li>
<li><i class="icon-">&#xf0a2;</i><span> icon-bell </span><span class="muted">(&amp;#xf0a2;)</span></li>
<li><i class="icon-">&#xf0a3;</i><span> icon-certificate </span><span class="muted">(&amp;#xf0a3;)</span></li>
<li><i class="icon-">&#xf0a4;</i><span> icon-hand-right </span><span class="muted">(&amp;#xf0a4;)</span></li>
<li><i class="icon-">&#xf0a5;</i><span> icon-hand-left </span><span class="muted">(&amp;#xf0a5;)</span></li>
<li><i class="icon-">&#xf0a6;</i><span> icon-hand-up </span><span class="muted">(&amp;#xf0a6;)</span></li>
<li><i class="icon-">&#xf0a7;</i><span> icon-hand-down </span><span class="muted">(&amp;#xf0a7;)</span></li>
<li><i class="icon-">&#xf0a8;</i><span> icon-circle-arrow-left </span><span class="muted">(&amp;#xf0a8;)</span></li>
<li><i class="icon-">&#xf0a9;</i><span> icon-circle-arrow-right </span><span class="muted">(&amp;#xf0a9;)</span></li>
<li><i class="icon-">&#xf0aa;</i><span> icon-circle-arrow-up </span><span class="muted">(&amp;#xf0aa;)</span></li>
<li><i class="icon-">&#xf0ab;</i><span> icon-circle-arrow-down </span><span class="muted">(&amp;#xf0ab;)</span></li>
<li><i class="icon-">&#xf0ac;</i><span> icon-globe </span><span class="muted">(&amp;#xf0ac;)</span></li>
<li><i class="icon-">&#xf0ad;</i><span> icon-wrench </span><span class="muted">(&amp;#xf0ad;)</span></li>
<li><i class="icon-">&#xf0ae;</i><span> icon-tasks </span><span class="muted">(&amp;#xf0ae;)</span></li>
<li><i class="icon-">&#xf0b0;</i><span> icon-filter </span><span class="muted">(&amp;#xf0b0;)</span></li>
<li><i class="icon-">&#xf0b1;</i><span> icon-briefcase </span><span class="muted">(&amp;#xf0b1;)</span></li>
<li><i class="icon-">&#xf0b2;</i><span> icon-fullscreen </span><span class="muted">(&amp;#xf0b2;)</span></li>
<li><i class="icon-">&#xf0c0;</i><span> icon-group </span><span class="muted">(&amp;#xf0c0;)</span></li>
<li><i class="icon-">&#xf0c1;</i><span> icon-link </span><span class="muted">(&amp;#xf0c1;)</span></li>
<li><i class="icon-">&#xf0c2;</i><span> icon-cloud </span><span class="muted">(&amp;#xf0c2;)</span></li>
<li><i class="icon-">&#xf0c3;</i><span> icon-beaker </span><span class="muted">(&amp;#xf0c3;)</span></li>
<li><i class="icon-">&#xf0c4;</i><span> icon-cut </span><span class="muted">(&amp;#xf0c4;)</span></li>
<li><i class="icon-">&#xf0c5;</i><span> icon-copy </span><span class="muted">(&amp;#xf0c5;)</span></li>
<li><i class="icon-">&#xf0c6;</i><span> icon-paper-clip </span><span class="muted">(&amp;#xf0c6;)</span></li>
<li><i class="icon-">&#xf0c7;</i><span> icon-save </span><span class="muted">(&amp;#xf0c7;)</span></li>
<li><i class="icon-">&#xf0c8;</i><span> icon-sign-blank </span><span class="muted">(&amp;#xf0c8;)</span></li>
<li><i class="icon-">&#xf0c9;</i><span> icon-reorder </span><span class="muted">(&amp;#xf0c9;)</span></li>
<li><i class="icon-">&#xf0ca;</i><span> icon-list-ul </span><span class="muted">(&amp;#xf0ca;)</span></li>
<li><i class="icon-">&#xf0cb;</i><span> icon-list-ol </span><span class="muted">(&amp;#xf0cb;)</span></li>
<li><i class="icon-">&#xf0cc;</i><span> icon-strikethrough </span><span class="muted">(&amp;#xf0cc;)</span></li>
<li><i class="icon-">&#xf0cd;</i><span> icon-underline </span><span class="muted">(&amp;#xf0cd;)</span></li>
<li><i class="icon-">&#xf0ce;</i><span> icon-table </span><span class="muted">(&amp;#xf0ce;)</span></li>
<li><i class="icon-">&#xf0d0;</i><span> icon-magic </span><span class="muted">(&amp;#xf0d0;)</span></li>
<li><i class="icon-">&#xf0d1;</i><span> icon-truck </span><span class="muted">(&amp;#xf0d1;)</span></li>
<li><i class="icon-">&#xf0d2;</i><span> icon-pinterest </span><span class="muted">(&amp;#xf0d2;)</span></li>
<li><i class="icon-">&#xf0d3;</i><span> icon-pinterest-sign </span><span class="muted">(&amp;#xf0d3;)</span></li>
<li><i class="icon-">&#xf0d4;</i><span> icon-google-plus-sign </span><span class="muted">(&amp;#xf0d4;)</span></li>
<li><i class="icon-">&#xf0d5;</i><span> icon-google-plus </span><span class="muted">(&amp;#xf0d5;)</span></li>
<li><i class="icon-">&#xf0d6;</i><span> icon-money </span><span class="muted">(&amp;#xf0d6;)</span></li>
<li><i class="icon-">&#xf0d7;</i><span> icon-caret-down </span><span class="muted">(&amp;#xf0d7;)</span></li>
<li><i class="icon-">&#xf0d8;</i><span> icon-caret-up </span><span class="muted">(&amp;#xf0d8;)</span></li>
<li><i class="icon-">&#xf0d9;</i><span> icon-caret-left </span><span class="muted">(&amp;#xf0d9;)</span></li>
<li><i class="icon-">&#xf0da;</i><span> icon-caret-right </span><span class="muted">(&amp;#xf0da;)</span></li>
<li><i class="icon-">&#xf0db;</i><span> icon-columns </span><span class="muted">(&amp;#xf0db;)</span></li>
<li><i class="icon-">&#xf0dc;</i><span> icon-sort </span><span class="muted">(&amp;#xf0dc;)</span></li>
<li><i class="icon-">&#xf0dd;</i><span> icon-sort-down </span><span class="muted">(&amp;#xf0dd;)</span></li>
<li><i class="icon-">&#xf0de;</i><span> icon-sort-up </span><span class="muted">(&amp;#xf0de;)</span></li>
<li><i class="icon-">&#xf0e0;</i><span> icon-envelope-alt </span><span class="muted">(&amp;#xf0e0;)</span></li>
<li><i class="icon-">&#xf0e1;</i><span> icon-linkedin </span><span class="muted">(&amp;#xf0e1;)</span></li>
<li><i class="icon-">&#xf0e2;</i><span> icon-undo </span><span class="muted">(&amp;#xf0e2;)</span></li>
<li><i class="icon-">&#xf0e3;</i><span> icon-legal </span><span class="muted">(&amp;#xf0e3;)</span></li>
<li><i class="icon-">&#xf0e4;</i><span> icon-dashboard </span><span class="muted">(&amp;#xf0e4;)</span></li>
<li><i class="icon-">&#xf0e5;</i><span> icon-comment-alt </span><span class="muted">(&amp;#xf0e5;)</span></li>
<li><i class="icon-">&#xf0e6;</i><span> icon-comments-alt </span><span class="muted">(&amp;#xf0e6;)</span></li>
<li><i class="icon-">&#xf0e7;</i><span> icon-bolt </span><span class="muted">(&amp;#xf0e7;)</span></li>
<li><i class="icon-">&#xf0e8;</i><span> icon-sitemap </span><span class="muted">(&amp;#xf0e8;)</span></li>
<li><i class="icon-">&#xf0e9;</i><span> icon-umbrella </span><span class="muted">(&amp;#xf0e9;)</span></li>
<li><i class="icon-">&#xf0ea;</i><span> icon-paste </span><span class="muted">(&amp;#xf0ea;)</span></li>
<li><i class="icon-">&#xf0eb;</i><span> icon-lightbulb </span><span class="muted">(&amp;#xf0eb;)</span></li>
<li><i class="icon-">&#xf0ec;</i><span> icon-exchange </span><span class="muted">(&amp;#xf0ec;)</span></li>
<li><i class="icon-">&#xf0ed;</i><span> icon-cloud-download </span><span class="muted">(&amp;#xf0ed;)</span></li>
<li><i class="icon-">&#xf0ee;</i><span> icon-cloud-upload </span><span class="muted">(&amp;#xf0ee;)</span></li>
<li><i class="icon-">&#xf0f0;</i><span> icon-user-md </span><span class="muted">(&amp;#xf0f0;)</span></li>
<li><i class="icon-">&#xf0f1;</i><span> icon-stethoscope </span><span class="muted">(&amp;#xf0f1;)</span></li>
<li><i class="icon-">&#xf0f2;</i><span> icon-suitcase </span><span class="muted">(&amp;#xf0f2;)</span></li>
<li><i class="icon-">&#xf0f3;</i><span> icon-bell-alt </span><span class="muted">(&amp;#xf0f3;)</span></li>
<li><i class="icon-">&#xf0f4;</i><span> icon-coffee </span><span class="muted">(&amp;#xf0f4;)</span></li>
<li><i class="icon-">&#xf0f5;</i><span> icon-food </span><span class="muted">(&amp;#xf0f5;)</span></li>
<li><i class="icon-">&#xf0f6;</i><span> icon-file-alt </span><span class="muted">(&amp;#xf0f6;)</span></li>
<li><i class="icon-">&#xf0f7;</i><span> icon-building </span><span class="muted">(&amp;#xf0f7;)</span></li>
<li><i class="icon-">&#xf0f8;</i><span> icon-hospital </span><span class="muted">(&amp;#xf0f8;)</span></li>
<li><i class="icon-">&#xf0f9;</i><span> icon-ambulance </span><span class="muted">(&amp;#xf0f9;)</span></li>
<li><i class="icon-">&#xf0fa;</i><span> icon-medkit </span><span class="muted">(&amp;#xf0fa;)</span></li>
<li><i class="icon-">&#xf0fb;</i><span> icon-fighter-jet </span><span class="muted">(&amp;#xf0fb;)</span></li>
<li><i class="icon-">&#xf0fc;</i><span> icon-beer </span><span class="muted">(&amp;#xf0fc;)</span></li>
<li><i class="icon-">&#xf0fd;</i><span> icon-h-sign </span><span class="muted">(&amp;#xf0fd;)</span></li>
<li><i class="icon-">&#xf0fe;</i><span> icon-plus-sign-alt </span><span class="muted">(&amp;#xf0fe;)</span></li>
<li><i class="icon-">&#xf100;</i><span> icon-double-angle-left </span><span class="muted">(&amp;#xf100;)</span></li>
<li><i class="icon-">&#xf101;</i><span> icon-double-angle-right </span><span class="muted">(&amp;#xf101;)</span></li>
<li><i class="icon-">&#xf102;</i><span> icon-double-angle-up </span><span class="muted">(&amp;#xf102;)</span></li>
<li><i class="icon-">&#xf103;</i><span> icon-double-angle-down </span><span class="muted">(&amp;#xf103;)</span></li>
<li><i class="icon-">&#xf104;</i><span> icon-angle-left </span><span class="muted">(&amp;#xf104;)</span></li>
<li><i class="icon-">&#xf105;</i><span> icon-angle-right </span><span class="muted">(&amp;#xf105;)</span></li>
<li><i class="icon-">&#xf106;</i><span> icon-angle-up </span><span class="muted">(&amp;#xf106;)</span></li>
<li><i class="icon-">&#xf107;</i><span> icon-angle-down </span><span class="muted">(&amp;#xf107;)</span></li>
<li><i class="icon-">&#xf108;</i><span> icon-desktop </span><span class="muted">(&amp;#xf108;)</span></li>
<li><i class="icon-">&#xf109;</i><span> icon-laptop </span><span class="muted">(&amp;#xf109;)</span></li>
<li><i class="icon-">&#xf10a;</i><span> icon-tablet </span><span class="muted">(&amp;#xf10a;)</span></li>
<li><i class="icon-">&#xf10b;</i><span> icon-mobile-phone </span><span class="muted">(&amp;#xf10b;)</span></li>
<li><i class="icon-">&#xf10c;</i><span> icon-circle-blank </span><span class="muted">(&amp;#xf10c;)</span></li>
<li><i class="icon-">&#xf10d;</i><span> icon-quote-left </span><span class="muted">(&amp;#xf10d;)</span></li>
<li><i class="icon-">&#xf10e;</i><span> icon-quote-right </span><span class="muted">(&amp;#xf10e;)</span></li>
<li><i class="icon-">&#xf110;</i><span> icon-spinner </span><span class="muted">(&amp;#xf110;)</span></li>
<li><i class="icon-">&#xf111;</i><span> icon-circle </span><span class="muted">(&amp;#xf111;)</span></li>
<li><i class="icon-">&#xf112;</i><span> icon-reply </span><span class="muted">(&amp;#xf112;)</span></li>
<li><i class="icon-expand-alt"></i><span> icon-expand-alt</span></li>
<li><i class="icon-collapse-alt"></i><span> icon-collapse-alt</span></li>
<li><i class="icon-smile"></i><span> icon-smile</span></li>
<li><i class="icon-frown"></i><span> icon-frown</span></li>
<li><i class="icon-meh"></i><span> icon-meh</span></li>
<li><i class="icon-gamepad"></i><span> icon-gamepad</span></li>
<li><i class="icon-keyboard"></i><span> icon-keyboard</span></li>
<li><i class="icon-flag-alt"></i><span> icon-flag-alt</span></li>
<li><i class="icon-flag-checkered"></i><span> icon-flag-checkered</span></li>
<li><i class="icon-terminal"></i><span> icon-terminal</span></li>
<li><i class="icon-code"></i><span> icon-code</span></li>
<li><i class="icon-mail-forward"></i><span> icon-mail-forward</span> <span class="muted">(alias)</span></li>
<li><i class="icon-mail-reply"></i><span> icon-mail-reply</span> <span class="muted">(alias)</span></li>
<li><i class="icon-reply-all"></i><span> icon-reply-all</span></li>
<li><i class="icon-mail-reply-all"></i><span> icon-mail-reply-all</span> <span class="muted">(alias)</span></li>
<li><i class="icon-star-half-empty"></i><span> icon-star-half-empty</span></li>
<li><i class="icon-star-half-full"></i><span> icon-star-half-full </span><span class="muted">(alias)</span></li>
<li><i class="icon-location-arrow"></i><span> icon-location-arrow</span></li>
<li><i class="icon-rotate-left"></i><span> icon-rotate-left </span><span class="muted">(alias)</span></li>
<li><i class="icon-rotate-right"></i><span> icon-rotate-right </span><span class="muted">(alias)</span></li>
<li><i class="icon-crop"></i><span> icon-crop</span></li>
<li><i class="icon-code-fork"></i><span> icon-code-fork</span></li>
<li><i class="icon-unlink"></i><span> icon-unlink</span></li>
<li><i class="icon-question"></i><span> icon-question</span></li>
<li><i class="icon-info"></i><span> icon-info</span></li>
<li><i class="icon-exclamation"></i><span> icon-exclamation</span></li>
<li><i class="icon-superscript"></i><span> icon-superscript</span></li>
<li><i class="icon-subscript"></i><span> icon-subscript</span></li>
<li><i class="icon-eraser"></i><span> icon-eraser</span></li>
<li><i class="icon-puzzle-piece"></i><span> icon-puzzle-piece</span></li>
<li><i class="icon-microphone"></i><span> icon-microphone</span></li>
<li><i class="icon-microphone-off"></i><span> icon-microphone-off</span></li>
<li><i class="icon-shield"></i><span> icon-shield</span></li>
<li><i class="icon-calendar-empty"></i><span> icon-calendar-empty</span></li>
<li><i class="icon-fire-extinguisher"></i><span> icon-fire-extinguisher</span></li>
<li><i class="icon-rocket"></i><span> icon-rocket</span></li>
<li><i class="icon-maxcdn"></i><span> icon-maxcdn</span></li>
<li><i class="icon-chevron-sign-left"></i><span> icon-chevron-sign-left</span></li>
<li><i class="icon-chevron-sign-right"></i><span> icon-chevron-sign-right</span></li>
<li><i class="icon-chevron-sign-up"></i><span> icon-chevron-sign-up</span></li>
<li><i class="icon-chevron-sign-down"></i><span> icon-chevron-sign-down</span></li>
<li><i class="icon-html5"></i><span> icon-html5</span></li>
<li><i class="icon-css3"></i><span> icon-css3</span></li>
<li><i class="icon-anchor"></i><span> icon-anchor</span></li>
<li><i class="icon-unlock-alt"></i><span> icon-unlock-alt</span></li>
<li><i class="icon-bullseye"></i><span> icon-bullseye</span></li>
<li><i class="icon-ellipsis-horizontal"></i><span> icon-ellipsis-horizontal</span></li>
<li><i class="icon-ellipsis-vertical"></i><span> icon-ellipsis-vertical</span></li>
<li><i class="icon-rss-sign"></i><span> icon-rss-sign</span></li>
<li><i class="icon-play-sign"></i><span> icon-play-sign</span></li>
<li><i class="icon-ticket"></i><span> icon-ticket</span></li>
<li><i class="icon-minus-sign-alt"></i><span> icon-minus-sign-alt</span></li>
<li><i class="icon-check-minus"></i><span> icon-check-minus</span></li>
<li><i class="icon-level-up"></i><span> icon-level-up</span></li>
<li><i class="icon-level-down"></i><span> icon-level-down</span></li>
<li><i class="icon-check-sign"></i><span> icon-check-sign</span></li>
<li><i class="icon-edit-sign"></i><span> icon-edit-sign</span></li>
<li><i class="icon-external-link-sign"></i><span> icon-external-link-sign</span></li>
<li><i class="icon-share-sign"></i><span> icon-share-sign</span></li>
</ul>
</div>
</div>
</div>

View File

@ -0,0 +1,590 @@
<?php
add_action('admin_print_scripts', 'pagebuilder_admin_scripts');
add_action('admin_print_styles', 'pagebuilder_admin_styles');
if (!function_exists('pagebuilder_admin_scripts')) {
function pagebuilder_admin_scripts() {
global $pagenow,$post_type;
if (current_user_can('edit_posts') && ($pagenow == 'post-new.php' || $pagenow == 'post.php') && ($post_type==='page'||$post_type==='post'||$post_type==='portfolio'||$post_type==='partner'||$post_type==='price'||$post_type==='testimonial')) {
wp_register_script('post-pagebuilder', THEME_DIR . '/framework/assets/js/pagebuilder.js');
wp_enqueue_script('post-pagebuilder');
wp_enqueue_script('farbtastic');
}
}
}
if (!function_exists('pagebuilder_admin_styles')) {
function pagebuilder_admin_styles() {
global $pagenow,$post_type;
if (current_user_can('edit_posts') && ($pagenow == 'post-new.php' || $pagenow == 'post.php') && ($post_type==='page'||$post_type==='post'||$post_type==='portfolio'||$post_type==='partner'||$post_type==='price'||$post_type==='testimonial')) {
wp_enqueue_style('farbtastic');
wp_register_style('post-pagebuilder', THEME_DIR . '/framework/assets/css/pagebuilder.css', false, '1.00', 'screen');
wp_register_style('font-awesome', THEME_DIR . '/assets/css/font-awesome/font-awesome.min.css', false, '1.00', 'screen');
wp_enqueue_style('post-pagebuilder');
wp_enqueue_style('font-awesome');
}
}
}
//====== START - Globals ======
global $tw_pbItems, $tw_pbHeadSettings;
//Sidebar
$arraySidebar = array("Default sidebar" => "Default sidebar");
$sidebars = get_option('sbg_sidebars');
if (!empty($sidebars)) {
foreach ($sidebars as $sidebar) {
$arraySidebar[$sidebar] = $sidebar;
}
}
//Slider
global $wpdb;
$table_name = $wpdb->prefix . "revslider_sliders";
$sliders = $wpdb->get_results( "SELECT * FROM $table_name" );
$arraySlider = array("0" => "Select Slider");
if(!empty($sliders)) {
foreach($sliders as $item) {
$name = empty($item->title) ? ('Unnamed('.$item->id.')') : $item->title;
$arraySlider[$item->id]=$name;
}
}
//Link Target
$linkTarget = array("_blank" => "Blank", "_self" => "Self");
//Yes No
$arrayYesNo = array("true" => "Yes", "false" => "No");
//Post Type
$arrayPostType = array("post" => "Post", "portfolio" => "Portfolio");
//Post Catigories
$categories = get_categories("hide_empty=0");
$post_categories = array("0" => "Select Category");
if(!empty($categories)) {
foreach ($categories as $category) {
$post_categories["$category->term_id"] = $category->name;
}
}
//Portfolio Catigories
$portfolios = get_terms('portfolios', 'hide_empty=0');
$port_categories = array("0" => "Select Category");
if(!empty($portfolios)) {
foreach ($portfolios as $portfolio) {
$port_categories["$portfolio->term_id"] = $portfolio->name;
}
}
//Pricing Table Catigories
$prices = get_terms('prices', 'hide_empty=0');
$price_categories = array("0" => "Select Category");
if(!empty($prices)) {
foreach ($prices as $price) {
$price_categories["$price->term_id"] = $price->name;
}
}
//Team Catigories
$teams = get_terms('position', 'hide_empty=0');
$team_categories = array("0" => "Select Category");
if(!empty($teams)) {
foreach ($teams as $team) {
$team_categories["$team->term_id"] = $team->name;
}
}
//Testimonials Catigories
$testimonials = get_terms('testimonials', 'hide_empty=0');
$testim_categories = array("0" => "Select Category");
if(!empty($testimonials)) {
foreach ($testimonials as $testimonial) {
$testim_categories["$testimonial->term_id"] = $testimonial->name;
}
}
//includes
require_once (THEME_PATH . "/framework/pagebuilder/elements.php");
require_once (THEME_PATH . "/framework/pagebuilder/pagebuilder_render.php");
//====== END - Globals ======
//====== START - Functions ======
if (!function_exists('pbInitGlobalScripts')) {
function pbInitGlobalScripts() {
global $post;
$pID='';
if(isset($post->ID)){
$pID=$post->ID;
}
echo'<script type="text/javascript">var $homeURI="' . home_url() . '";var pID="' . $pID . '";</script>';
}
} add_action('admin_footer', 'pbInitGlobalScripts');
if (!function_exists('pbTextToFoundation')) {
function pbTextToFoundation($size = '1 / 3') {
switch ($size) {
case'size-1-4' :
case'1 / 4' : {
$size = 'span3';
break;
}
case'size-1-3' :
case'1 / 3' : {
$size = 'span4';
break;
}
case'size-1-2' :
case'1 / 2' : {
$size = 'span6';
break;
}
case'size-2-3' :
case'2 / 3' : {
$size = 'span8';
break;
}
case'size-3-4' :
case'3 / 4' : {
$size = 'span9';
break;
}
case'size-1-1' :
case'1 / 1' : {
$size = 'span12';
break;
}
}
return $size;
}
}
if (!function_exists('pbTextToInt')) {
function pbTextToInt($size = '1 / 3') {
switch ($size) {
case'size-1-4' :
case'1 / 4' : {
$size = 3;
break;
}
case'size-1-3' :
case'1 / 3' : {
$size = 4;
break;
}
case'size-1-2' :
case'1 / 2' : {
$size = 6;
break;
}
case'size-2-3' :
case'2 / 3' : {
$size = 8;
break;
}
case'size-3-4' :
case'3 / 4' : {
$size = 9;
break;
}
case'size-1-1' :
case'1 / 1' : {
$size = 12;
break;
}
}
return $size;
}
}
if (!function_exists('pbSizeToText')) {
function pbSizeToText($size = 'size-1-3') {
switch ($size) {
case'size-1-4' : {
$size = '1 / 4';
break;
}
case'size-1-3' : {
$size = '1 / 3';
break;
}
case'size-1-2' : {
$size = '1 / 2';
break;
}
case'size-2-3' : {
$size = '2 / 3';
break;
}
case'size-3-4' : {
$size = '3 / 4';
break;
}
case'size-1-1' : {
$size = '1 / 1';
break;
}
}
return $size;
}
}
if (!function_exists('pbTextToSize')) {
function pbTextToSize($size = '1 / 3') {
switch ($size) {
case'1 / 4' : {
$size = 'size-1-4';
break;
}
case'1 / 3' : {
$size = 'size-1-3';
break;
}
case'1 / 2' : {
$size = 'size-1-2';
break;
}
case'2 / 3' : {
$size = 'size-2-3';
break;
}
case'3 / 4' : {
$size = 'size-3-4';
break;
}
case'1 / 1' : {
$size = 'size-1-1';
break;
}
}
return $size;
}
}
if (!function_exists('getItemField')) {
function getItemField($itemSlug, $itemArray) {
$title = isset($itemArray['title']) ? $itemArray['title'] : '';
$type = isset($itemArray['type']) ? $itemArray['type'] : '';
$default = isset($itemArray['default']) ? $itemArray['default'] : '';
$desc = isset($itemArray['desc']) ? $itemArray['desc'] : '';
$holder = isset($itemArray['holder']) ? $itemArray['holder'] : '';
$selector = isset($itemArray['selector']) ? $itemArray['selector'] : '';
$save_to = isset($itemArray['save_to']) ? $itemArray['save_to'] : '';
$tinyMCE = isset($itemArray['tinyMCE']) ? $itemArray['tinyMCE'] : '';
$class = 'field'; ?>
<div class="field-item<?php echo $type === 'hidden' ? ' hidden' : ''; echo' type-' . $type; echo $tinyMCE?' editor':''; ?>"><?php
if($type!='container'){
echo '<div class="field-title">'.$title.'</div>';
$default = rawUrlDecode($default);
} ?>
<div class="field-data"><?php
switch ($type) {
case 'fa' : { ?>
<div class="button show-fa-modal"><?php _e('Add Icon','themewaves'); ?></div>
<div class="button remove-fa"><?php _e('Delete Icon','themewaves'); ?></div>
<div class="fa-viewer"></div>
<?php
break;
}
case 'hidden':
case 'button':
case 'text' : { ?>
<input data-name="<?php echo $itemSlug; ?>" data-type="<?php echo $type; ?>" class="<?php echo $class; ?>" value="<?php echo $default; ?>" placeholder="<?php echo $holder; ?>" data-selector="<?php echo $selector; ?>" data-save-to="<?php echo $save_to; ?>" type="<?php echo $type; ?>" /><?php
if (!empty($itemArray['data'])) {
global $tw_pbItems;
echo '<div class="data hidden">';
$tmpItem = $itemArray['data']['item'];
$tmpSettings = $itemArray['data']['settings'];
getItemField($tmpSettings, $tw_pbItems[$tmpItem]['settings'][$tmpSettings]);
echo '</div>';
}
break;
}
case 'color': { ?>
<div style="background-color: <?php echo empty($default)?'':$default; ?>;" class="color-info"></div>
<input data-name="<?php echo $itemSlug; ?>" data-type="<?php echo $type; ?>" class="<?php echo $class; ?>" value="<?php echo empty($default)?'':$default; ?>" placeholder="<?php echo $holder; ?>" type="text" /><?php
break;
}
case 'checkbox': { ?>
<input data-name="<?php echo $itemSlug; ?>" data-type="<?php echo $type; ?>" class="<?php echo $class; ?> hidden" value="<?php echo $default; ?>" placeholder="<?php echo $holder; ?>" type="checkbox" <?php echo $default==='true'?'checked':''; ?> />
<div class="checkbox-text clearfix"><div class="checkbox-true"><?php _e('ON','themewaves'); ?></div><div class="checkbox-false"><?php _e('OFF','themewaves'); ?></div></div><?php
break;
}
case 'textArea': { ?>
<textarea data-name="<?php echo $itemSlug; ?>" data-type="<?php echo $type; ?>" class="<?php echo $class; ?>" placeholder="<?php echo $holder; ?>" data-tinyMCE="<?php echo $tinyMCE; ?>" ><?php echo $default; ?></textarea><?php
break;
}
case 'category':
case 'select': { ?>
<select data-name="<?php echo $itemSlug; ?>" data-type="<?php echo $type; ?>" class="<?php echo $class; ?>"><?php
$hide = isset($itemArray['hide']) ? $itemArray['hide'] : '';
foreach ($itemArray['options'] as $val => $text) {
echo '<option value="' . $val . '"' . ($default === strval($val) ? ' selected="selected"' : '') . ' hide="' . (isset($hide[$val]) ? $hide[$val] : '') . '">' . $text . '</option>';
} ?>
</select>
<span class="select-text"></span><?php
if($type === 'category'){
echo '<div class="category-list-container"></div>';
}
break;
}
case 'container': {
$title_as = isset($itemArray['title_as']) ? $itemArray['title_as'] : '';
$add_button = isset($itemArray['add_button']) ? $itemArray['add_button'] : '';
$container_type = isset($itemArray['container_type']) ? $itemArray['container_type'] : ''; ?>
<div data-name="<?php echo $itemSlug; ?>" data-type="<?php echo $type; ?>" data-container-type="<?php echo $container_type; ?>" class="<?php echo $class; ?> container" placeholder="<?php echo $holder; ?>" data-title-as="<?php echo $title_as; ?>" data-add-button="<?php echo $add_button; ?>" ><?php
if(!empty($default)) {
foreach ($default as $data) { ?>
<div class="container-item<?php echo $container_type==='image_slider'?' expanded':''; ?>">
<div class="list clearfix">
<div class="name"><?php echo $data[$title_as]['default']; ?></div>
<div class="actions">
<a href="#" class="action-expand"><span class="opened">-</span><span class="closed">+</span></a>
<a href="#" class="action-duplicate" title="Duplicate">D</a>
<a href="#" class="action-delete" title="Delete">X</a>
</div>
</div>
<div class="content"><?php
if($container_type==='image_slider'){
echo '<img class="image-src" src="'.rawUrlDecode($data[$title_as]['default']).'" />';
}
$faPrint=true;
foreach ($data as $slug => $setting) {
if(isset($setting['need_fa'])&&$setting['need_fa']==='true'&&$faPrint){
echo getItemField('fa', array("type"=> "fa"));
}
if($slug==='fa'){$faPrint=false;}
echo getItemField($slug, $setting);
} ?>
</div>
</div><?php
}
}?>
</div><?php
break;
}
} ?>
</div><?php
if($type!='container'){ echo '<div class="field-desc">'.$desc.'</div>';} ?>
</div><?php
}
}
if (!function_exists('pbGetItem')) {
function pbGetItem($itemSlug, $itemNewData = array()) {
global $tw_pbHeadSettings, $tw_pbItems;
$itemArray = $tw_pbItems[$itemSlug];
$itemArray['size'] = empty($itemNewData['size']) ? $itemArray['size'] : pbTextToSize($itemNewData['size']);
ob_start();
?>
<div class="item <?php echo $itemArray['size']; ?>" data-slug="<?php echo $itemSlug; ?>"<?php if(isset($itemArray['min-size'])){echo ' data-min="'.$itemArray['min-size'].'"';} ?> data-help="<?php echo isset($itemArray['help'])?$itemArray['help']:''; ?>" title="<?php echo $itemSlug; ?>">
<div class="thumb"><span class="<?php echo $itemSlug; ?>"></span><?php echo $itemArray['name']; ?></div>
<div class="list clearfix">
<div class="size-sizer-container">
<div class="size"><?php echo pbSizeToText($itemArray['size']); ?></div>
<div class="sizer"><a class="up" href="#">+</a><a class="down" href="#">-</a></div>
</div>
<div class="name"><?php echo $itemArray['name']; ?></div>
<div class="actions">
<a href="#" class="action-edit">E</a>
<a href="#" class="action-duplicate">D</a>
<a href="#" class="action-delete">X</a>
</div>
</div>
<div class="data">
<div class="general-field-container"><?php
foreach ($tw_pbHeadSettings as $pbHeadSettingSlug => $pbHeadSetting) {
$pbHeadSetting['default'] = isset($itemNewData[$pbHeadSettingSlug]) ? $itemNewData[$pbHeadSettingSlug] : $pbHeadSetting['default'];
echo getItemField($pbHeadSettingSlug, $pbHeadSetting);
}
?>
</div>
<div class="custom-field-container"><?php
foreach ($itemArray['settings'] as $pbItemSettingSlug => $pbItemSetting) {
if ($pbItemSetting['type'] === 'container' && isset($itemNewData['settings'][$pbItemSettingSlug])) {
$templateContainerItem = $pbItemSetting['default'][0];
foreach ($itemNewData['settings'][$pbItemSettingSlug] as $index => $containerItemNewData) {
foreach ($containerItemNewData as $containerItemNewFieldSlug => $containerItemNewFieldValue) {
$templateContainerItem[$containerItemNewFieldSlug]['default'] = $containerItemNewFieldValue;
$itemNewData['settings'][$pbItemSettingSlug][$index][$containerItemNewFieldSlug] = $templateContainerItem[$containerItemNewFieldSlug];
}
}
}
$pbItemSetting['default'] = isset($itemNewData['settings'][$pbItemSettingSlug]) ? $itemNewData['settings'][$pbItemSettingSlug] : $pbItemSetting['default'];
echo getItemField($pbItemSettingSlug, $pbItemSetting);
}
?>
</div>
</div>
</div><?php
$output = ob_get_clean();
return $output;
}
}
if (!function_exists('pbSection')) {
function pbSection() {
add_meta_box('cmeta_pagebuilder', __('Page Builder', 'cmeta_pagebuilder_td'), 'pbSectionBox', 'page', 'normal', 'high');
}
}
if (tw_option('pagebuilder')){
add_action('admin_print_styles', 'pbSection', 1);
}
if (!function_exists('pbSectionBox')) {
function pbSectionBox() {
global $post, $tw_pbItems;
$items = '';
$_pb_content_area = '';
$_pb_content_area_layouts = '';
$_pb_content = get_post_meta($post->ID, '_pb_content', true);
$_pb_layout_array = json_decode(rawUrlDecode($_pb_content), true);
$pbLayoutCount=0;
if(!empty($_pb_layout_array)){
foreach($_pb_layout_array as $_pb_layout){
$pbLayoutCount++;
$_layout_open='<div class="clearfix builder-area '.$_pb_layout['size'].'">';
$_pb_content_area_layouts .= $_layout_open;
$_pb_content_area .= $_layout_open;
foreach ($_pb_layout['items'] as $item_array) {
$_pb_content_area .= pbGetItem($item_array['slug'], $item_array);
}
$_layout_close='</div>';
$_pb_content_area_layouts .= $_layout_close;
$_pb_content_area .= $_layout_close;
}
}
while($pbLayoutCount++<3){
$_empty_layout = '<div class="clearfix 2 builder-area size-"></div>';
$_pb_content_area .= $_empty_layout;
$_pb_content_area_layouts .= $_empty_layout;
}
$templates = '<div class="tw-template-container">';
$templates .= '<div id="template-save" class="dropdown" tabindex="1">';
$templates .= '<div class="template"><span class="image-save"></span>Templates</div>';
$templates .= '<ul class="dropdown template-container">';
$templates .= '<li class="template-item"><a class="template-add">Save this to Template</a></li>';
$templates_array = get_option('tw_pb_'.strtolower(THEMENAME).'_templates');
if ($templates_array !== false) {
foreach ($templates_array as $templates_name => $templates_content) {
$templates .= '<li class="template-item"><a class="template-name">' . $templates_name . '</a><span class="template-delete">X</span></li>';
}
}
$templates .= '</ul>';
$templates .= '</div>';
$templates .= '</div>';
wp_nonce_field(plugin_basename(__FILE__), 'myplugin_noncename');
foreach ($tw_pbItems as $pbItemSlug => $pbItemArray) {
if(empty($pbItemArray['only']) || $pbItemArray['only']==='builder'){
$items .= pbGetItem($pbItemSlug);
}
}
$pbLayout = get_metabox('layout');
if($pbLayout===''){$pbLayout='full';};
$pbLayouts = '<a href="#" class="sidebar left-sidebar'.($pbLayout==='left'?' active':'').'" data-value="1-4,3-4,0-0" data-input="left">Left Sidebar</a>
<a href="#" class="sidebar full'.($pbLayout==='full'?' active':'').'" data-value="0-0,1-1,0-0" data-input="full">Full</a>
<a href="#" class="sidebar right-sidebar'.($pbLayout==='right'?' active':'').'" data-value="0-0,3-4,1-4" data-input="right">Right Sidebar</a>';
echo '<div class="pagebuilder-container">
<div class="pagebuilder-head-container">
<div class="tw-one">
<h4>Select Page Layout</h4>
<span>Choose the layout for this page.</span>
</div>
<div class="tw-two" id="pagebuilder-select-layout" class="clearfix">
<input name="pb-page-layout" class="page-layout" type="hidden" value="'.$pbLayout.'" />' . $pbLayouts . '
</div>
</div>
<div class="pagebuilder-head-container">
<div class="tw-one">
<h4>Select Your Element</h4>
<span>Choose the layout for this page.</span>
</div>
<div class="tw-two" class="clearfix">
<div id="pagebuilder-elements-container" class="clearfix">' . $items . '</div>
</div>
</div>
<textarea id="pb_content" name="pb_content" class="hidden">' . $_pb_content . '</textarea>
<ul id="size-list" class="hidden">
<li data-class="size-1-4" data-text="1 / 4" class="min"></li>
<li data-class="size-1-3" data-text="1 / 3"></li>
<li data-class="size-1-2" data-text="1 / 2"></li>
<li data-class="size-2-3" data-text="2 / 3"></li>
<li data-class="size-3-4" data-text="3 / 4"></li>
<li data-class="size-1-1" data-text="1 / 1" class="max"></li>
</ul>
' . $templates . '
<div id="pagebuilder-area" class="clearfix">'.$_pb_content_area_layouts.'</div>
<div id="pagebuilder-area-source" class="hidden">' . $_pb_content_area . '</div>
</div>';
}
}
// Save fields data
if (!function_exists('pbSectionBoxSavePostData')) {
function pbSectionBoxSavePostData($post_id) {
if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE)
return $post_id;
if (isset($_GET['post_type']) && 'page' == $_GET['post_type']) {
if (!current_user_can('edit_page', $post_id))
return $post_id;
} else {
if (!current_user_can('edit_post', $post_id))
return $post_id;
}
if (isset($_POST['pb_content'])) {
update_post_meta($post_id, '_pb_content', $_POST['pb_content']);
}
if (isset($_POST['pb_content'])) {
set_metabox('layout',$_POST['pb-page-layout']);
}
}
} add_action('save_post', 'pbSectionBoxSavePostData');
// Template Ajax Action
if (!function_exists('pbTemplateAdd') && is_user_logged_in()) {
function pbTemplateAdd() {
if (isset($_REQUEST['template_name']) && isset($_REQUEST['template_layout']) && isset($_REQUEST['template_content'])) {
$response = '';
$templates_array = get_option('tw_pb_'.strtolower(THEMENAME).'_templates');
if (isset($templates_array[$_REQUEST['template_name']])) {
$response .= '<div class="error">' . __('Template name is allready exist. Please insert the template name and try again', 'themewaves') . '</div>';
} else {
$templates_array[$_REQUEST['template_name']] = array(
'layout' => $_REQUEST['template_layout'],
'content' => $_REQUEST['template_content']
);
update_option('tw_pb_'.strtolower(THEMENAME).'_templates', $templates_array);
$response .= '<div class="succes">' . __('Template added', 'themewaves') . '</div>';
}
die('<div class="response">' . $response . '</div>');
}
}
} add_action('wp_ajax_template_add', 'pbTemplateAdd');
if (!function_exists('pbTemplateGet') && is_user_logged_in()) {
function pbTemplateGet() {
if (isset($_REQUEST['template_name'])) {
$response = '';
$templates_array = get_option('tw_pb_'.strtolower(THEMENAME).'_templates');
if (isset($templates_array[$_REQUEST['template_name']])) {
$template = $templates_array[$_REQUEST['template_name']];
$response .= '<div class="data">';
$response .= '<div class="layout">' . $template['layout'] . '</div>';
$response .= '<div class="content">'. rawUrlDecode($template['content']) . '</div>';
$response .= '</div>';
} else {
$response .= '<div class="error">' . __('Template name not exsist', 'themewaves') . '</div>';
}
die('<div class="response">' . $response . '</div>');
}
}
} add_action('wp_ajax_template_get', 'pbTemplateGet');
if (!function_exists('pbTemplateRemove') && is_user_logged_in()) {
function pbTemplateRemove() {
if (isset($_REQUEST['template_name'])) {
$response = '';
$templates_array = get_option('tw_pb_'.strtolower(THEMENAME).'_templates');
if (isset($templates_array[$_REQUEST['template_name']])) {
unset($templates_array[$_REQUEST['template_name']]);
update_option('tw_pb_'.strtolower(THEMENAME).'_templates', $templates_array);
} else {
$response .= '<div class="error">' . __('Template name not exsist', 'themewaves') . '</div>';
}
die('<div class="response">' . $response . '</div>');
}
}
} add_action('wp_ajax_template_remove', 'pbTemplateRemove');
if (!function_exists('pbGetFontawesome') && is_user_logged_in()) {
function pbGetFontawesome() {
require_once (THEME_PATH . "/framework/pagebuilder/font-awesome.php");
die();
}
} add_action('wp_ajax_get_fontawesome', 'pbGetFontawesome');
//====== END - Functions ====== ?>

View File

@ -0,0 +1,119 @@
<?php
if (!function_exists('rowStart')) {
function rowStart($colCounter,$size){
if($colCounter===0||$colCounter===12||$colCounter+$size>12 ){return array($size,'true');}
return array($colCounter+$size,'false');
}
}
if (!function_exists('pbGetContentBuilderItem')) {
function pbGetContentBuilderItem($item_array) {
global $tw_pbItems,$tw_layoutSize;
ob_start();
$itemSlug = $item_array['slug'];
$itemSettingsArray = $item_array['settings'];
$defaultItem=$tw_pbItems[$itemSlug];
$defaultItemSettingsArray=$defaultItem['settings'];
$itemClass = !empty($item_array['item_custom_class']) ? $item_array['item_custom_class'] : '';
if($item_array['size']!=='shortcode-size'){
echo '[tw_item size="'. pbTextToFoundation($item_array['size']).'" class="'.$itemClass.'" layout_size="'.pbTextToFoundation($tw_layoutSize).'" row_type="'.(isset($item_array['row-type'])?$item_array['row-type']:'row-fluid').'"]';
}
if(!empty($item_array['item_title'])){
echo'[tw_item_title title="'.$item_array['item_title'].'"]';
}
$content_slug= empty($defaultItem['content'])?'':$defaultItem['content'];
echo '[tw_'.$itemSlug;
if($itemSlug==='portfolio'){echo ' layout_size="'.pbTextToFoundation($tw_layoutSize).'"';}
foreach($defaultItemSettingsArray as $settings_slug=>$default_settings_array){
if($content_slug!==$settings_slug&&$default_settings_array['type']!='category'&&$default_settings_array['type']!='button'&&$default_settings_array['type']!='fa'){
$settings_val=isset($itemSettingsArray[$settings_slug])?$itemSettingsArray[$settings_slug]:(isset($default_settings_array['default'])?$default_settings_array['default']:'');
echo ' '.$settings_slug.'="'.rawUrlDecode($settings_val).'"';
}
}
echo ']';
if($content_slug){
$settings_val='';
if($defaultItemSettingsArray[$content_slug]['type']==='container'&&isset($defaultItemSettingsArray[$content_slug]['default'][0])){
$defaultContainarItem=$defaultItemSettingsArray[$content_slug]['default'][0];
$containarItemArray =$itemSettingsArray[$content_slug];
foreach($containarItemArray as $index=>$containarItem){
$containarItemContent='';
$settings_val .= '[tw_'.$itemSlug.'_item';
foreach($containarItem as $slug=>$value){
if($defaultContainarItem[$slug]['type']!='category'&&$defaultContainarItem[$slug]['type']!='button'&&$defaultContainarItem[$slug]['type']!='fa'){
if($defaultContainarItem[$slug]['type']==='textArea'){
$containarItemContent=rawUrlDecode($value);
}else{
$settings_val .= ' '.$slug.'="'.rawUrlDecode($value).'"';
}
}
}
$settings_val .= ']';
if(!empty($containarItemContent)){
$settings_val .= $containarItemContent.'[/tw_'.$itemSlug.'_item]';
}
}
}else{
$settings_val=isset($itemSettingsArray[$content_slug])?$itemSettingsArray[$content_slug]:$defaultItemSettingsArray[$content_slug]['default'];
$settings_val=rawUrlDecode($settings_val);
}
echo $settings_val.'[/tw_'.$itemSlug.']';
}
if($item_array['size']!=='shortcode-size'){ echo '[/tw_item]';}
$output = ob_get_clean();
return $output;
}
}
if (!function_exists('pbGetContentBuilder')) {
function pbGetContentBuilder() {
global $post, $tw_startPrinted,$tw_pbItems;
$endPrint=false;
ob_start();
$_pb_layout_array=json_decode(rawUrlDecode(get_post_meta($post->ID, '_pb_content', true)),true);
if(empty($_pb_layout_array)){
return false;
echo $post->post_content;
}else{
$layoutsEcho='';
$layoutColCounter=0;
$layoutStart='true';
foreach($_pb_layout_array as $_pb_layout){
$tw_startPrinted = false;
if($_pb_layout['size']!=='size-0-0'){
global $tw_layoutSize;
$tw_layoutSize = $_pb_layout['size'];
list($layoutColCounter,$layoutStart)=rowStart($layoutColCounter,$tw_layoutSize);
$layoutsEcho .= '[tw_layout size="'.pbTextToFoundation($_pb_layout['size']).'" start="'.$layoutStart.'"]';
$tw_startPrinted=false;
$colCounter=0;
$start='true';
foreach ($_pb_layout['items'] as $item_array){
list($colCounter,$start)=rowStart($colCounter,pbTextToFoundation($_pb_layout['size'])==='span3'?12:pbTextToInt($item_array['size']));
$endPrint=true;
$rowClass = $item_array['row-type'] = !empty($tw_pbItems[$item_array['slug']]['row-type'])?$tw_pbItems[$item_array['slug']]['row-type']:'row-fluid';
if($start === "true") {
if($tw_startPrinted){
$layoutsEcho .= '</div><div class="'.$rowClass.'">';
}else{
$tw_startPrinted=true;
$layoutsEcho .= '<div class="'.$rowClass.'">';
}
}
$layoutsEcho .= pbGetContentBuilderItem($item_array);
}
//row Close
if($tw_startPrinted){$layoutsEcho.="</div>";}
$layoutsEcho .= '[/tw_layout]';
}
}
if($endPrint){
echo $layoutsEcho;
}else{
return false;
echo $post->post_content;
}
}
$output = ob_get_clean();
return $output;
}
} ?>