jQuery-3, Bootstrap-4, FontAwesome-4.7, Select2-4, remove popup windows

2 files changed, 273 insertions, 26 deletions

diff --git a/themes/_custom/css-1.7.8/style.css b/themes/_custom/css-1.7.8/style.css
new file mode 100644
index 0000000000..a18c7e7dac
--- /dev/null
+++ b/themes/_custom/css-1.7.8/style.css
@@ -0,0 +1,263 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2017 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* Template for a custom theme */
+
+/*
+ * Any element that is loaded dynamically has the class wt-ajax-load.
+ * We can provide a "loading" placeholder for empty elements with this class.
+ */
+.wt-ajax-load:empty {
+}
+
+/*
+ * Icons use FontAwesome by default, but have additional classes to
+ * allow them to be overridden
+ *
+ * .wt-icon-preferences
+ */
+
+/*
+ * Pages have the following high-level structure:
+ *
+ * wt-global
+ * +---wt-header-wrapper
+ *     +---wt-header-container
+ *     |   +---wt-header-content
+ *     |       +---wt-accessibility-links
+ *     |       +---wt-site-logo
+ *     |       +---wt-site-title
+ *     |       +---wt-header-search
+ *     |       |   +---wt-header-search-form
+ *     |       +---wt-secondary-navigation
+ *     |       |   +---wt-secondary-menu
+ *     |       +---wt-primary-navigation
+ *     |           +---wt-primary-menu
+ *     +---wt-main-container
+ *     |   +---wt-main-content
+ *     |       +---wt-messages
+ *     |       +---wt-page-title
+ *     |       +---wt-page-options wt-page-options-xxxxx
+ *     |       +---wt-page-content
+ *     +---wt-footer-container
+ *         +---wt-footer-content
+ *             +---wt-contact-links
+ *             +---wt-powered-by-webtrees
+ *             +---wt-page-views
+ *             +---wt-cookie-warning
+ */
+
+/*
+ * The home/my pages
+ *
+ * wt-home-page / wt-my-page
+ * +---wt-main-blocks
+ * |   +---wt-block, wt-block-AAA
+ * |   +---wt-block, wt-block-BBB
+ * |   +---wt-block, wt-block-CCC
+ * +---wt-side-blocks
+ *     +---wt-block, wt-block-XXX
+ *     +---wt-block, wt-block-YYY
+ *     +---wt-block, wt-block-ZZZ
+ *
+ * Each block as the structure
+ * wt-block, wt-block-XXX
+ * +---wt-block-header, wt-block-header-XXX
+ * +---wt-block-content, wt-block-content-XXX
+ */
+
+/*
+ * Pending changes page
+ *
+ * wt-pending-changes-page
+ */
+
+/*
+ * Edit genealogy data page
+ *
+ * wt-edit-page, wt-edit-XXXX-page
+ */
+
+/*
+ * Configure home/my page blocks page
+ *
+ * wt-edit-blocks-page
+ */
+
+/*
+ * Login page
+ *
+ * wt-login-page
+ */
+
+/*
+ * Ancestors chart
+ *
+ * wt-chart, wt-ancestors-chart
+ * +---wt-ancestors-chart-list
+ *     +---wt-ancestors-chart-list-item
+ */
+
+/*
+ * Compact chart
+ *
+ * wt-chart, wt-compact-chart
+ */
+
+/*
+ * Descendants chart
+ *
+ * wt-chart, wt-descendants-chart
+ * +---wt-descendants-chart-list
+ *     +---wt-descendants-chart-list-item
+ */
+
+/*
+ * Family book chart
+ *
+ * wt-chart, wt-family-book-chart
+ */
+
+/*
+ * Fan chart
+ *
+ * wt-chart, wt-fan-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-hourglass-chart
+ */
+
+/*
+ * Hourglass chart
+ *
+ * wt-chart, wt-interactive-tree
+ */
+
+/*
+ * Lifespans chart
+ *
+ * wt-chart, wt-lifespans-chart
+ */
+
+/*
+ * Pedigree chart
+ *
+ * wt-chart, wt-pedigree-chart
+ */
+
+/*
+ * Pedigree map
+ *
+ * wt-chart, wt-pedigree-map
+ */
+
+/*
+ * Relationships chart
+ *
+ * wt-chart, wt-relationships-chart
+ */
+
+/*
+ * Statistics chart
+ *
+ * wt-chart, wt-statistics-chart
+ */
+
+/*
+ * Timeline chart
+ *
+ * wt-chart, wt-timeline-chart
+ */
+
+/*
+ * Family list
+ *
+ * wt-list, wt-individual-list
+ * +---wt-initials, wt-surname-initials
+ *     +---wt-initial, wt-surname-initial
+ * +---wt-initials, wt-given-name-initials
+ *     +---wt-initial, wt-given-name-initial
+ */
+
+/*
+ * Individual list
+ *
+ * wt-list, wt-individual-list
+ * +---wt-initials, wt-surname-initials
+ *     +---wt-initial, wt-surname-initial
+ * +---wt-initials, wt-given-name-initials
+ *     +---wt-initial, wt-given-name-initial
+ */
+
+/*
+ * Media object list
+ *
+ * wt-list, wt-media-list
+ */
+
+/*
+ * Note object list
+ *
+ * wt-list, wt-note-list
+ */
+
+/*
+ * Source list
+ *
+ * wt-list, wt-source-list
+ */
+
+/*
+ * Repository list
+ *
+ * wt-list, wt-repository-list
+ */
+
+/*
+ * Branches list
+ *
+ * wt-branches-page
+ */
+
+/*
+ * Place hierarchy
+ *
+ * wt-place-hierarchy-page
+ */
+
+/*
+ * Calendar
+ *
+ * wt-calendar-page
+ */
+
+/*
+ * Reports
+ *
+ * wt-reports-page
+ */
+
+/*
+ * Search
+ *
+ * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page
+ */
+
+
+
+
diff --git a/themes/_custom/theme.php b/themes/_custom/theme.php
index aa85871f45..8cf6f03672 100644
--- a/themes/_custom/theme.php
+++ b/themes/_custom/theme.php
@@ -19,37 +19,22 @@ use Fisharebest\Webtrees\Menu;
 use Fisharebest\Webtrees\Theme\WebtreesTheme;
 
 /**
- * Class CustomTheme - This is a template showing how to create a custom theme.
+ * Class MyTheme - This is a template showing how to create a custom theme.
  *
  * Since theme folders beginning with an underscore are reserved for special
  * use, you should copy this entire folder ("themes/_custom") to a new name.
- * For example, "themes/custom". You should also rename the class.
+ * For example, "themes/mytheme". You should also rename the class.
  *
  * In this example, we are extending the webtrees theme, but you could
  * also extend any of the core themes, or even the base theme.
- *
- * Only the first two functions are required: themeId() and themeName().
- * The rest are just examples, and should be removed in actual themes.
  */
 class MyTheme extends WebtreesTheme {
-	/**
-	 * Give your theme a unique identifier. Themes beginning with an underscore
-	 * are reserved for internal use.
-	 *
-	 * {@inheritdoc}
-	 */
-	public function themeId() {
-		return '_custom';
-	}
+	// The ID (and folder) for your theme.
+	const THEME_DIR = '_custom';
 
 	/**
 	 * Give your theme a name. This is shown to the users.
 	 * Use HTML entities where appropriate. e.g. “Black &amp; white”.
-	 *
-	 * You could use switch($this->locale) {} to provide a translated versions
-	 * of the theme name.
-	 *
-	 * {@inheritdoc}
 	 */
 	public function themeName() {
 		return 'Custom theme';
@@ -58,14 +43,13 @@ class MyTheme extends WebtreesTheme {
 	/**
 	 * This is an example function which shows how to add an additional CSS file to the theme.
 	 *
-	 * {@inheritdoc}
+	 * @return string[]
 	 */
-	public function stylesheets() {
-		$css_files   = parent::stylesheets();
-		// Put a version number in the URL, to prevent browsers from caching old versions.
-		$css_files[] = WT_BASE_URL . 'themes/_custom/custom-v1.0.css';
-
-		return $css_files;
+	protected function stylesheets() {
+		return array_merge(parent::stylesheets(), [
+			// Put a version number in the URL, for efficient browser caching.
+			WT_BASE_URL . 'themes/' . self::THEME_DIR . '/css-1.0.0/style.css',
+		]);
 	}
 
 	/**