LBP
/
Organizr
şunun yansıması https://github.com/causefx/Organizr.git


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929
							<?php 

date_default_timezone_set('America/Los_Angeles');

$data = false;

ini_set("display_errors", 1);
ini_set("error_reporting", E_ALL | E_STRICT);

function registration_callback($username, $email, $userdir)
{
    global $data;
    $data = array($username, $email, $userdir);
}

require_once("user.php");
$USER = new User("registration_callback");

$dbfile = constant('User::DATABASE_LOCATION')  . constant('User::DATABASE_NAME') . ".db";
$database = new PDO("sqlite:" . $dbfile);

$needSetup = "Yes";

$query = "SELECT * FROM users";
			
foreach($database->query($query) as $data) {

    $needSetup = "No";

}

$db = constant('User::DATABASE_LOCATION')  . constant('User::DATABASE_NAME') . ".db";
$file_db = new PDO("sqlite:" . $db);
$file_db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

$dbTab = $file_db->query('SELECT name FROM sqlite_master WHERE type="table" AND name="tabs"');
$dbOptions = $file_db->query('SELECT name FROM sqlite_master WHERE type="table" AND name="options"');

$tabSetup = "Yes";	
$hasOptions = "No";

foreach($dbTab as $row) :

    if (in_array("tabs", $row)) :
    
        $tabSetup = "No";
    
    endif;

endforeach;

foreach($dbOptions as $row) :

    if (in_array("options", $row)) :
    
        $hasOptions = "Yes";
    
    endif;

endforeach;

if($tabSetup == "No") :

    if($USER->authenticated && $USER->role == "admin") :

        $result = $file_db->query('SELECT * FROM tabs WHERE active = "true"');
        $getsettings = $file_db->query('SELECT * FROM tabs WHERE active = "true"');
        
        $settingsicon = "No";

        foreach($getsettings as $row) :

            if($row['iconurl'] && $settingsicon == "No") :

                $settingsicon = "Yes";

            endif;

        endforeach;

    elseif($USER->authenticated && $USER->role == "user") :

        $result = $file_db->query('SELECT * FROM tabs WHERE active = "true" AND user = "true"');

    else :

        $result = $file_db->query('SELECT * FROM tabs WHERE active = "true" AND guest = "true"');

    endif;
    
endif;

$settingsActive = "";

if($tabSetup == "Yes") :

    $settingsActive = "active";
    
endif;

if($hasOptions == "Yes") :

    $resulto = $file_db->query('SELECT * FROM options');

    foreach($resulto as $row) : 
                                    
        $title = $row['title'];
        $topbartext = $row['topbartext'];
        $topbar = $row['topbar'];
        $bottombar = $row['bottombar'];
        $sidebar = $row['sidebar'];
        $hoverbg = $row['hoverbg'];
        $activetabBG = $row['activetabBG'];
        $activetabicon = $row['activetabicon'];
        $activetabtext = $row['activetabtext'];
        $inactiveicon = $row['inactiveicon'];
        $inactivetext = $row['inactivetext'];

    endforeach;

elseif($hasOptions == "No") :

    $title = "Organizr";
    $topbar = "#eb6363"; 
    $topbartext = "#FFFFFF";
    $bottombar = "#eb6363";
    $sidebar = "#000000";
    $hoverbg = "#eb6363";
    $activetabBG = "#eb6363";
    $activetabicon = "#FFFFFF";
    $activetabtext = "#FFFFFF";
    $inactiveicon = "#FFFFFF";
    $inactivetext = "#FFFFFF";

endif;

?>

<!DOCTYPE html>

