test out new dropdown in settings page for mobile only

api/pages/settings.php

@@ -14,196 +14,205 @@ function get_page_settings($Organizr)
 	$Organizr->writeLog('success', 'Admin Function -  Accessed Settings Page', $Organizr->user['username']);
 	return $Organizr->pluginFiles('js', true) . '
 <script>
-    (function() {
-        updateCheck();
-        authDebugCheck();
-        sponsorLoad();
-        newsLoad();
-        checkCommitLoad();
-        backersLoad();
-        [].slice.call(document.querySelectorAll(\'.sttabs-main-settings-div\')).forEach(function(el) {
-            new CBPFWTabs(el);
-        });
-    })();
+	(function() {
+		updateCheck();
+		authDebugCheck();
+		sponsorLoad();
+		newsLoad();
+		checkCommitLoad();
+		backersLoad();
+		[].slice.call(document.querySelectorAll(\'.sttabs-main-settings-div\')).forEach(function(el) {
+			new CBPFWTabs(el);
+		});
+	})();
 </script>
 <div class="container-fluid">
-    <div class="row bg-title">
-        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
-            <h4 class="page-title" lang="en">Organizr Settings</h4>
-        </div>
-        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
-            <ol id="settingsBreadcrumb" class="breadcrumb">
-                <li lang="en">Settings</li>
-                <li lang="en">Tab Editor</li>
-            </ol>
-        </div>
-        <!-- /.col-lg-12 -->
-    </div>
-    <!--.row-->
-    <div class="row">
-        <!-- Tab style start -->
-        <section class="">
-            <div class="sttabs sttabs-main-settings-div tabs-style-flip">
-                <nav>
-                    <ul>
-                        <li onclick="changeSettingsMenu(\'Settings::Tab Editor\')" id="settings-main-tab-editor-anchor"><a href="#settings-main-tab-editor" class="sticon ti-layout-tab-v"><span lang="en">Tab Editor</span></a></li>
-                        <li onclick="changeSettingsMenu(\'Settings::Customize\')" id="settings-main-customize-anchor"><a href="#settings-main-customize" class="sticon ti-paint-bucket"><span lang="en">Customize</span></a></li>
-                        <li onclick="changeSettingsMenu(\'Settings::User Management\')" id="settings-main-user-management-anchor"><a href="#settings-main-user-management" class="sticon ti-user"><span lang="en">User Management</span></a></li>
-                        <li onclick="changeSettingsMenu(\'Settings::Image Manager\');loadSettingsPage2(\'api/v2/page/settings_image_manager\',\'#settings-image-manager-view\',\'Image Viewer\');" id="settings-main-image-manager-anchor"><a href="#settings-main-image-manager" class="sticon ti-image"><span lang="en">Image Manager</span></a></li>
-    					<li onclick="changeSettingsMenu(\'Settings::Plugins\');loadSettingsPage2(\'api/v2/page/settings_plugins\',\'#settings-main-plugins\',\'Plugins\');" id="settings-main-plugins-anchor"><a href="#settings-main-plugins" class="sticon ti-plug"><span lang="en">Plugins</span></a></li>
-                        <li onclick="changeSettingsMenu(\'Settings::System Settings\');authDebugCheck();" id="settings-main-system-settings-anchor"><a href="#settings-main-system-settings" class="sticon ti-settings"><span lang="en">System Settings</span></a></li>
-                    </ul>
-                </nav>
-                <div class="content-wrap">
-                    <! -- TAB EDITOR -->
-                    <section id="settings-main-tab-editor">
-                        <ul class="nav customtab2 nav-tabs" role="tablist">
-                            <li onclick="changeSettingsMenu(\'Settings::Tab Editor::Tabs\');loadSettingsPage2(\'api/v2/page/settings_tab_editor_tabs\',\'#settings-tab-editor-tabs\',\'Tab Editor\');" role="presentation" class=""><a id="settings-tab-editor-tabs-anchor" href="#settings-tab-editor-tabs" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-layout-tab-v"></i></span><span class="hidden-xs" lang="en">Tabs</span></a>
-                            </li>
-                            <li onclick="changeSettingsMenu(\'Settings::Tab Editor::Categories\');loadSettingsPage2(\'api/v2/page/settings_tab_editor_categories\',\'#settings-tab-editor-categories\',\'Category Editor\');" role="presentation" class=""><a id="settings-tab-editor-categories-anchor" href="#settings-tab-editor-categories" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-layout-list-thumb"></i></span><span class="hidden-xs" lang="en">Categories</span></a>
-                            </li>
-                            <li onclick="changeSettingsMenu(\'Settings::Tab Editor::Homepage Items\');loadSettingsPage2(\'api/v2/page/settings_tab_editor_homepage\',\'#settings-tab-editor-homepage\',\'Homepage Items\');" role="presentation" class=""><a id="settings-tab-editor-homepage-anchor" href="#settings-tab-editor-homepage" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-home"></i></span><span class="hidden-xs" lang="en">Homepage Items</span></a>
-                            </li>
-                            <li onclick="changeSettingsMenu(\'Settings::Tab Editor::Homepage Order\');loadSettingsPage2(\'api/v2/page/settings_tab_editor_homepage_order\',\'#settings-tab-editor-homepage-order\',\'Homepage Order\');" role="presentation" class=""><a id="settings-tab-editor-homepage-order-anchor" href="#settings-tab-editor-homepage-order" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-exchange-vertical"></i></span><span class="hidden-xs" lang="en">Homepage Order</span></a>
-                            </li>
-                        </ul>
-                        <!-- Tab panes -->
-                        <div class="tab-content">
-                            <div role="tabpanel" class="tab-pane fade" id="settings-tab-editor-tabs">
-                                <h2 lang="en">Loading...</h2>
-                                <div class="clearfix"></div>
-                            </div>
-                            <div role="tabpanel" class="tab-pane fade" id="settings-tab-editor-categories">
-                                <h2 lang="en">Loading...</h2>
-                            </div>
-                            <div role="tabpanel" class="tab-pane fade" id="settings-tab-editor-homepage">
-                                <h2 lang="en">Loading...</h2>
-                            </div>
-                            <div role="tabpanel" class="tab-pane fade" id="settings-tab-editor-homepage-order">
-                                <h2 lang="en">Coming Soon...</h2>
-                            </div>
-                        </div>
-                    </section>
-                    <! -- Customize -->
-                    <section id="settings-main-customize">
-                        <ul class="nav customtab2 nav-tabs" role="tablist">
-                            <li onclick="changeSettingsMenu(\'Settings::Customize::Appearance\');loadSettingsPage2(\'api/v2/page/settings_customize_appearance\',\'#settings-customize-appearance\',\'Customize Appearance\');" role="presentation" class=""><a id="settings-customize-appearance-anchor" href="#settings-customize-appearance" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-eye"></i></span><span class="hidden-xs" lang="en">Appearance</span></a>
-                            </li>
-                            <li onclick="changeSettingsMenu(\'Settings::Customize::Marketplace\');loadMarketplace(\'themes\');" role="presentation" class=""><a id="settings-customize-marketplace-anchor" href="#settings-customize-marketplace" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-shopping-cart-full"></i></span><span class="hidden-xs" lang="en">Marketplace</span></a></li>
-                        </ul>
-                        <!-- Tab panes -->
-                        <div class="tab-content">
-                            <div role="tabpanel" class="tab-pane fade" id="settings-customize-appearance">
-                                <h2 lang="en">Loading...</h2>
-                                <div class="clearfix"></div>
-                            </div>
-                            <div role="tabpanel" class="tab-pane fade" id="settings-customize-marketplace">
+	<div class="row bg-title">
+		<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
+			<h4 class="page-title" lang="en">Organizr Settings</h4>
+		</div>
+		<div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
+			<ol id="settingsBreadcrumb" class="breadcrumb">
+				<li lang="en">Settings</li>
+				<li lang="en">Tab Editor</li>
+			</ol>
+		</div>
+		<!-- /.col-lg-12 -->
+	</div>
+	<!--.row-->
+	<div class="row">
+		<!-- Tab style start -->
+		<section class="">
+			<div class="sttabs sttabs-main-settings-div tabs-style-flip">
+				<nav>
+					<ul>
+						<li onclick="changeSettingsMenu(\'Settings::Tab Editor\')" id="settings-main-tab-editor-anchor"><a href="#settings-main-tab-editor" class="sticon ti-layout-tab-v"><span lang="en">Tab Editor</span></a></li>
+						<li onclick="changeSettingsMenu(\'Settings::Customize\')" id="settings-main-customize-anchor"><a href="#settings-main-customize" class="sticon ti-paint-bucket"><span lang="en">Customize</span></a></li>
+						<li onclick="changeSettingsMenu(\'Settings::User Management\')" id="settings-main-user-management-anchor"><a href="#settings-main-user-management" class="sticon ti-user"><span lang="en">User Management</span></a></li>
+						<li onclick="changeSettingsMenu(\'Settings::Image Manager\');loadSettingsPage2(\'api/v2/page/settings_image_manager\',\'#settings-image-manager-view\',\'Image Viewer\');" id="settings-main-image-manager-anchor"><a href="#settings-main-image-manager" class="sticon ti-image"><span lang="en">Image Manager</span></a></li>
+						<li onclick="changeSettingsMenu(\'Settings::Plugins\');loadSettingsPage2(\'api/v2/page/settings_plugins\',\'#settings-main-plugins\',\'Plugins\');" id="settings-main-plugins-anchor"><a href="#settings-main-plugins" class="sticon ti-plug"><span lang="en">Plugins</span></a></li>
+						<li onclick="changeSettingsMenu(\'Settings::System Settings\');authDebugCheck();" id="settings-main-system-settings-anchor"><a href="#settings-main-system-settings" class="sticon ti-settings"><span lang="en">System Settings</span></a></li>
+					</ul>
+				</nav>
+				<div class="content-wrap">
+					<! -- TAB EDITOR -->
+					<section id="settings-main-tab-editor">
+						<ul class="nav customtab2 nav-tabs" role="tablist">
+							<li onclick="changeSettingsMenu(\'Settings::Tab Editor::Tabs\');loadSettingsPage2(\'api/v2/page/settings_tab_editor_tabs\',\'#settings-tab-editor-tabs\',\'Tab Editor\');" role="presentation" class=""><a id="settings-tab-editor-tabs-anchor" href="#settings-tab-editor-tabs" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-layout-tab-v"></i></span><span class="hidden-xs" lang="en">Tabs</span></a>
+							</li>
+							<li onclick="changeSettingsMenu(\'Settings::Tab Editor::Categories\');loadSettingsPage2(\'api/v2/page/settings_tab_editor_categories\',\'#settings-tab-editor-categories\',\'Category Editor\');" role="presentation" class=""><a id="settings-tab-editor-categories-anchor" href="#settings-tab-editor-categories" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-layout-list-thumb"></i></span><span class="hidden-xs" lang="en">Categories</span></a>
+							</li>
+							<li onclick="changeSettingsMenu(\'Settings::Tab Editor::Homepage Items\');loadSettingsPage2(\'api/v2/page/settings_tab_editor_homepage\',\'#settings-tab-editor-homepage\',\'Homepage Items\');" role="presentation" class=""><a id="settings-tab-editor-homepage-anchor" href="#settings-tab-editor-homepage" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-home"></i></span><span class="hidden-xs" lang="en">Homepage Items</span></a>
+							</li>
+							<li onclick="changeSettingsMenu(\'Settings::Tab Editor::Homepage Order\');loadSettingsPage2(\'api/v2/page/settings_tab_editor_homepage_order\',\'#settings-tab-editor-homepage-order\',\'Homepage Order\');" role="presentation" class=""><a id="settings-tab-editor-homepage-order-anchor" href="#settings-tab-editor-homepage-order" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-exchange-vertical"></i></span><span class="hidden-xs" lang="en">Homepage Order</span></a>
+							</li>
+						</ul>
+						<!-- Tab panes -->
+						<div class="tab-content">
+							<div role="tabpanel" class="tab-pane fade" id="settings-tab-editor-tabs">
+								<h2 lang="en">Loading...</h2>
+								<div class="clearfix"></div>
+							</div>
+							<div role="tabpanel" class="tab-pane fade" id="settings-tab-editor-categories">
+								<h2 lang="en">Loading...</h2>
+							</div>
+							<div role="tabpanel" class="tab-pane fade" id="settings-tab-editor-homepage">
+								<h2 lang="en">Loading...</h2>
+							</div>
+							<div role="tabpanel" class="tab-pane fade" id="settings-tab-editor-homepage-order">
+								<h2 lang="en">Coming Soon...</h2>
+							</div>
+						</div>
+					</section>
+					<! -- Customize -->
+					<section id="settings-main-customize">
+						<ul class="nav customtab2 nav-tabs" role="tablist">
+							<li onclick="changeSettingsMenu(\'Settings::Customize::Appearance\');loadSettingsPage2(\'api/v2/page/settings_customize_appearance\',\'#settings-customize-appearance\',\'Customize Appearance\');" role="presentation" class=""><a id="settings-customize-appearance-anchor" href="#settings-customize-appearance" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-eye"></i></span><span class="hidden-xs" lang="en">Appearance</span></a>
+							</li>
+							<li onclick="changeSettingsMenu(\'Settings::Customize::Marketplace\');loadMarketplace(\'themes\');" role="presentation" class=""><a id="settings-customize-marketplace-anchor" href="#settings-customize-marketplace" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-shopping-cart-full"></i></span><span class="hidden-xs" lang="en">Marketplace</span></a></li>
+						</ul>
+						<!-- Tab panes -->
+						<div class="tab-content">
+							<div role="tabpanel" class="tab-pane fade" id="settings-customize-appearance">
+								<h2 lang="en">Loading...</h2>
+								<div class="clearfix"></div>
+							</div>
+							<div role="tabpanel" class="tab-pane fade" id="settings-customize-marketplace">
 								<div class="panel bg-org panel-info">
 									<div class="panel-heading">
 										<span lang="en">Theme Marketplace</span>
 									</div>
 									<div class="panel-wrapper collapse in" aria-expanded="true">
 										<div class="table-responsive">
