Add files via upload

ytm15 · Dec 6, 2024 · 4e36dbb · 4e36dbb
1 parent e64c856
commit 4e36dbb
Show file tree

Hide file tree

Showing 5 changed files with 66 additions and 3 deletions.
diff --git a/app/2015YTm.css b/app/2015YTm.css
@@ -4051,7 +4051,7 @@ html.style-2013 {
     margin-left: 0;
 }
 .style-2013 .ytm15Searchbox {
-    margin-left: 0;
+    margin-left: 4px;
 }
 .style-2013 .searching-overlay {
     background-color: transparent;
@@ -4531,9 +4531,31 @@ html.style-2013 {
 .style-2013 .ytm15-video-owner {
     padding: 11px;
 }
+.style-2013 .searchbox-dropdown {
+    background-color: #f1f1f1;
+    left: 23px;
+    right: 54px;
+    max-height: calc(100vh - 55px);
+    box-shadow: 0px 2px 7px 0 rgba(0, 0, 0, 0.4);
+    border-radius: 2px;
+    max-width: 434px;
+}
 .style-2013 .shorter .searchbox-dropdown {
     top: 46px;
-    max-height: calc(100vh - 46px);
+    max-height: calc(100vh - 55px);
+}
+.style-2013 .searchbox-form {
+    max-width: 400px;
+}
+.style-2013 .ytm15-header[data-mode="searching"]>.not-search-mode {
+    display: flex;
+    flex-grow: 0;
+}
+.style-2013 .ytm15-header[data-mode="searching"]>.not-search-mode .header-title {
+    display: none;
+}
+.style-2013 .ytm15-header[data-mode="searching"]>.not-search-mode .header-button.search-button {
+    display: none;
 }
 .style-2013 .ytm15-video-owner .material-button-container[data-style="BRAND"] .material-button {
     border-color: #ccc;

diff --git a/app/2015ytm.js b/app/2015ytm.js
@@ -318,6 +318,7 @@ Notifs_text_string = "Notifications";
 Library_text_string = "Library";
 AddComment_text_string = "Add a public comment...";
 AddReply_text_string = "Add a public reply..."
+Account_text_string = "Account";
 
 function renderSubscribeBtn(parent) {
     const mtrlBtnCont = document.createElement("div");

diff --git a/app/about.js b/app/about.js
@@ -462,6 +462,10 @@ a few hours later:
 
 29 Nov 2024:
 -YTm15 now uses the "invidious.nerdvpn.de" instance for the API it uses instead of "invidious.kornineq.de"
+
+06 Dec 2024:
+-Added subscriptions and account tabs on the homepage (non-pivot) (these tabs are currently placeholders, the actual ones will be created soon)
+-Finally fixed the searchbox dropdown for dematerialized/2013 UI
     </div>
     </div>
     </div>

diff --git a/app/header.js b/app/header.js
@@ -208,7 +208,7 @@ function renderHeader() {
     headerButtons.classList.add("header-buttons");
 
     const searchBtn = document.createElement("button");
-    searchBtn.classList.add("icon-button", "header-button");
+    searchBtn.classList.add("icon-button", "header-button", "search-button");
     searchBtn.onclick = function(){searching(searchDropdown, input);};
     searchBtn.setAttribute("aria-label", SearchYT_text_string);
     searchBtn.setAttribute("aria-haspopup", "false");

diff --git a/app/home.js b/app/home.js
@@ -76,16 +76,52 @@ function renderData() {
     tab1.href = "#/trending";
     tab1.innerHTML = `<img class="ytm15-img-icon ytm15-img home-icon" src="ic_tab_trending.png"></img>`
 
+    const tBTabCont2 = document.createElement("div");
+    tBTabCont2.classList.add("tabbar-tab-container", "subscriptions-tab");
+    tBTabCont2.setAttribute('role', 'tab');
+
+    const tab2 = document.createElement("a");
+    tab2.classList.add("tab");
+    tab2.setAttribute('role', 'tab');
+    tab2.setAttribute('aria-label', 'Subscriptions');
+    tab2.setAttribute('aria-selected', 'false');
+    if (window.location.hash.split("/").join(',').split("?").join(',').split(',').slice(1, 2)[0] == "subscriptions") {
+    tab1.setAttribute('aria-selected', 'true');
+    }
+    tab2.href = "#/subscriptions";
+    tab2.innerHTML = `<img class="ytm15-img-icon ytm15-img home-icon" src="ic_tab_subscriptions.png"></img>`
+
+    const tBTabCont3 = document.createElement("div");
+    tBTabCont3.classList.add("tabbar-tab-container", "account-tab");
+    tBTabCont3.setAttribute('role', 'tab');
+
+    const tab3 = document.createElement("a");
+    tab3.classList.add("tab");
+    tab3.setAttribute('role', 'tab');
+    tab3.setAttribute('aria-label', 'Account');
+    tab3.setAttribute('aria-selected', 'false');
+    if (window.location.hash.split("/").join(',').split("?").join(',').split(',').slice(1, 2)[0] == "library") {
+    tab3.setAttribute('aria-selected', 'true');
+    }
+    tab3.href = "#/library";
+    tab3.innerHTML = `<img class="ytm15-img-icon ytm15-img home-icon" src="ic_tab_account.png"></img>`
+
     if (DISABLE_TAB_ICONS_expflag == "true") {
     tab.innerHTML = Home_text_string;
     tab1.innerHTML = Trending_text_string;
+    tab2.innerHTML = Subs_text_string;
+    tab3.innerHTML = Account_text_string;
     }
 
     tabBar.appendChild(tabBarTabs);
     tabBarTabs.appendChild(tBTabCont);
     tBTabCont.appendChild(tab);
     tabBarTabs.appendChild(tBTabCont1);
     tBTabCont1.appendChild(tab1);
+    tabBarTabs.appendChild(tBTabCont2);
+    tBTabCont2.appendChild(tab2);
+    tabBarTabs.appendChild(tBTabCont3);
+    tBTabCont3.appendChild(tab3);
 
     if (WEB_ENABLE_PIVOT_BAR_expflag !== "true") {
     if (document.querySelector(".tab-bar")) {