Browse Source

add ability to create start tab (selfcreated)

REJack 4 years ago
parent
commit
a2ace385cd
2 changed files with 8 additions and 0 deletions
  1. 5 0
      build/js/IFrame.js
  2. 3 0
      build/scss/pages/_iframe.scss

+ 5 - 0
build/js/IFrame.js

@@ -29,6 +29,7 @@ const SELECTOR_TAB_NAVBAR_NAV_ITEM = `${SELECTOR_TAB_NAVBAR_NAV} .nav-item`
 const SELECTOR_TAB_CONTENT = `${SELECTOR_DATA_TOGGLE}.iframe-mode .tab-content`
 const SELECTOR_TAB_CONTENT = `${SELECTOR_DATA_TOGGLE}.iframe-mode .tab-content`
 const SELECTOR_TAB_EMPTY = `${SELECTOR_TAB_CONTENT} .tab-empty`
 const SELECTOR_TAB_EMPTY = `${SELECTOR_TAB_CONTENT} .tab-empty`
 const SELECTOR_TAB_LOADING = `${SELECTOR_TAB_CONTENT} .tab-loading`
 const SELECTOR_TAB_LOADING = `${SELECTOR_TAB_CONTENT} .tab-loading`
+const SELECTOR_TAB_PANE = `${SELECTOR_TAB_CONTENT} .tab-pane`
 const SELECTOR_SIDEBAR_MENU_ITEM = '.main-sidebar .nav-item > a.nav-link'
 const SELECTOR_SIDEBAR_MENU_ITEM = '.main-sidebar .nav-item > a.nav-link'
 const SELECTOR_SIDEBAR_SEARCH_ITEM = '.sidebar-search-results .list-group-item'
 const SELECTOR_SIDEBAR_SEARCH_ITEM = '.sidebar-search-results .list-group-item'
 const SELECTOR_HEADER_MENU_ITEM = '.main-header .nav-item a.nav-link'
 const SELECTOR_HEADER_MENU_ITEM = '.main-header .nav-item a.nav-link'
@@ -206,6 +207,10 @@ class IFrame {
     if (window.frameElement && this._config.autoIframeMode) {
     if (window.frameElement && this._config.autoIframeMode) {
       $('body').addClass(CLASS_NAME_IFRAME_MODE)
       $('body').addClass(CLASS_NAME_IFRAME_MODE)
     } else if ($(SELECTOR_CONTENT_WRAPPER).hasClass(CLASS_NAME_IFRAME_MODE)) {
     } else if ($(SELECTOR_CONTENT_WRAPPER).hasClass(CLASS_NAME_IFRAME_MODE)) {
+      if ($(SELECTOR_TAB_CONTENT).children().length > 2) {
+        $(`${SELECTOR_TAB_PANE}:first-child`).show()
+      }
+
       this._setupListeners()
       this._setupListeners()
       this._fixHeight(true)
       this._fixHeight(true)
     }
     }

+ 3 - 0
build/scss/pages/_iframe.scss

@@ -32,6 +32,9 @@ body.iframe-mode-fullscreen {
     .tab-content {
     .tab-content {
       position: relative;
       position: relative;
     }
     }
+    .tab-pane + .tab-empty {
+      display: none;
+    }
     .tab-empty {
     .tab-empty {
       width: 100%;
       width: 100%;
       display: flex;
       display: flex;