Files
portal_v3/admin/playground/link/grapejs/v3/index.php
equippedcoding-master e2c98790b2 initial commit
2025-09-17 09:37:06 -05:00

363 lines
18 KiB
PHP

<?php
// session_start();
// if(!isset($_SESSION['username'])){
// header("Location: ../");
// }
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Website Builder</title>
<meta content="Websites Builder" name="description">
<link rel="stylesheet" href="https://unpkg.com/grapick/dist/grapick.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="./stylesheets/tooltip.css">
<link rel="stylesheet" href="./stylesheets/demos.css?v3">
<link rel="stylesheet" href="./stylesheets/toastr.min.css">
<link rel="stylesheet" href="./stylesheets/grapes.min.css?v0.20.3">
<link rel="stylesheet" href="./stylesheets/grapesjs-preset-webpage.min.css">
<script src="./js/grapes.min.js?v0.20.3"></script>
<!-- <script src="./grapesjs/grapesjs-my-plugin/dist/index.js"></script> -->
<script src="./js/toastr.min.js"></script>
<script src="https://unpkg.com/grapesjs-preset-webpage@1.0.2"></script>
<script src="https://unpkg.com/grapesjs-blocks-basic@1.0.1"></script>
<script src="https://unpkg.com/grapesjs-plugin-forms@2.0.5"></script>
<script src="https://unpkg.com/grapesjs-component-countdown@1.0.1"></script>
<script src="https://unpkg.com/grapesjs-plugin-export@1.0.11"></script>
<script src="https://unpkg.com/grapesjs-tabs@1.0.6"></script>
<script src="https://unpkg.com/grapesjs-custom-code@1.0.1"></script>
<script src="https://unpkg.com/grapesjs-touch@0.1.1"></script>
<script src="https://unpkg.com/grapesjs-parser-postcss@1.0.1"></script>
<script src="https://unpkg.com/grapesjs-tooltip@0.1.7"></script>
<script src="https://unpkg.com/grapesjs-tui-image-editor@0.1.3"></script>
<script src="https://unpkg.com/grapesjs-typed@1.0.5"></script>
<script src="https://unpkg.com/grapesjs-style-bg@2.0.1"></script>
<script src="https://unpkg.com/grapesjs-navbar"></script>
<!-- <script src="https://unpkg.com/grapesjs-mjml@1.0.2"></script> -->
</head>
<body>
<link rel="stylesheet" href="./css/styles.css">
<style>
/* Overlay */
#cover-spin {
position:fixed;
width:100%;
left:0;right:0;top:0;bottom:0;
background-color: rgba(255,255,255,0.7);
z-index:9999;
display:none;
}
@-webkit-keyframes spin {
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}
@keyframes spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
#cover-spin::after {
content:'';
display:block;
position:absolute;
left:48%;top:40%;
width:40px;height:40px;
border-style:solid;
border-color:black;
border-top-color:transparent;
border-width: 4px;
border-radius:50%;
-webkit-animation: spin .8s linear infinite;
animation: spin .8s linear infinite;
}
/* End of Overlay */
</style>
<div id="gjs" style="height:0px; overflow:hidden">
<?php
$headerNav = file_get_contents("./other/pages/_header_nav.html");
//$headerNavStyles = file_get_contents("./other/pages/_header_nav_styles.css");
$headerNavStyles = file_get_contents("./other/pages/_test.css");
$footerHtml = file_get_contents("./other/pages/_footer.html");
$footerStyles = file_get_contents("./other/pages/_footer.css");
// index | home
$indexHtmlContents = file_get_contents("./other/pages/home.html");
$indexCssContents = file_get_contents("./other/pages/home_styles.css");
//$indexCssContents = strip_tags($indexCssContents);
// About Us / Meet The Board
$meetTheBoardHtmlContents = file_get_contents("./other/pages/meet_the_board.html");
$meetTheBoardCssContents = file_get_contents("./other/pages/meet_the_board_styles.css");
//$meetTheBoardCssContents = strip_tags($meetTheBoardCssContents);
// About Us / What We Do
$whatWeDoHtmlContents = file_get_contents("./other/pages/what_we_do.html");
$whatWeDoCssContents = file_get_contents("./other/pages/what_we_do_styles.css");
$whatWeDoCssContents = strip_tags($whatWeDoCssContents);
// About Us / *Our Story
$ourStoryHtmlContents = file_get_contents("./other/pages/our_story.html");
$ourStoryCssContents = file_get_contents("./other/pages/our_story_styles.css");
$ourStoryCssContents = strip_tags($ourStoryCssContents);
// About Us / *Financials
$financialsHtmlContents = file_get_contents("./other/pages/financials.html");
$financialsCssContents = file_get_contents("./other/pages/financials_styles.css");
$financialsCssContents = strip_tags($financialsCssContents);
// About Us / Resources
$resourcesHtmlContents = file_get_contents("./other/pages/resources.html");
$resourcesCssContents = file_get_contents("./other/pages/resources_styles.css");
$resourcesCssContents = strip_tags($resourcesCssContents);
// I'm a Young Parent / I'm Ready To Apply
$imReadyToApplyHtmlContents = file_get_contents("./other/pages/im_ready_to_apply.html");
$imReadyToApplyCssContents = file_get_contents("./other/pages/im_ready_to_apply_styles.css");
$imReadyToApplyCssContents = strip_tags($imReadyToApplyCssContents);
// You Can Help / Ways To Donate
$waysToDonateHtmlContents = file_get_contents("./other/pages/ways_to_donate.html");
$waysToDonateCssContents = file_get_contents("./other/pages/ways_to_donate_styles.css");
$waysToDonateCssContents = strip_tags($waysToDonateCssContents);
// - You Can Help / Volunteer
$volunteerHtmlContents = file_get_contents("./other/pages/volunteer.html");
$volunteerCssContents = file_get_contents("./other/pages/volunteer_styles.css");
$volunteerCssContents = strip_tags($volunteerCssContents);
// - You Can Help / Partnerships
$partnershipsHtmlContents = file_get_contents("./other/pages/partnerships.html");
$partnershipsCssContents = file_get_contents("./other/pages/partnerships_styles.css");
$partnershipsCssContents = strip_tags($partnershipsCssContents);
// - Contact / Media Kit
$mediakitHtmlContents = file_get_contents("./other/pages/mediakit.html");
$mediakitCssContents = file_get_contents("./other/pages/mediakit_styles.css");
$mediakitCssContents = strip_tags($mediakitCssContents);
// - Contact / Join Our Mailing List
$joinOurMailingListHtmlContents = file_get_contents("./other/pages/join_our_mailing_list.html");
$joinOurMailingListCssContents = file_get_contents("./other/pages/join_our_mailing_list_styles.css");
$joinOurMailingListCssContents = strip_tags($joinOurMailingListCssContents);
// - Contact / Contact Us
$contactUsListHtmlContents = file_get_contents("./other/pages/contact_us.html");
$contactUsCssContents = file_get_contents("./other/pages/contact_us_styles.css");
$contactUsCssContents = strip_tags($contactUsCssContents);
// - Initiatives / Fill The Bag
$fillTheBagHtmlContents = file_get_contents("./other/pages/fill_the_bag.html");
$fillTheBagCssContents = file_get_contents("other/pages/fill_the_bag_styles.css");
$fillTheBagCssContents = strip_tags($fillTheBagCssContents);
// - Initiatives / Moms2Prom/Tux n' Tails
$moms2PromHtmlContents = file_get_contents("./other/pages/moms2prom.html");
$moms2PromCssContents = file_get_contents("./other/pages/moms2prom_styles.css");
$moms2PromCssContents = strip_tags($moms2PromCssContents);
// - Initiatives / Foundations of Fatherhood
$foundationsofFatherhoodHtmlContents = file_get_contents("./other/pages/foundations_of_fatherhood.html");
$foundationsofFatherhoodCssContents = file_get_contents("./other/pages/foundations_of_fatherhood_styles.css");
$foundationsofFatherhoodCssContents = strip_tags($foundationsofFatherhoodCssContents);
// - News & Events / Sponsorship Opportunities
$sponsorshipOpportunitiesHtmlContents = file_get_contents("./other/pages/sponsorship_opportunities.html");
$sponsorshipOpportunitiesCssContents = file_get_contents("./other/pages/sponsorship_opportunities_styles.css");
$sponsorshipOpportunitiesCssContents = strip_tags($sponsorshipOpportunitiesCssContents);
// - News & Events / News
$newsHtmlContents = file_get_contents("./other/pages/news.html");
$newsCssContents = file_get_contents("./other/pages/news_styles.css");
$newsCssContents = strip_tags($sponsorshipOpportunitiesCssContents);
// - News & Events / Events
$eventsHtmlContents = file_get_contents("./other/pages/events.html");
$eventsCssContents = file_get_contents("./other/pages/events_styles.css");
$eventsCssContents = strip_tags($eventsCssContents);
?>
<script type="text/javascript">
var gl_navbar = `<?php echo $headerNav; ?>`;
var gl_html_index = `<?php echo $headerNav . " " . $indexHtmlContents . " " . $footerHtml; ?>`;
var gl_css_index = `<?php echo $headerNavStyles . " ". $indexCssContents . " " . $footerStyles; ?>`;
/*
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log(gl_html_index);
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log(gl_css_index);
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
console.log("========================================================================================================");
*/
var gl_html_meet_the_board = `<?php echo $headerNav . " ". $meetTheBoardHtmlContents . " " . $footerHtml; ?>`;
var gl_css_contact = `<?php echo $headerNavStyles . " ". $meetTheBoardCssContents . " " . $footerStyles; ?>`;
var gl_html_what_we_do = `<?php echo $headerNav . " ". $whatWeDoHtmlContents . " " . $footerHtml; ?>`;
var gl_css_what_we_do = `<?php echo $headerNavStyles . "" . $whatWeDoCssContents; ?>`;
var gl_html_our_story = `<?php echo $headerNav . " ". $ourStoryHtmlContents . " " . $footerHtml; ?>`;
var gl_css_our_story = `<?php echo $headerNavStyles . " ". $ourStoryCssContents; ?>`;
var gl_html_financials = `<?php echo $headerNav . " ". $financialsHtmlContents . " " . $footerHtml; ?>`;
var gl_css_financials = `<?php echo $headerNavStyles . " ". $financialsCssContents; ?>`;
var gl_html_resources = `<?php echo $headerNav . " ". $resourcesHtmlContents . " " . $footerHtml; ?>`;
var gl_css_resources = `<?php echo $headerNavStyles . " ". $resourcesCssContents; ?>`;
var gl_html_im_ready_to_apply = `<?php echo $headerNav . " " . $imReadyToApplyHtmlContents . " " . $footerHtml; ?>`;
var gl_css_im_ready_to_apply = `<?php echo $headerNavStyles . " " . $imReadyToApplyCssContents; ?>`;
var gl_html_ways_to_donate = `<?php echo $headerNav . " ". $waysToDonateHtmlContents . " " . $footerHtml; ?>`;
var gl_css_ways_to_donate = `<?php echo $headerNavStyles . " " . $waysToDonateCssContents; ?>`;
// ---------
var gl_html_volunteer = `<?php echo $headerNav . " ". $volunteerHtmlContents . " " . $footerHtml; ?>`;
var gl_css_volunteer = `<?php echo $headerNavStyles . "" . $volunteerCssContents; ?>`;
var gl_html_partnerships = `<?php echo $headerNav . "". $partnershipsHtmlContents . " " . $footerHtml; ?>`;
var gl_css_partnerships = `<?php echo $headerNavStyles . "". $partnershipsCssContents; ?>`;
var gl_html_mediakit = `<?php echo $headerNav . "". $mediakitHtmlContents . " " . $footerHtml; ?>`;
var gl_css_mediakit = `<?php echo $headerNavStyles . "". $mediakitCssContents; ?>`;
var gl_html_joinOurMailinList = `<?php echo $headerNav . "". $joinOurMailingListHtmlContents . " " . $footerHtml; ?>`;
var gl_css_joinOurMailinList = `<?php echo $headerNavStyles . "". $joinOurMailingListCssContents; ?>`;
var gl_html_contactUs = `<?php echo $headerNav . "". $contactUsListHtmlContents . " " . $footerHtml; ?>`;
var gl_css_contactUs = `<?php echo $headerNavStyles . "". $contactUsCssContents; ?>`;
var gl_html_fillTheBag = `<?php echo $headerNav . "". $fillTheBagHtmlContents . " " . $footerHtml; ?>`;
var gl_css_fillTheBag = `<?php echo $headerNavStyles . "". $fillTheBagCssContents; ?>`;
var gl_html_moms2prom = `<?php echo $headerNav . "". $moms2PromHtmlContents . " " . $footerHtml; ?>`;
var gl_css_moms2prom = `<?php echo $headerNavStyles . "". $moms2PromCssContents; ?>`;
var gl_html_foundationsofFatherhood = `<?php echo $headerNav . "". $foundationsofFatherhoodHtmlContents . " " . $footerHtml; ?>`;
var gl_css_foundationsofFatherhood = `<?php echo $headerNavStyles . "". $foundationsofFatherhoodCssContents; ?>`;
var gl_html_sponsorshipOpportunities = `<?php echo $headerNav . "". $sponsorshipOpportunitiesHtmlContents . " " . $footerHtml; ?>`;
var gl_css_sponsorshipOpportunities = `<?php echo $headerNavStyles . "". $sponsorshipOpportunitiesCssContents; ?>`;
var gl_html_news = `<?php echo $headerNav . "". $newsHtmlContents; ?>`;
var gl_css_news = `<?php echo $headerNavStyles . "". $newsCssContents; ?>`;
var gl_html_events = `<?php echo $headerNav . "". $eventsHtmlContents; ?>`;
var gl_css_events = `<?php echo $headerNavStyles . "". $eventsCssContents; ?>`;
</script>
</div>
<!--
This is for GrapesJS alert, currently right now this is the only that
I can modify my own actions within the editor until I get a handle on
plugins.
-->
<!-- nnnn // pppp -->
<div id="panel-pages" style="display:none">
<h3>Website Pages</h3>
<input id="add-new-page-input" type="text" />
<button id="add-new-page-btn">Add Page</button>
<ul id="panel-pages-list">
</ul>
</div>
<div id="panel-pubish" style="display:none">
<h3>Publish</h3>
<button id="panel-publish-cancel">Cancel</button>
<button id="panel-publish-publish">Publish</button>
</div>
<div id="info-panel" style="display:none">
<h3>Save Progress</h3>
<button id="panel-save-cancel">Cancel</button>
<button id="panel-save-save">Save</button>
</div>
<script type="text/javascript" src="other/js/helper.js"></script>
<script type="text/javascript" src="other/js/config_properties.js"></script>
<script type="text/javascript" src="other/js/main.js"></script>
</body>
</html>