<html lang="en" class="no-js">

    <head>
        
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="msapplication-tap-highlight" content="no" />

        <title><?=$title;?><?php if($title !== "Organizr") :  echo "- Organizr"; endif; ?></title>

        <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
        <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
        <link rel="stylesheet" href="bower_components/mdi/css/materialdesignicons.min.css">
        <link rel="stylesheet" href="bower_components/metisMenu/dist/metisMenu.min.css">
        <link rel="stylesheet" href="bower_components/Waves/dist/waves.min.css"> 
        <link rel="stylesheet" href="bower_components/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css"> 

        <link rel="stylesheet" href="js/selects/cs-select.css">
        <link rel="stylesheet" href="js/selects/cs-skin-elastic.css">
        <link rel="stylesheet" href="bower_components/google-material-color/dist/palette.css">
        
        <link rel="stylesheet" href="bower_components/sweetalert/dist/sweetalert.css">
        <link rel="stylesheet" href="bower_components/smoke/dist/css/smoke.min.css">


        <script src="js/menu/modernizr.custom.js"></script>
        <script type="text/javascript" src="js/sha1.js"></script>
		<script type="text/javascript" src="js/user.js"></script>

        <link rel="stylesheet" href="css/style.css">

        
        <link rel="apple-touch-icon" sizes="180x180" href="icons/favicon/apple-touch-icon.png">
        <link rel="icon" type="image/png" href="icons/favicon/favicon-32x32.png" sizes="32x32">
        <link rel="icon" type="image/png" href="icons/favicon/favicon-16x16.png" sizes="16x16">
        <link rel="manifest" href="icons/favicon/manifest.json">
        <link rel="mask-icon" href="icons/favicon/safari-pinned-tab.svg" color="#2d89ef">
        <link rel="shortcut icon" href="icons/favicon/favicon.ico">
        <meta name="msapplication-config" content="icons/favicon/browserconfig.xml">
        <meta name="theme-color" content="#2d89ef">
        
        <!--[if lt IE 9]>
        <script src="bower_components/html5shiv/dist/html5shiv.min.js"></script>
        <script src="bower_components/respondJs/dest/respond.min.js"></script>
        <![endif]-->
        
    </head>

    <body style="overflow: hidden">

        <!--Preloader-->
        <div id="preloader" class="preloader table-wrapper">
            
            <div class="table-row">
                
                <div class="table-cell">
                    
                    <div class="la-ball-scale-multiple la-3x" style="color: <?=$topbar;?>">
                        
                        <div></div>
                        <div></div>
                        <div></div>
                    
                    </div>
                
                </div>
            
            </div>
        
        </div>

        <div id="main-wrapper" class="main-wrapper">
            
            <style>
                .bottom-bnts a {
                    
                    background: <?=$bottombar;?>;
                    color: <?=$topbartext;?>;
                
                }.bottom-bnts {
                    
                    background-color: <?=$bottombar;?>;
                
                }.gn-menu-main {
                    
                   
                    background-color: <?=$topbar;?>;
                
                }.gn-menu-main ul.gn-menu {
                    
                    background: <?=$sidebar;?>;
                
                }.gn-menu-wrapper {
                
                    background: <?=$sidebar;?>;
                
                }.gn-menu i {
                    
                    height: 18px;
                    width: 52px;
                
                }.la-timer.la-dark {
                    
                    color: <?=$topbartext;?>
                
                }.refresh-preloader {
                    
                    background: <?=$topbartext;?>;
                
                }.la-timer {
                    
                    width: 75px;
                    height: 75px;
                    padding-top: 20px;
                    border-radius: 100px;
                    background: <?=$sidebar;?>;
                    border: 2px solid <?=$topbar;?>;
                
                }.tab-item:hover a {
                    
                    color: <?=$sidebar;?> !important;
                    background: <?=$hoverbg;?>;
                    border-radius: 100px 0 0 100px;
                
                }.gn-menu li.active > a {
                    
                    color: <?=$activetabtext;?> !important;
                    background: <?=$activetabBG;?>;
                    border-radius: 100px 0 0 100px;
                
                }.active {
                    
                    display: block;
                
                }.hidden {
                    
                    display: none;
                    
                }.errorz {
                	
                	background-image: linear-gradient(red, red), linear-gradient(#d2d2d2, #d2d2d2);
            	    outline: none;
            	    animation: input-highlight .5s forwards;
            	    box-shadow: none;
            	    padding-left: 0;
            	    border: 0;
            	    border-radius: 0;
            	    background-size: 0 2px,100% 1px;
            	    background-repeat: no-repeat;
            	    background-position: center bottom,center calc(100% - 1px);
            	    background-color: transparent;
            	    box-shadow: none;
                	    
                }.gn-menu li.active i.fa {
                    
                    color: <?=$activetabicon;?>;
                    
                }.gn-menu li i.fa {
                    
                    color: <?=$inactiveicon;?>;
                    
                }.gn-menu-main ul.gn-menu a {
                    
                    color: <?=$inactivetext;?>;
                }li.dropdown.some-btn .mdi {
                    
                    color: <?=$topbartext;?>;
                    
                }.nav>li>a:focus, .nav>li>a:hover {
                    
                    text-decoration: none;
                    background-color: transparent;
                    
                }div#preloader {
                    
                    background-color: <?=$topbartext;?>;
                    
                }.iframe {
                    
                    -webkit-overflow-scrolling: touch;

                }.iframe iframe{

                }#menu-toggle span {
                    background: <?=$topbartext;?>;
                }
                
            </style>

            <ul id="gn-menu" class="gn-menu-main">
                
                <li class="gn-trigger">
                    
                    <a id="menu-toggle" class="menu-toggle gn-icon gn-icon-menu">
                        
                        <div class="hamburger">
                            
                            <span></span>
                            <span></span>
                            <span></span>
                        
                        </div>
                        
                        <div class="cross">
                            
                            <span></span>
                            <span></span>
                        
                        </div>
                    
                    </a>
                    
                    <nav class="gn-menu-wrapper">
                        
                        <div class="gn-scroller">
                            
                            <ul class="gn-menu metismenu">

                                <!--Start Tab List-->
                                
                                <?php if($tabSetup == "No") : foreach($result as $row) : 
                                
                                if($row['defaultz'] == "true") : $defaultz = "active"; else : $defaultz = ""; endif;?>
                                
                                <li window="<?=$row['window'];?>" class="tab-item <?=$defaultz;?>" id="<?=$row['url'];?>x">
                                    
                                    <a class="tab-link">
                                        
                                        <?php if($row['iconurl']) : ?>
                                        
                                            <i style="font-size: 19px; padding: 0 10px; font-size: 19px;">
                                                <img src="<?=$row['iconurl'];?>" style="height: 30px; margin-top: -2px;">
                                            </i>
                                        
                                        <?php else : ?>
                                        
                                            <i class="fa <?=$row['icon'];?>"></i>
    
                                        <?php endif; ?>
                                        
                                        <?=$row['name'];?>
                                    
                                    </a>

                                </li>
                                
                                <?php endforeach; endif;?>
                                
                                <?php if($USER->authenticated && $USER->role == "admin") :?>
                                <li class="tab-item <?=$settingsActive;?>" id="settings.phpx">
                                                            
                                    <a class="tab-link">
                                        
                                        <?php if($settingsicon = "Yes") :
                                        
                                            echo '<i style="font-size: 19px; padding: 0 10px; font-size: 19px;">
                                                <img id="settings-icon" src="icons/settings.png" style="height: 30px; margin-top: -2px;"></i>';
                                        
                                        else :
                                        
                                            echo '<i class="fa fa-key"></i>';
                                        
                                        endif; ?>
                                        
                                        Settings
                                    
                                    </a>
                                
                                </li>
                                <?php endif;?>
                                
                                <!--End Tab List-->
                           
                            </ul>
                        
                        </div>

                        <!-- /gn-scroller -->
                        <div class="bottom-bnts">
                            
                            <!--<li class="tab-item profile" id="settings.phpx"><i class="mdi mdi-account"></i></li>-->
                            <a class="fix-nav"><i class="mdi mdi-pin"></i></a>
                            <?php if(!$USER->authenticated) : ?>
                            <a class="log-in"><i class="mdi mdi-login"></i></a>
                            <?php endif ?>
                            <?php if($USER->authenticated) : ?>
                            <a class="logout"><i class="mdi mdi-logout"></i></a>
                            <?php endif ?>
                        
                        </div>
                    
                    </nav>
                
                </li>

                <li class="top-clock">
                    
                    <span><span style="color:<?=$topbartext;?>;"><b><?=$title;?></b></span></span>
                
                </li>

                <li class="pull-right">
                    
                    <ul class="nav navbar-right right-menu">
                        
                        <li class="dropdown some-btn">
                            
                            <a class="fullscreen">
                                
                                <i class="mdi mdi-fullscreen"></i>
                            
                            </a>
                        </li>
                        
                        <li class="dropdown some-btn">
                            
                            <a id="reload" class="refresh">
                               
                                <i class="mdi mdi-refresh"></i>
                           
                            </a>
                        
                        </li>
                    
                    </ul>
                
                </li>
            
            </ul>

            <!--Content-->
            <div id="content" class="content" style="">

                <!--Load Framed Content-->
                
                <?php if($needSetup == "Yes") : ?>
								<div class="table-wrapper">
								
								    <div class="table-row">
								
								        <div class="table-cell text-center">
								        
								            <div class="login i-block">
								                
								                <div class="content-box">
								                    
								                    <div class="green-bg biggest-box">
								
								                        <h1 class="zero-m text-uppercase">Create Admin</h1>
								
								                    </div>
								
								                    <div class="big-box text-left registration-form">
								
								                        <h4 class="text-center">Create an account for Admin Access</h4>
								
                        								<form class="controlbox" name="new user registration" id="registration" action="" method="POST">
                        								    
                        								    <input type="hidden" name="op" value="register"/>
                        								    <input type="hidden" name="sha1" value=""/>
                        								
                        								    <div class="form-group">
                        								
                        								        <input type="text" class="form-control material" name="username" placeholder="Username" autocorrect="off" autocapitalize="off" value="" autofocus>
                        								
                        								    </div>
                        								
                        								    <div class="form-group">
                        								
                        								        <input type="email" class="form-control material" name="email" placeholder="E-mail">
                        								
                        								    </div>
                        								
                        								    <div class="form-group">
                        								
                        								        <input type="password" class="form-control material" name="password1" placeholder="Password">
                        								
                        								    </div>
                        								
                        								    <div class="form-group">
                        								
                        								        <input type="password" class="form-control material" name="password2" placeholder="Retype Password">
                        								
                        								    </div>
                        								
                        								    <input type="button" class="btn green-bg btn-block btn-warning text-uppercase waves waves-effect waves-float" value="Register" onclick="User.processRegistration()"/>
                        								
                        								</form>
								                    
								                    </div>
								                
								                </div>
								            
								            </div>
								        
								        </div>
								    
								    </div>
								
								</div>
                <?php endif; ?>
                
                <?php if(!$USER->authenticated && $tabSetup == "Yes" && $needSetup == "No") :?>
                <div class="table-wrapper">
                
                    <div class="table-row">
                
                        <div class="table-cell text-center">
                        
                            <div class="login i-block">
                                
                                <div class="content-box">
                                    
                                    <div class="blue-bg biggest-box">
                
                                        <h1 class="zero-m text-uppercase">Awesome!</h1>
                
                                    </div>
                
                                    <div class="big-box text-left registration-form">
                
                                        <h4 class="text-center">Now that you created an Admin account, time to sign and start making some tabs...</h4>
                                        
                                        <button type="submit" class="btn log-in btn-block btn-primary text-uppercase waves waves-effect waves-float">Login</button>
                						                                    
                                    </div>
                                
                                </div>
                            
                            </div>
                        
                        </div>
                    
                    </div>
                
                </div>
                <?php endif; ?>
                
                <?php if($USER->authenticated && $USER->role == "admin" && $tabSetup == "Yes" && $needSetup == "No") :?>
                <div class="table-wrapper">
                
                    <div class="table-row">
                
                        <div class="table-cell text-center">
                        
                            <div class="login i-block">
                                
                                <div class="content-box">
                                    
                                    <div class="yellow-bg biggest-box">
                
                                        <h1 class="zero-m text-uppercase">Almost Done!</h1>
                
                                    </div>
                
                                    <div class="big-box text-left registration-form">
                
                                        <h2 class="text-center">Looks like this is a fresh install.</h4>
                                        <h3 class="text-center">Here's a couple hints before you get started.</h4>
                                        <h5 class="">The new layout now has 3 groups:<br><br>Admins - Have access to everything<br><br>Users - Have access to tabs marked active and for user<br><br>Guests - Have access to tabs marked active and for guest<br><br>You can have the side-bar pinned if you enable that on the bottom of the side-bar itself<br><br>Alright, Click the Hamburger on the top right and goto Settings to start making your tabs!</h4>
                						                                    
                                    </div>
                                
                                </div>
                            
                            </div>
                        
                        </div>
                    
                    </div>
                
                </div>
                <?php endif; ?>
                
                
                <!--End Load Framed Content-->

            </div>
            <!--End Content-->

            <!--Welcome notification-->
            <div id="welcome"></div>


        </div>
        <?php if(!$USER->authenticated) : ?>
        <div class="login-modal modal fade">
            
            <div style="background:<?=$topbar;?>;" class="table-wrapper">
                
                <div class="table-row">
                    
                    <div class="table-cell text-center">
                        
                        <button style="color:<?=$topbartext;?>;" type="button" class="close" data-dismiss="modal" aria-label="Close">
                            
                            <span aria-hidden="true">&times;</span>
                        
                        </button>
                        
                        <div class="login i-block">
                            
                            <div class="content-box">
                                
                                <div style="background:<?=$topbartext;?>;" class="biggest-box">

                                    <h1 style="color:<?=$topbar;?>;" class="zero-m text-uppercase">Welcome</h1>

                                </div>
                                
                                <div class="big-box text-left login-form">
                                    
                                    <h4 class="text-center">Login</h4>
                                    
                                    <form name="log in" id="login" action="" method="POST">
                                        
                                        <div class="form-group">
                                            
                                            <input type="hidden" name="op" value="login">
				                            <input type="hidden" name="sha1" value="">
                                            <input type="text" class="form-control material" name="username" placeholder="Username" autocorrect="off" autocapitalize="off" value="" autofocus>
                                        
                                        </div>
                                        
                                        <div class="form-group">
                                            
                                            <input type="password" class="form-control material" name="password1" placeholder="Password">
                                        
                                        </div>

                                        <button style="background:<?=$topbartext;?>;" type="submit" class="btn btn-block btn-info text-uppercase waves" value="log in" onclick="User.processLogin()"><text style="color:<?=$topbar;?>;">Login</text></button>

                                    </form>                                   
                                    
                                </div>
                            
                            </div>
                       
                        </div>
                    
                    </div>
                
                </div>
            
            </div>
        
        </div>
        <?php endif;?>
        <?php if($USER->authenticated) : ?>
        <div style="background:<?=$topbar;?>;" class="logout-modal modal fade">
            
            <div class="table-wrapper" style="background: <?=$topbar;?>">
            
                <div class="table-row">
                
                    <div class="table-cell text-center">
                    
                        <div class="login i-block">
                        
                            <div class="content-box">
                            
                                <div style="background:<?=$topbartext;?>;" class="biggest-box">
                                
                                    <form name="log out" id="logout" action="" method="POST">
                                        
				                        <input type="hidden" name="op" value="logout">
                                        
                                        <input type="hidden" name="username"value="<?php echo $_SESSION["username"]; ?>" >
				
				
                                        <h3 style="color:<?=$topbar;?>;" class="zero-m text-uppercase">Do you want to logout?</h3>
                                        
                                        <a style="color:<?=$topbar;?>;" href="#" id="logoutSubmit" class="i-block" data-dismiss="modal">Yes</a>
                                        
                                        <a style="color:<?=$topbar;?>;" href="#" class="i-block" data-dismiss="modal">No</a>
                                
                                    </form>
                                    
                                </div>
                            
                            </div>
                    
                        </div>
                
                    </div>
            
                </div>
        
            </div>
    
        </div>
        <?php endif;?>

        <!--Scripts-->
        <script src="bower_components/jquery/dist/jquery.min.js"></script>
        <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
        <script src="bower_components/metisMenu/dist/metisMenu.min.js"></script>
        <script src="bower_components/Waves/dist/waves.min.js"></script>
        <script src="bower_components/moment/min/moment.min.js"></script>
        <script src="bower_components/jquery.nicescroll/jquery.nicescroll.min.js"></script>
        <script src="bower_components/slimScroll/jquery.slimscroll.min.js"></script>
        <script src="bower_components/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.js"></script>
        <script src="bower_components/cta/dist/cta.min.js"></script>

        <!--Menu-->
        <script src="js/menu/classie.js"></script>
        <script src="js/menu/gnmenu.js"></script>

        <!--Selects-->
        <script src="js/selects/selectFx.js"></script>
        
        <script src="bower_components/sweetalert/dist/sweetalert.min.js"></script>

        <script src="bower_components/smoke/dist/js/smoke.min.js"></script>

        <!--Notification-->
        <script src="js/notifications/notificationFx.js"></script>

        <!--Custom Scripts-->
        <script src="js/common.js"></script>

        <script>
            
        function setHeight() {
            
            windowHeight = $(window).innerHeight();
            
            $("div").find(".iframe").css('height', windowHeight - 56 + "px");
            
            $('#content').css('height', windowHeight - 56 + "px");
            
        };
            

        $(document).ready(function(){
            
            defaultTab = $("li[class^='tab-item active']").attr("id");
           
            if (defaultTab){
           
                defaultTab = defaultTab.substr(0, defaultTab.length-1);
           
            }else{
           
                defaultTabNone = $("li[class^='tab-item']").attr("id");
                
                if (defaultTabNone){
                
                    $("li[class^='tab-item']").first().attr("class", "tab-item active");
                    defaultTab = defaultTabNone.substr(0, defaultTabNone.length-1);
           
                }
            
            }

            if (defaultTab){
                
                $("#content").html('<div class="iframe active" data-content-url="'+defaultTab+'"><iframe scrolling="auto" sandbox="allow-forms allow-same-origin allow-pointer-lock allow-scripts allow-popups allow-modals" allowfullscreen="true" webkitallowfullscreen="true" frameborder="0" style="width:100%; height:100%;" src="'+defaultTab+'"></iframe></div>');
            }
            
            setHeight();

        }); 
            
        $(function () {
            
            $.smkAlert({
                text: '<?php if(!empty($USER->info_log)) : 
                    echo $USER->info_log[0]; 
                    elseif(empty($USER->info_log)) :
                    echo "Welcome Guest!";
                    endif;?>',
                type: 'info'
            });

        });
            
        $('#reload').on('click touchstart', function(){

            $("i[class^='mdi mdi-refresh']").attr("class", "mdi mdi-refresh fa-spin");

            var activeFrame = $('#content').find('.active').children('iframe');

            activeFrame.attr('src', activeFrame.attr('src'));

            var refreshBox = $('#content').find('.active');

            $("<div class='refresh-preloader'><div class='la-timer la-dark'><div></div></div></div>").appendTo(refreshBox).fadeIn(10);

            setTimeout(function(){

                var refreshPreloader = refreshBox.find('.refresh-preloader'),
                deletedRefreshBox = refreshPreloader.fadeOut(300, function(){

                    refreshPreloader.remove();
                    $("i[class^='mdi mdi-refresh fa-spin']").attr("class", "mdi mdi-refresh");

                });

            },500);

        });
            
        $("li[id^='settings.phpx']").on('click touchstart', function(){

            $("img[id^='settings-icon']").attr("class", "fa-spin");

            setTimeout(function(){

                $("img[id^='settings-icon']").attr("class", "");

            },1000);

        });

        $('#logoutSubmit').on('click touchstart', function(){

            $( "#logout" ).submit();

        });
            
        $(window).resize(function(){
            
            setHeight();

        });
            
        $("li[class^='tab-item']").on('click touchstart', function(){
                
            var thisidfull = $(this).attr("id");

            var thisid = thisidfull.substr(0, thisidfull.length-1);

            var currentframe = $("div[data-content-url^='"+thisid+"']");

            if (currentframe.attr("class") == "iframe active") {

                console.log(thisid + " is active already");

            }else if (currentframe.attr("class") == "iframe hidden") {

                console.log(thisid + " is active already but hidden");

                $("div[class^='iframe active']").attr("class", "iframe hidden");

                currentframe.attr("class", "iframe active");
                
                setHeight();

                $("li[class^='tab-item active']").attr("class", "tab-item");

                $(this).attr("class", "tab-item active");

            }else {

                
                if ($(this).attr("window") == "true") {
                    
                    window.open(thisid,'_blank');
                    
                }else {
                
                    console.log(thisid + " make new div");

                    $("div[class^='iframe active']").attr("class", "iframe hidden");

                    $( '<div class="iframe active" data-content-url="'+thisid+'"><iframe scrolling="auto" sandbox="allow-forms allow-same-origin allow-pointer-lock allow-scripts allow-popups allow-modals" allowfullscreen="true" webkitallowfullscreen="true" frameborder="0" style="width:100%; height:100%;" src="'+thisid+'"></iframe></div>' ).appendTo( "#content" );

                    setHeight();

                    $("li[class^='tab-item active']").attr("class", "tab-item");

                    $(this).attr("class", "tab-item active");
                    
                }

            }

        });
        </script>


    </body>

</html>