-					                        <table class="table table-hover manage-u-table">
-					                            <thead>
-					                                <tr>
-					                                    <th width="70" class="text-center" lang="en">THEME</th>
-					                                    <th></th>
-					                                    <th lang="en">CATEGORY</th>
-					                                    <th lang="en">STATUS</th>
-					                                    <th lang="en" style="text-align:center">INFO</th>
-					                                    <th lang="en" style="text-align:center">INSTALL</th>
-					                                    <th lang="en" style="text-align:center">DELETE</th>
-					                                </tr>
-					                            </thead>
-					                            <tbody id="manageThemeTable"></tbody>
-					                        </table>
-					                    </div>
+											<table class="table table-hover manage-u-table">
+												<thead>
+													<tr>
+														<th width="70" class="text-center" lang="en">THEME</th>
+														<th></th>
+														<th lang="en">CATEGORY</th>
+														<th lang="en">STATUS</th>
+														<th lang="en" style="text-align:center">INFO</th>
+														<th lang="en" style="text-align:center">INSTALL</th>
+														<th lang="en" style="text-align:center">DELETE</th>
+													</tr>
+												</thead>
+												<tbody id="manageThemeTable"></tbody>
+											</table>
+										</div>
 									</div>
 								</div>
 							</div>
-                        </div>
-                    </section>
-                    <! -- USER MANAGEMENT -->
-                    <section id="settings-main-user-management">
-                        <ul class="nav customtab2 nav-tabs" role="tablist">
-                            <li onclick="changeSettingsMenu(\'Settings::User Management::Manage Users\');loadSettingsPage2(\'api/v2/page/settings_user_manage_users\',\'#settings-user-manage-users\',\'User Management\');" role="presentation" class=""><a id="settings-user-manage-users-anchor" href="#settings-user-manage-users" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-id-badge"></i></span><span class="hidden-xs" lang="en">Users</span></a>
-                            </li>
-                            <li onclick="changeSettingsMenu(\'Settings::User Management::Manage Groups\');loadSettingsPage2(\'api/v2/page/settings_user_manage_groups\',\'#settings-user-manage-groups\',\'Group Management\');" role="presentation" class=""><a id="settings-user-manage-groups-anchor" href="#settings-user-manage-groups" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-briefcase"></i></span><span class="hidden-xs" lang="en">Groups</span></a>
-                            </li>
-                            <li onclick="changeSettingsMenu(\'Settings::User Management::Import Users\');" role="presentation" class=""><a id="settings-user-import-users-anchor" href="#settings-user-import-users" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-import"></i></span><span class="hidden-xs" lang="en">Import</span></a>
-                            </li>
-                        </ul>
-                        <!-- Tab panes -->
-                        <div class="tab-content">
-                            <div role="tabpanel" class="tab-pane fade" id="settings-user-manage-users">
-                                <h2 lang="en">Loading...</h2>
-                                <div class="clearfix"></div>
-                            </div>
-                            <div role="tabpanel" class="tab-pane fade" id="settings-user-manage-groups">
-                                <h2 lang="en">Loading...</h2>
-                                <div class="clearfix"></div>
-                            </div>
-                            <div role="tabpanel" class="tab-pane fade" id="settings-user-import-users">
-                                ' . $Organizr->importUserButtons() . '
-                                <div class="clearfix"></div>
-                            </div>
-                        </div>
-                    </section>
-                    <! -- IMAGE MANAGER -->
-                    <section id="settings-main-image-manager">
-                        <!-- Tab panes -->
-                        <div class="tab-content">
-                            <div role="tabpanel" class="tab-pane fade active in" id="settings-image-manager-view">
-                                <h2 lang="en">Loading...</h2>
-                                <div class="clearfix"></div>
-                            </div>
-                        </div>
-                    </section>
-                    <! -- PLUGINS -->
-                    <section id="settings-main-plugins">
-                        <h2 lang="en">Plugins</h2>
-                    </section>
-                    <! -- SYSTEM SETTINGS -->
-                    <section id="settings-main-system-settings">
-                        <ul class="nav customtab2 nav-tabs" role="tablist">
-                            <li onclick="changeSettingsMenu(\'Settings::System Settings::About\')" role="presentation" class="active"><a id="settings-settings-about-anchor" href="#settings-settings-about" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="true"><span class="visible-xs"><i class="ti-info-alt"></i></span><span class="hidden-xs" lang="en">About</span></a>
-                            </li>
-                            <li onclick="changeSettingsMenu(\'Settings::System Settings::Main\');loadSettingsPage2(\'api/v2/page/settings_settings_main\',\'#settings-settings-main\',\'Main Settings\');" role="presentation" class=""><a id="settings-settings-main-anchor" href="#settings-settings-main" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-settings"></i></span><span class="hidden-xs" lang="en">Main</span></a>
-                            </li>
-                            <li onclick="changeSettingsMenu(\'Settings::System Settings::SSO\');loadSettingsPage2(\'api/v2/page/settings_settings_sso\',\'#settings-settings-sso\',\'SSO\');" role="presentation" class=""><a id="settings-settings-sso-anchor" href="#settings-settings-sso" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-key"></i></span><span class="hidden-xs" lang="en">Single Sign-On</span></a>
-                            </li>
-                            <li onclick="changeSettingsMenu(\'Settings::System Settings::Logs\');loadSettingsPage2(\'api/v2/page/settings_settings_logs\',\'#settings-settings-logs\',\'Log Viewer\');" role="presentation" class=""><a id="settings-settings-logs-anchor" href="#settings-settings-logs" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-receipt"></i></span><span class="hidden-xs" lang="en">Logs</span></a>
-                            </li>
-                            <li onclick="changeSettingsMenu(\'Settings::System Settings::Updates\')" role="presentation" class=""><a id="update-button" href="#settings-settings-updates" aria-controls="profile" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-package"></i></span> <span class="hidden-xs" lang="en">Updates</span></a>
-                            </li>
-                            <li onclick="changeSettingsMenu(\'Settings::System Settings::Backup\');loadSettingsPage2(\'api/v2/page/settings_settings_backup\',\'#settings-settings-backup\',\'Backup\');" role="presentation" class=""><a id="settings-settings-backup-anchor" href="#settings-settings-backup" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-export"></i></span><span class="hidden-xs" lang="en">Backup</span></a>
-                            </li>
-                            <li onclick="changeSettingsMenu(\'Settings::System Settings::Donate\')" role="presentation" class=""><a id="settings-settings-donate-anchor" href="#settings-settings-donate" aria-controls="profile" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-money"></i></span> <span class="hidden-xs" lang="en">Donate</span></a>
-                            </li>
-                        </ul>
-                        <!-- Tab panes -->
-                        <div class="tab-content">
-                            <div role="tabpanel" class="tab-pane fade" id="settings-settings-main">
-                                <h2 lang="en">Main Settings</h2>
-                                <div class="clearfix"></div>
-                            </div>
-                            <div role="tabpanel" class="tab-pane fade" id="settings-settings-sso">
-                                <h2 lang="en">Loading...</h2>
-                                <div class="clearfix"></div>
-                            </div>
-                            <div role="tabpanel" class="tab-pane fade" id="settings-settings-logs">
-                                <h2 lang="en">Loading...</h2>
-                                <div class="clearfix"></div>
-                            </div>
-                            <div role="tabpanel" class="tab-pane fade" id="settings-settings-backup">
-                                <h2 lang="en">Loading...</h2>
-                                <div class="clearfix"></div>
-                            </div>
-                            <div role="tabpanel" class="tab-pane fade active in" id="settings-settings-about">
-                            	<div class="row">
-	                                <div class="col-lg-12">
-							            <div class="panel panel-default">
+						</div>
+					</section>
+					<! -- USER MANAGEMENT -->
+					<section id="settings-main-user-management">
+						<ul class="nav customtab2 nav-tabs" role="tablist">
+							<li onclick="changeSettingsMenu(\'Settings::User Management::Manage Users\');loadSettingsPage2(\'api/v2/page/settings_user_manage_users\',\'#settings-user-manage-users\',\'User Management\');" role="presentation" class=""><a id="settings-user-manage-users-anchor" href="#settings-user-manage-users" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-id-badge"></i></span><span class="hidden-xs" lang="en">Users</span></a>
+							</li>
+							<li onclick="changeSettingsMenu(\'Settings::User Management::Manage Groups\');loadSettingsPage2(\'api/v2/page/settings_user_manage_groups\',\'#settings-user-manage-groups\',\'Group Management\');" role="presentation" class=""><a id="settings-user-manage-groups-anchor" href="#settings-user-manage-groups" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-briefcase"></i></span><span class="hidden-xs" lang="en">Groups</span></a>
+							</li>
+							<li onclick="changeSettingsMenu(\'Settings::User Management::Import Users\');" role="presentation" class=""><a id="settings-user-import-users-anchor" href="#settings-user-import-users" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-import"></i></span><span class="hidden-xs" lang="en">Import</span></a>
+							</li>
+						</ul>
+						<!-- Tab panes -->
+						<div class="tab-content">
+							<div role="tabpanel" class="tab-pane fade" id="settings-user-manage-users">
+								<h2 lang="en">Loading...</h2>
+								<div class="clearfix"></div>
+							</div>
+							<div role="tabpanel" class="tab-pane fade" id="settings-user-manage-groups">
+								<h2 lang="en">Loading...</h2>
+								<div class="clearfix"></div>
+							</div>
+							<div role="tabpanel" class="tab-pane fade" id="settings-user-import-users">
+								' . $Organizr->importUserButtons() . '
+								<div class="clearfix"></div>
+							</div>
+						</div>
+					</section>
+					<! -- IMAGE MANAGER -->
+					<section id="settings-main-image-manager">
+						<!-- Tab panes -->
+						<div class="tab-content">
+							<div role="tabpanel" class="tab-pane fade active in" id="settings-image-manager-view">
+								<h2 lang="en">Loading...</h2>
+								<div class="clearfix"></div>
+							</div>
+						</div>
+					</section>
+					<! -- PLUGINS -->
+					<section id="settings-main-plugins">
+						<h2 lang="en">Plugins</h2>
+					</section>
+					<! -- SYSTEM SETTINGS -->
+					<section id="settings-main-system-settings">
+						<select class="form-control settings-dropdown-box w-100 visible-xs">
+							<option value="#settings-settings-about-anchor">About</option>
+							<option value="#settings-settings-main-anchor">Main</option>
+							<option value="#settings-settings-sso-anchor">SSO</option>
+							<option value="#settings-settings-logs-anchor">Logs</option>
+							<option value="#update-button">Updates</option>
+							<option value="#settings-settings-backup-anchor">Backup</option>
+							<option value="#settings-settings-donate-anchor">Donate</option>
+						</select>
+						<ul class="nav customtab2 nav-tabs hidden-xs" role="tablist">
+							<li onclick="changeSettingsMenu(\'Settings::System Settings::About\')" role="presentation" class="active"><a id="settings-settings-about-anchor" href="#settings-settings-about" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="true"><span class="visible-xs"><i class="ti-info-alt"></i></span><span class="hidden-xs" lang="en">About</span></a>
+							</li>
+							<li onclick="changeSettingsMenu(\'Settings::System Settings::Main\');loadSettingsPage2(\'api/v2/page/settings_settings_main\',\'#settings-settings-main\',\'Main Settings\');" role="presentation" class=""><a id="settings-settings-main-anchor" href="#settings-settings-main" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-settings"></i></span><span class="hidden-xs" lang="en">Main</span></a>
+							</li>
+							<li onclick="changeSettingsMenu(\'Settings::System Settings::SSO\');loadSettingsPage2(\'api/v2/page/settings_settings_sso\',\'#settings-settings-sso\',\'SSO\');" role="presentation" class=""><a id="settings-settings-sso-anchor" href="#settings-settings-sso" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-key"></i></span><span class="hidden-xs" lang="en">Single Sign-On</span></a>
+							</li>
+							<li onclick="changeSettingsMenu(\'Settings::System Settings::Logs\');loadSettingsPage2(\'api/v2/page/settings_settings_logs\',\'#settings-settings-logs\',\'Log Viewer\');" role="presentation" class=""><a id="settings-settings-logs-anchor" href="#settings-settings-logs" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-receipt"></i></span><span class="hidden-xs" lang="en">Logs</span></a>
+							</li>
+							<li onclick="changeSettingsMenu(\'Settings::System Settings::Updates\')" role="presentation" class=""><a id="update-button" href="#settings-settings-updates" aria-controls="profile" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-package"></i></span> <span class="hidden-xs" lang="en">Updates</span></a>
+							</li>
+							<li onclick="changeSettingsMenu(\'Settings::System Settings::Backup\');loadSettingsPage2(\'api/v2/page/settings_settings_backup\',\'#settings-settings-backup\',\'Backup\');" role="presentation" class=""><a id="settings-settings-backup-anchor" href="#settings-settings-backup" aria-controls="home" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-export"></i></span><span class="hidden-xs" lang="en">Backup</span></a>
+							</li>
+							<li onclick="changeSettingsMenu(\'Settings::System Settings::Donate\')" role="presentation" class=""><a id="settings-settings-donate-anchor" href="#settings-settings-donate" aria-controls="profile" role="tab" data-toggle="tab" aria-expanded="false"><span class="visible-xs"><i class="ti-money"></i></span> <span class="hidden-xs" lang="en">Donate</span></a>
+							</li>
+						</ul>
+						<!-- Tab panes -->
+						<div class="tab-content">
+							<div role="tabpanel" class="tab-pane fade" id="settings-settings-main">
+								<h2 lang="en">Main Settings</h2>
+								<div class="clearfix"></div>
+							</div>
+							<div role="tabpanel" class="tab-pane fade" id="settings-settings-sso">
+								<h2 lang="en">Loading...</h2>
+								<div class="clearfix"></div>
+							</div>
+							<div role="tabpanel" class="tab-pane fade" id="settings-settings-logs">
+								<h2 lang="en">Loading...</h2>
+								<div class="clearfix"></div>
+							</div>
+							<div role="tabpanel" class="tab-pane fade" id="settings-settings-backup">
+								<h2 lang="en">Loading...</h2>
+								<div class="clearfix"></div>
+							</div>
+							<div role="tabpanel" class="tab-pane fade active in" id="settings-settings-about">
+								<div class="row">
+									<div class="col-lg-12">
+										<div class="panel panel-default">
 											<div class="panel-heading bg-org p-t-10 p-b-10">
 												<span class="pull-left m-t-5">
 													<img class="lazyload loginTitle" data-src="plugins/images/organizr/logo-no-border.png"> &nbsp;
@@ -211,182 +220,182 @@ function get_page_settings($Organizr)
 												</span>
 												<div class="clearfix"></div>
 											</div>
-							                <div class="panel-wrapper p-b-0 collapse in bg-org">
-							        			<div id="organizrNewsPanel"></div>
-							                </div>
-							            </div>
-							        </div>
-    							</div>
-    							<div class="row">
-    								<div class="col-lg-6 col-sm-12 col-md-6">
-    									<div class="panel bg-org">
-    										<div class="p-30">
-    											<div class="row">
-    												<div class="col-xs-12"><img src="plugins/images/organizr/logo-wide.png" alt="organizr" class="img-responsive"></div>
-    											</div>
-    										</div>
-    										<hr class="m-t-10">
-    										<div class="p-20 text-center">
-    											<p lang="en">Below you will find all the links for everything that has to do with Organizr</p>
-    										</div>
-    										<hr>
-    										<ul class="dp-table profile-social-icons">
-    											<li><a href="https://organizr.app" target="_blank"><i class="mdi mdi-web mdi-24px"></i></a></li>
-    											<li><a href="https://reddit.com/r/organizr" target="_blank"><i class="mdi mdi-reddit mdi-24px"></i></a></li>
-    											<li><a href="https://organizr.app/discord" target="_blank"><i class="mdi mdi-discord mdi-24px"></i></a></li>
-    											<li><a href="https://github.com/causefx/organizr" target="_blank"><i class="mdi mdi-github-box mdi-24px"></i></a></li>
-    										</ul>
-    										<hr>
-    										<a href="https://poeditor.com/join/project/T6l68hksTE" target="_blank">
-		                                        <div class="white-box bg-org">
-		                                            <h4 lang="en">Want to help translate?</h4>
-		                                            <p lang="en">Head on over to POEditor and help us translate Organizr into your language</p>
-		                                            <p lang="en">I will try and import new strings every Friday</p>
-		                                        </div>
-		                                    </a>
-    										
-    									</div>
-    								</div>
-                                    <div class="col-lg-6 col-sm-12 col-md-6">
-                                        <div class="white-box bg-org">
-                                            <h3 class="box-title" lang="en">Information</h3>
-                                            <ul class="feeds">
-                                                <li><div class="bg-info"><i class="mdi mdi-webpack mdi-24px text-white"></i></div><span class="text-muted hidden-xs m-t-10" lang="en">Organizr Version</span> ' . $Organizr->version . '</li>
-                                                <li><div class="bg-info"><i class="mdi mdi-github-box mdi-24px text-white"></i></div><span class="text-muted hidden-xs m-t-10" lang="en">Organizr Branch</span><a href="https://github.com/causefx/Organizr/commits/' . $Organizr->config['branch'] . '" target="_blank"> ' . $Organizr->config['branch'] . '</a></li>
-                                                <li><div class="bg-info"><i class="mdi mdi-database mdi-24px text-white"></i></div><span class="text-muted hidden-xs m-t-10" lang="en">Database Location</span> ' . $Organizr->config['dbLocation'] . $Organizr->config['dbName'] . '</li>
-                                                ' . $Organizr->settingsDocker() . $Organizr->settingsPathChecks() . '
-                                                <hr class="m-t-10">
-                                                <li><div class="bg-info"><i class="mdi mdi-language-php mdi-24px text-white"></i></div><span class="text-muted hidden-xs m-t-10" lang="en">PHP Version</span> ' . phpversion() . '</li>
-                                                <li><div class="bg-info"><i class="mdi mdi-package-variant-closed mdi-24px text-white"></i></div><span class="text-muted hidden-xs m-t-10" lang="en">Webserver Version</span> ' . $_SERVER['SERVER_SOFTWARE'] . '</li>
-                                                <hr class="m-t-10">
-                                                <li><div class="bg-info"><i class="mdi mdi-account-card-details mdi-24px text-white"></i></div><span class="text-muted hidden-xs m-t-10" lang="en">License</span> ' . ucwords($Organizr->config['license']) . '</li>
-                                            </ul>
-                                        </div>
-                                    </div>
-    							</div>
-    							<div class="row">
-	                                <div class="col-lg-12">
-							            <div class="panel panel-default">
+											<div class="panel-wrapper p-b-0 collapse in bg-org">
+												<div id="organizrNewsPanel"></div>
+											</div>
+										</div>
+									</div>
+								</div>
+								<div class="row">
+									<div class="col-lg-6 col-sm-12 col-md-6">
+										<div class="panel bg-org">
+											<div class="p-30">
+												<div class="row">
+													<div class="col-xs-12"><img src="plugins/images/organizr/logo-wide.png" alt="organizr" class="img-responsive"></div>
+												</div>
+											</div>
+											<hr class="m-t-10">
+											<div class="p-20 text-center">
+												<p lang="en">Below you will find all the links for everything that has to do with Organizr</p>
+											</div>
+											<hr>
+											<ul class="dp-table profile-social-icons">
+												<li><a href="https://organizr.app" target="_blank"><i class="mdi mdi-web mdi-24px"></i></a></li>
+												<li><a href="https://reddit.com/r/organizr" target="_blank"><i class="mdi mdi-reddit mdi-24px"></i></a></li>
+												<li><a href="https://organizr.app/discord" target="_blank"><i class="mdi mdi-discord mdi-24px"></i></a></li>
+												<li><a href="https://github.com/causefx/organizr" target="_blank"><i class="mdi mdi-github-box mdi-24px"></i></a></li>
+											</ul>
+											<hr>
+											<a href="https://poeditor.com/join/project/T6l68hksTE" target="_blank">
+												<div class="white-box bg-org">
+													<h4 lang="en">Want to help translate?</h4>
+													<p lang="en">Head on over to POEditor and help us translate Organizr into your language</p>
+													<p lang="en">I will try and import new strings every Friday</p>
+												</div>
+											</a>
+											
+										</div>
+									</div>
+									<div class="col-lg-6 col-sm-12 col-md-6">
+										<div class="white-box bg-org">
+											<h3 class="box-title" lang="en">Information</h3>
+											<ul class="feeds">
+												<li><div class="bg-info"><i class="mdi mdi-webpack mdi-24px text-white"></i></div><span class="text-muted hidden-xs m-t-10" lang="en">Organizr Version</span> ' . $Organizr->version . '</li>
+												<li><div class="bg-info"><i class="mdi mdi-github-box mdi-24px text-white"></i></div><span class="text-muted hidden-xs m-t-10" lang="en">Organizr Branch</span><a href="https://github.com/causefx/Organizr/commits/' . $Organizr->config['branch'] . '" target="_blank"> ' . $Organizr->config['branch'] . '</a></li>
+												<li><div class="bg-info"><i class="mdi mdi-database mdi-24px text-white"></i></div><span class="text-muted hidden-xs m-t-10" lang="en">Database Location</span> ' . $Organizr->config['dbLocation'] . $Organizr->config['dbName'] . '</li>
+												' . $Organizr->settingsDocker() . $Organizr->settingsPathChecks() . '
+												<hr class="m-t-10">
+												<li><div class="bg-info"><i class="mdi mdi-language-php mdi-24px text-white"></i></div><span class="text-muted hidden-xs m-t-10" lang="en">PHP Version</span> ' . phpversion() . '</li>
+												<li><div class="bg-info"><i class="mdi mdi-package-variant-closed mdi-24px text-white"></i></div><span class="text-muted hidden-xs m-t-10" lang="en">Webserver Version</span> ' . $_SERVER['SERVER_SOFTWARE'] . '</li>
+												<hr class="m-t-10">
+												<li><div class="bg-info"><i class="mdi mdi-account-card-details mdi-24px text-white"></i></div><span class="text-muted hidden-xs m-t-10" lang="en">License</span> ' . ucwords($Organizr->config['license']) . '</li>
+											</ul>
+										</div>
+									</div>
+								</div>
+								<div class="row">
+									<div class="col-lg-12">
+										<div class="panel panel-default">
 											<div class="panel-heading bg-org p-t-10 p-b-10">
 												<span class="pull-left m-t-5"><span lang="en">Sponsors</span></span>
 												<div class="clearfix"></div>
 											</div>
-							                <div class="panel-wrapper p-b-0 collapse in bg-org">
-							                	<div id="sponsorList" class="owl-carousel owl-theme sponsor-items"></div>
-							        			<div id="sponsorListModals"></div>
-							                </div>
-							            </div>
-							        </div>
-    							</div>
-    							<div class="row">
-    							    <div class="col-lg-12">
-    							        <div class="panel panel-default">
+											<div class="panel-wrapper p-b-0 collapse in bg-org">
+												<div id="sponsorList" class="owl-carousel owl-theme sponsor-items"></div>
+												<div id="sponsorListModals"></div>
+											</div>
+										</div>
+									</div>
+								</div>
+								<div class="row">
+									<div class="col-lg-12">
+										<div class="panel panel-default">
 											<div class="panel-heading bg-org p-t-10 p-b-10">
 												<span class="pull-left m-t-5"><span lang="en">Backers</span></span>
 												<div class="clearfix"></div>
 											</div>
-							                <div class="panel-wrapper p-b-0 collapse in bg-org">
-							                	<div id="backersList" class="owl-carousel owl-theme backers-items"></div>
-							                </div>
-							            </div>
-                                    </div>
-    							</div>
-                                <div class="clearfix"></div>
-                            </div>
-                            <div role="tabpanel" class="tab-pane fade" id="settings-settings-donate">
-                                <div class="col-lg-12">
-                                    <div class="white-box bg-org">
-                                        <ul class="nav nav-tabs tabs customtab">
-                                            <li class="tab active">
-                                                <a href="#donate-github" data-toggle="tab" aria-expanded="true"> <span class=""><i class="fa fa-github text-warning"></i></span> <span class="hidden-xs" lang="en">Github Sponsor</span> </a>
-                                            </li>
-                                            <li class="tab">
-                                                <a href="#donate-paypal" data-toggle="tab" aria-expanded="true"> <span class=""><i class="fa fa-paypal text-info"></i></span> <span class="hidden-xs" lang="en">PayPal</span> </a>
-                                            </li>
-                                            <li class="tab">
-                                                <a href="#donate-square" data-toggle="tab" aria-expanded="false"> <span class=""><i class="fa mdi mdi-square-inc-cash mdi-18px text-success"></i></span> <span class="hidden-xs" lang="en">Square Cash</span> </a>
-                                            </li>
-                                            <li class="tab">
-                                                <a href="#donate-crypto" data-toggle="tab" aria-expanded="false"> <span class=""><i class="fa mdi mdi-coin mdi-18px text-info"></i></span> <span class="hidden-xs" lang="en">Cryptos</span> </a>
-                                            </li>
-                                            <li class="tab">
-                                                <a href="#donate-patreon" data-toggle="tab" aria-expanded="false"> <span class=""><i class="fa mdi mdi-account-multiple mdi-18px text-danger"></i></span> <span class="hidden-xs" lang="en">Patreon</span> </a>
-                                            </li>
-                                            <li class="tab">
-                                                <a href="#donate-open-collective" data-toggle="tab" aria-expanded="false"> <span class=""><i class="fa fa-circle-o-notch text-primary"></i></span> <span class="hidden-xs" lang="en">Open Collective</span> </a>
-                                            </li>
-                                            <li class="tab">
-                                                <a href="#donate-ads" data-toggle="tab" aria-expanded="false"> <span class=""><i class="fa mdi mdi-google mdi-18px text-danger"></i></span> <span class="hidden-xs" lang="en">Google Ads</span> </a>
-                                            </li>
-                                        </ul>
-                                        <div class="tab-content">
-                                        	<div class="tab-pane active" id="donate-github">
-                                                <blockquote>Want to show support on Github?  Sponsor me :)<br/>Please click the button to continue.</blockquote>
-                                                <button onclick="window.open(\'https://github.com/sponsors/causefx\', \'_blank\')" class="btn btn-primary btn-rounded waves-effect waves-light" type="button"><span class="btn-label"><i class="fa fa-link"></i></span><span lang="en">Continue To Website</span></button>
-                                            </div>
-                                            <div class="tab-pane" id="donate-paypal">
-                                                <blockquote>I have chosen to go with PayPal Pools so everyone can see how much people have donated.<br/>Please click the button to continue.</blockquote>
-                                                <button onclick="window.open(\'https://paypal.me/pools/c/83JNaMBESR\', \'_blank\')" class="btn btn-primary btn-rounded waves-effect waves-light" type="button"><span class="btn-label"><i class="fa fa-link"></i></span><span lang="en">Continue To Website</span></button>
-                                            </div>
-                                            <div class="tab-pane" id="donate-square">
-                                                <blockquote>If you use the Square Cash App, you can donate with that if you like.<br/>Please click the button to continue.</blockquote>
-                                                <button onclick="window.open(\'https://cash.me/$CauseFX\', \'_blank\')" class="btn btn-primary btn-rounded waves-effect waves-light" type="button"><span class="btn-label"><i class="fa fa-link"></i></span><span lang="en">Continue To Website</span></button>
-                                            </div>
-                                            <div class="tab-pane" id="donate-crypto">
-                                                <blockquote>Want to donate a small amount of Crypto?.<br/>Please use the QR Code or Wallet ID.</blockquote>
-                                                <div class="col-lg-4 col-xs-12">
-                                                    <div class="lazyload qr-code" data-src="plugins/images/Bitcoin_QR_code.png"></div>
-                                                    <div class="clearfix"></div>
-                                                    <code>18dNtPKgor6pV5DJhYNqFxLJJ2BKugo4K9</code>
-                                                </div>
-                                                <div class="col-lg-4 col-xs-12">
-                                                    <div class="lazyload qr-code" data-src="plugins/images/Litecoin_QR_code.png"></div>
-                                                    <div class="clearfix"></div>
-                                                    <code>LejRxt8huhFGpVrp7TM43VSstrzKGxf8Cj</code>
-                                                </div>
-                                                <div class="col-lg-4 col-xs-12">
-                                                    <div class="lazyload qr-code" data-src="plugins/images/Ethereum_QR_code.png"></div>
-                                                    <div class="clearfix"></div>
-                                                    <code>0x605b678761af62C02Fe0fA86A99053D666dF5d6f</code>
-                                                </div>
-                                                <div class="clearfix"></div>
-                                            </div>
-                                            <div class="tab-pane" id="donate-patreon">
-                                                <blockquote>Need specialized support or just want to support Organizr?  If so head to Patreon...<br/>Please click the button to continue.</blockquote>
-                                                <button onclick="window.open(\'https://www.patreon.com/join/organizr?\', \'_blank\')" class="btn btn-primary btn-rounded waves-effect waves-light" type="button"><span class="btn-label"><i class="fa fa-link"></i></span><span lang="en">Continue To Website</span></button>
-                                            </div>
-                                            <div class="tab-pane" id="donate-open-collective">
-                                                <blockquote>Need specialized support or just want to support Organizr?  If so head to Open Collective...<br/>Please click the button to continue.</blockquote>
-                                                <button onclick="window.open(\'https://opencollective.com/organizr\', \'_blank\')" class="btn btn-primary btn-rounded waves-effect waves-light" type="button"><span class="btn-label"><i class="fa fa-link"></i></span><span lang="en">Continue To Website</span></button>
-                                            </div>
-                                            <div class="tab-pane" id="donate-ads">
-                                                <blockquote>Money not an option?  No problem.  Show some love to this Google Ad below:</blockquote>
-                                                 <button onclick="window.open(\'https://organizr.app/ads/google.html\', \'_blank\')" class="btn btn-primary btn-rounded waves-effect waves-light" type="button"><span class="btn-label"><i class="fa fa-link"></i></span><span lang="en">Continue To Website</span></button>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="clearfix"></div>
-                            </div>
-                            <div role="tabpanel" class="tab-pane fade" id="settings-settings-updates">
-                                <div id="githubVersions"></div>
-                                <div class="clearfix"></div>
-                            </div>
-                        </div>
-                    </section>
-                </div>
-                <!-- /content -->
-            </div>
-            <!-- /tabs -->
-        </section>
-    </div>
-    <!--./row-->
+											<div class="panel-wrapper p-b-0 collapse in bg-org">
+												<div id="backersList" class="owl-carousel owl-theme backers-items"></div>
+											</div>
+										</div>
+									</div>
+								</div>
+								<div class="clearfix"></div>
+							</div>
+							<div role="tabpanel" class="tab-pane fade" id="settings-settings-donate">
+								<div class="col-lg-12">
+									<div class="white-box bg-org">
+										<ul class="nav nav-tabs tabs customtab">
+											<li class="tab active">
+												<a href="#donate-github" data-toggle="tab" aria-expanded="true"> <span class=""><i class="fa fa-github text-warning"></i></span> <span class="hidden-xs" lang="en">Github Sponsor</span> </a>
+											</li>
+											<li class="tab">
+												<a href="#donate-paypal" data-toggle="tab" aria-expanded="true"> <span class=""><i class="fa fa-paypal text-info"></i></span> <span class="hidden-xs" lang="en">PayPal</span> </a>
+											</li>
+											<li class="tab">
+												<a href="#donate-square" data-toggle="tab" aria-expanded="false"> <span class=""><i class="fa mdi mdi-square-inc-cash mdi-18px text-success"></i></span> <span class="hidden-xs" lang="en">Square Cash</span> </a>
+											</li>
+											<li class="tab">
+												<a href="#donate-crypto" data-toggle="tab" aria-expanded="false"> <span class=""><i class="fa mdi mdi-coin mdi-18px text-info"></i></span> <span class="hidden-xs" lang="en">Cryptos</span> </a>
+											</li>
+											<li class="tab">
+												<a href="#donate-patreon" data-toggle="tab" aria-expanded="false"> <span class=""><i class="fa mdi mdi-account-multiple mdi-18px text-danger"></i></span> <span class="hidden-xs" lang="en">Patreon</span> </a>
+											</li>
+											<li class="tab">
+												<a href="#donate-open-collective" data-toggle="tab" aria-expanded="false"> <span class=""><i class="fa fa-circle-o-notch text-primary"></i></span> <span class="hidden-xs" lang="en">Open Collective</span> </a>
+											</li>
+											<li class="tab">
+												<a href="#donate-ads" data-toggle="tab" aria-expanded="false"> <span class=""><i class="fa mdi mdi-google mdi-18px text-danger"></i></span> <span class="hidden-xs" lang="en">Google Ads</span> </a>
+											</li>
+										</ul>
+										<div class="tab-content">
+											<div class="tab-pane active" id="donate-github">
+												<blockquote>Want to show support on Github?  Sponsor me :)<br/>Please click the button to continue.</blockquote>
+												<button onclick="window.open(\'https://github.com/sponsors/causefx\', \'_blank\')" class="btn btn-primary btn-rounded waves-effect waves-light" type="button"><span class="btn-label"><i class="fa fa-link"></i></span><span lang="en">Continue To Website</span></button>
+											</div>
+											<div class="tab-pane" id="donate-paypal">
+												<blockquote>I have chosen to go with PayPal Pools so everyone can see how much people have donated.<br/>Please click the button to continue.</blockquote>
+												<button onclick="window.open(\'https://paypal.me/pools/c/83JNaMBESR\', \'_blank\')" class="btn btn-primary btn-rounded waves-effect waves-light" type="button"><span class="btn-label"><i class="fa fa-link"></i></span><span lang="en">Continue To Website</span></button>
+											</div>
+											<div class="tab-pane" id="donate-square">
+												<blockquote>If you use the Square Cash App, you can donate with that if you like.<br/>Please click the button to continue.</blockquote>
+												<button onclick="window.open(\'https://cash.me/$CauseFX\', \'_blank\')" class="btn btn-primary btn-rounded waves-effect waves-light" type="button"><span class="btn-label"><i class="fa fa-link"></i></span><span lang="en">Continue To Website</span></button>
+											</div>
+											<div class="tab-pane" id="donate-crypto">
+												<blockquote>Want to donate a small amount of Crypto?.<br/>Please use the QR Code or Wallet ID.</blockquote>
+												<div class="col-lg-4 col-xs-12">
+													<div class="lazyload qr-code" data-src="plugins/images/Bitcoin_QR_code.png"></div>
+													<div class="clearfix"></div>
+													<code>18dNtPKgor6pV5DJhYNqFxLJJ2BKugo4K9</code>
+												</div>
+												<div class="col-lg-4 col-xs-12">
+													<div class="lazyload qr-code" data-src="plugins/images/Litecoin_QR_code.png"></div>
+													<div class="clearfix"></div>
+													<code>LejRxt8huhFGpVrp7TM43VSstrzKGxf8Cj</code>
+												</div>
+												<div class="col-lg-4 col-xs-12">
+													<div class="lazyload qr-code" data-src="plugins/images/Ethereum_QR_code.png"></div>
+													<div class="clearfix"></div>
+													<code>0x605b678761af62C02Fe0fA86A99053D666dF5d6f</code>
+												</div>
+												<div class="clearfix"></div>
+											</div>
+											<div class="tab-pane" id="donate-patreon">
+												<blockquote>Need specialized support or just want to support Organizr?  If so head to Patreon...<br/>Please click the button to continue.</blockquote>
+												<button onclick="window.open(\'https://www.patreon.com/join/organizr?\', \'_blank\')" class="btn btn-primary btn-rounded waves-effect waves-light" type="button"><span class="btn-label"><i class="fa fa-link"></i></span><span lang="en">Continue To Website</span></button>
+											</div>
+											<div class="tab-pane" id="donate-open-collective">
+												<blockquote>Need specialized support or just want to support Organizr?  If so head to Open Collective...<br/>Please click the button to continue.</blockquote>
+												<button onclick="window.open(\'https://opencollective.com/organizr\', \'_blank\')" class="btn btn-primary btn-rounded waves-effect waves-light" type="button"><span class="btn-label"><i class="fa fa-link"></i></span><span lang="en">Continue To Website</span></button>
+											</div>
+											<div class="tab-pane" id="donate-ads">
+												<blockquote>Money not an option?  No problem.  Show some love to this Google Ad below:</blockquote>
+												 <button onclick="window.open(\'https://organizr.app/ads/google.html\', \'_blank\')" class="btn btn-primary btn-rounded waves-effect waves-light" type="button"><span class="btn-label"><i class="fa fa-link"></i></span><span lang="en">Continue To Website</span></button>
+											</div>
+										</div>
+									</div>
+								</div>
+								<div class="clearfix"></div>
+							</div>
+							<div role="tabpanel" class="tab-pane fade" id="settings-settings-updates">
+								<div id="githubVersions"></div>
+								<div class="clearfix"></div>
+							</div>
+						</div>
+					</section>
+				</div>
+				<!-- /content -->
+			</div>
+			<!-- /tabs -->
+		</section>
+	</div>
+	<!--./row-->
 </div>
 <!-- /.container-fluid -->
 <form id="about-theme-form" class="mfp-hide white-popup-block mfp-with-anim">
-    <h2 id="about-theme-title">Loading...</h2>
-    <div class="clearfix"></div>
-    <div id="about-theme-body" class=""></div>
+	<h2 id="about-theme-title">Loading...</h2>
+	<div class="clearfix"></div>
+	<div id="about-theme-body" class=""></div>
 </form>
 <div id="editHomepageItemDiv"><div id="editHomepageItem" class=""></div></div>
 ';

js/custom.js

@@ -1881,4 +1881,10 @@ $(document).on('change', '[id*=-form-chooseI]', function (e) {
 	if(newValue !== 'Select or type Icon'){
 		$('#'+pasteId).val(newValue);
 	}
+});
+// SETTINGS DROPDOWN CHANGE
+$(document).on("change", ".settings-dropdown-box", function () {
+	let id = $(this).val();
+	$(id).click();
+	console.log(id);
 });