update resources

2026-01-30 16:38:41 +03:00 · 2025-08-01 14:48:54 +08:00
parent 5effa59bd0
commit e3f49c2fb5
140 changed files with 964 additions and 386 deletions
--- a/resources/web/data/text.js
+++ b/resources/web/data/text.js
@@ -68,9 +68,9 @@ var LangText={
 		"t73": "Installation successful.",
 		"t74": "Restart",
 		"t75": "QIDI Network plug-in provides the following features:",
-		"t76": "QIDI Network plug-in not detected. Click ",
-		"t77": "here",
-		"t78": " to install it.",
+		"t76": "Please ",
+		"t77": "install",
+		"t78": " the network plugin before logging in",
 		"t79": "Failed to install plug-in. ",
 		"t80": "Try the following steps:",
 		"t81": "1, Click ",
@@ -105,7 +105,7 @@ var LangText={
 		"t111": "Create New",
 		"t112": "Join the Program",
 		"t113": "You may change your choice in preference anytime.",
-		"t114": "Home",
+		"t114": "Library",
 		"t115": "Batch",
 		"t116": "Retry",
 		"t117": "Print History",
@@ -191,9 +191,9 @@ var LangText={
 		"t73": "安装成功。",
 		"t74": "重启",
 		"t75": "QIDI网络插件提供以下功能：",
-		"t76": "没有发现QIDI网络插件，请",
-		"t77": "下载",
-		"t78": "并安装。",
+		"t76": "请在登陆前",
+		"t77": "安装",
+		"t78": "网络插件",
 		"t79": "安装插件失败。",
 		"t80": "请尝试如下步骤：",
 		"t81": "1, 点击",
@@ -228,7 +228,7 @@ var LangText={
 		"t111": "新建",
 		"t112": "加入该计划",
 		"t113": "您可以随时更改您的偏好。",
-		"t114": "首页",
+		"t114": "模型库",
 		"t115": "批量处理",
 		"t116": "重试",
 		"t117": "打印历史",
@@ -330,9 +330,9 @@ var LangText={
 		"t73": "インストールは成功しました",
 		"t74": "再起動",
 		"t75": "QIDI ネットワークプラグインは以下の機能を提供します：",
-		"t76": "QIDI ネットワークプラグインは検出されません。",
-		"t77": "こちら",
-		"t78": "をクリックし、インストールしてください。",
+		"t76": "ログイン前にネットワークプラグインをインストールしてください。",
+		"t77": "インストールしてください",
+		"t78": "",
 		"t79": "インストールは失敗しました",
 		"t80": "下記の方法もお試しください",
 		"t81": "1. クリックして ",
@@ -367,7 +367,7 @@ var LangText={
 		"t111": "新規作成",
 		"t112": "この計画に参加する",
 		"t113": "好みはいつでも変更できます.",
-		"t114": "トップページ",
+		"t114": "ライブラリ",
 		"t115": "バッチ",
 		"t116": "[再試行]",
 		"t117": "印刷履歴",
@@ -452,9 +452,9 @@ var LangText={
 		"t73": "Installazione completata.",
 		"t74": "Riavvia",
 		"t75": "Il plug-in di QIDI Network fornisce le seguenti funzionalità:",
-		"t76": "Plug-in di QIDI Network non rilevato. Fai clic ",
-		"t77": "qui",
-		"t78": " per installarlo.",
+		"t76": "Si prega di ",
+		"t77": "installare",
+		"t78": "il plugin di rete prima di accedere",
 		"t79": "Installazione del plug-in non riuscita. ",
 		"t80": "Prova i seguenti passaggi:",
 		"t81": "1. Fai clic su ",
@@ -489,7 +489,7 @@ var LangText={
 		"t111": "Crea Nuovo",
 		"t112": "Partecipa al programma",
 		"t113": "Puoi cambiare la tua scelta in qualsiasi momento.",
-		"t114": "Home",
+		"t114": "Libreria",
 		"t115": "Lotto",
 		"t116": "Riprova",
 		"t117": "Storico di stampa",
@@ -574,9 +574,9 @@ var LangText={
 		"t73": "Installation réussie.",
 		"t74": "Redémarrer",
 		"t75": "Le plug-in Réseau QIDI offre les fonctionnalités suivantes :",
-		"t76": "Plug-in Réseau QIDI non détecté. Cliquez ",
-		"t77": "ici",
-		"t78": " pour l'installer.",
+		"t76": "Veuillez ",
+		"t77": "installer",
+		"t78": " le plugin réseau avant de vous connecter",
 		"t79": "Échec de l'installation du plug-in. ",
 		"t80": "Suivez les étapes suivantes :",
 		"t81": "1, Cliquez ",
@@ -611,7 +611,7 @@ var LangText={
 		"t111": "Créer Nouveau",
 		"t112": "Rejoignez le programme",
 		"t113": "Vous pouvez modifier vos préférences à tout moment.",
-		"t114": "Accueil",
+		"t114": "Bibliothèque",
 		"t115": "Un lot de",
 		"t116": "Retenter",
 		"t117": "Historique d'impression",
@@ -696,9 +696,9 @@ var LangText={
 		"t73": "Installation erfolgreich.",
 		"t74": "Neustart",
 		"t75": "Das QIDI Network-Plug-In bietet folgende Funktionen:",
-		"t76": "QIDI Network-Plug-In nicht erkannt. Klicken Sie ",
-		"t77": "hier",
-		"t78": " um es zu installieren.",
+		"t76": "Bitte ",
+		"t77": "installieren",
+		"t78": " Sie das Netzwerk-Plugin, bevor Sie sich anmelden",
 		"t79": "Installation des Plug-Ins fehlgeschlagen. ",
 		"t80": "Versuchen Sie folgende Schritte:",
 		"t81": "1, Klicken Sie ",
@@ -733,7 +733,7 @@ var LangText={
 		"t111": "Neu erstellen",
 		"t112": "Teilnahme am Programm",
 		"t113": "Sie können Ihre Wahl jederzeit ändern.",
-		"t114": "Startseite",
+		"t114": "Bibliothek",
 		"t115": "Charge",
 		"t116": "Erneut versuchen",
 		"t117": "Druckverlauf",
@@ -818,9 +818,9 @@ var LangText={
 		"t73": "Telepítés sikeres.",
 		"t74": "Újraindítás",
 		"t75": "A QIDI Network plug-in a következő funkciókat biztosítja:",
-		"t76": "A QIDI Network plug-in nem található. Kattintson ",
-		"t77": "ide",
-		"t78": " a telepítéshez.",
+		"t76": "Jelentkezés előtt ",
+		"t77": "telepítse",
+		"t78": " a hálózati bővítményt",
 		"t79": "Nem sikerült telepíteni a plug-int. ",
 		"t80": "Próbálja meg az alábbi lépéseket:",
 		"t81": "1, Kattintson ",
@@ -855,7 +855,7 @@ var LangText={
 		"t111": "Új Létrehozása",
 		"t112": "Csatlakozás a programhoz",
 		"t113": "Bármikor megváltoztathatja a preferenciáját.",
-		"t114": "honlap",
+		"t114": "Könyvtár",
 		"t115": "Tétel",
 		"t116": "Újrapróbálkozás",
 		"t117": "Nyomtatási előzmények",
@@ -940,9 +940,9 @@ var LangText={
 		"t73": "Instalación exitosa.",
 		"t74": "Reiniciar",
 		"t75": "El complemento de red de QIDI proporciona las siguientes características:",
-		"t76": "No se detectó el complemento de red de QIDI. Haga clic ",
-		"t77": "aquí",
-		"t78": " para instalarlo.",
+		"t76": "Por favor,",
+		"t77": "instala",
+		"t78": " el complemento de red antes de iniciar sesión",
 		"t79": "Error al instalar el complemento. ",
 		"t80": "Intente los siguientes pasos:",
 		"t81": "1, Haga clic en ",
@@ -977,7 +977,7 @@ var LangText={
 		"t111": "Crea Nuovo",
 		"t112": "Unirse al programa",
 		"t113": "Puede cambiar sus preferencias en cualquier momento.",
-		"t114": "Página de inicio",
+		"t114": "Biblioteca",
 		"t115": "Un lote",
 		"t116": "Reintentar",
 		"t117": "Historial de impresión",
@@ -1062,9 +1062,9 @@ var LangText={
 		"t73": "Installation lyckad.",
 		"t74": "Starta om",
 		"t75": "QIDI Network plug-in tillhandahåller följande funktioner:",
-		"t76": "QIDI Network plug-in upptäcktes inte. Klicka ",
-		"t77": "här",
-		"t78": "för att installera det.",
+		"t76": "",
+		"t77": "Installera",
+		"t78": "nätverksinsticksprogrammet innan du loggar in",
 		"t79": "Misslyckades med att installera tillägget. ",
 		"t80": "Försök följande steg:",
 		"t81": "1, Klicka ",
@@ -1099,7 +1099,7 @@ var LangText={
 		"t111": "Skapa ny",
 		"t112": "Gå med i programmet",
 		"t113": "Du kan ändra ditt val när som helst.",
-		"t114": "startsida",
+		"t114": "Bibliotek",
 		"t115": "Batch",
 		"t116": "Försök igen",
 		"t117": "Utskriftshistorik",
@@ -1184,9 +1184,9 @@ var LangText={
 		"t73": "Instalace úspěšná.",
 		"t74": "Restart",
 		"t75": "Zásuvný modul QIDI Network poskytuje následující funkce:",
-		"t76": "Zásuvný modul QIDI Network nenalezen. Klikněte ",
-		"t77": "sem",
-		"t78": " pro instalaci.",
+		"t76": "Před přihlášením ",
+		"t77": "nainstalujte",
+		"t78": " síťový plugin",
 		"t79": "Instalace zásuvného modulu selhala. ",
 		"t80": "Zkuste následující kroky:",
 		"t81": "1, Klikněte ",
@@ -1221,7 +1221,7 @@ var LangText={
 		"t111": "Nové",
 		"t112": "Připojte se k programu",
 		"t113": "Své preference můžete kdykoliv změnit.",
-		"t114": "domovská stránka",
+		"t114": "Knihovna",
 		"t115": "Šarže",
 		"t116": "Zkuste to znovu",
 		"t117": "Historie tisku",
@@ -1295,10 +1295,10 @@ var LangText={
 		"t62": "Andere",
 		"t63": "Na het wijzigen van de regio wordt uw account uitgelogd. Log later opnieuw in.",
 		"t64": "QIDI Network-plug-in",
-		"t65": "Afdruktaak verzenden via WLAN",
+		"t65": "Afdruktaak verzenden via WLAN of cloud service",
 		"t66": "Volledige externe bediening",
-		"t67": "Liveview-streaming",
-		"t68": "Gebruikersgegevenssynchronisatie",
+		"t67": "Liveview-streaming en printerstatusmonitoring",
+		"t68": "Cloudsynchronisatie voor slicingconfiguratie",
 		"t69": "QIDI Network-plug-in installeren",
 		"t70": "",
 		"t71": "Downloaden",
@@ -1306,9 +1306,9 @@ var LangText={
 		"t73": "Installatie succesvol.",
 		"t74": "Herstart",
 		"t75": "QIDI Network-plug-in biedt de volgende functies:",
-		"t76": "QIDI Network-plug-in niet gedetecteerd. Klik ",
-		"t77": "hier",
-		"t78": " om deze te installeren.",
+		"t76": "",
+		"t77": "Installeer",
+		"t78": " de netwerkplug-in voordat u inlogt",
 		"t79": "Installatie van de plug-in mislukt. ",
 		"t80": "Probeer de volgende stappen:",
 		"t81": "1, Klik ",
@@ -1343,7 +1343,7 @@ var LangText={
 		"t111": "Nieuw maken",
 		"t112": "Deelnemen aan het programma",
 		"t113": "U kunt uw keuze op elk gewenst moment wijzigen.",
-		"t114": "startpagina",
+		"t114": "Bibliotheek",
 		"t115": "Batch",
 		"t116": "Probeer het opnieuw",
 		"t117": "Afdrukhistoriek",
@@ -1428,9 +1428,9 @@ var LangText={
 		"t73": "Встановлення виконано успішно.",
 		"t74": "Перезавантаження",
 		"t75": "Мережевий плагін QIDI надає наступні можливості:",
-		"t76": "Мережевий плагін QIDI не виявлено. Натисніть ",
-		"t77": "тут",
-		"t78": " щоб встановити його.",
+		"t76": "",
+		"t77": "Встановіть",
+		"t78": " мережевий плагін перед входом",
 		"t79": "Помилка встановлення плагіна. ",
 		"t80": "Спробуйте виконати наступні дії:",
 		"t81": "1, Натисніть ",
@@ -1465,7 +1465,7 @@ var LangText={
 		"t111": "Створити новий",
 		"t112": "Приєднуйтеся до програми",
 		"t113": "Ви можете змінити свої переваги в будь-який час.",
-		"t114": "Головна сторінка",
+		"t114": "Бібліотека",
 		"t115": "Одна партія",
 		"t116": "Спробувати знову",
 		"t117": "Історія друку",
@@ -1550,9 +1550,9 @@ var LangText={
 		"t73": "Установка выполнена успешно.",
 		"t74": "Перезагрузка",
 		"t75": "Сетевой плагин QIDI предоставляет следующие возможности:",
-		"t76": "Сетевой плагин QIDI не обнаружен. Нажмите ",
-		"t77": "здесь",
-		"t78": " чтобы установить его.",
+		"t76": "Пожалуйста, ",
+		"t77": "установите",
+		"t78": " сетевой плагин перед входом в систему",
 		"t79": "Ошибка установки плагина. ",
 		"t80": "Попробуйте выполнить следующие действия:",
 		"t81": "1, Нажмите ",
@@ -1587,7 +1587,7 @@ var LangText={
 		"t111": "Создать новый",
 		"t112": "Присоединяйтесь к программе",
 		"t113": "Вы можете изменить свои предпочтения в любое время.",
-		"t114": "Главная страница",
+		"t114": "Библиотека",
 		"t115": "Одна партия",
 		"t116": "Повторить попытку",
 		"t117": "История печати",
@@ -1672,9 +1672,9 @@ var LangText={
 		"t73": "Kurulum başarılı oldu.",
 		"t74": "Tekrar başlat",
 		"t75": "QIDI Network eklentisi aşağıdaki özellikleri sağlar:",
-		"t76": "QIDI Network eklentisi algılanmadı. Tıklayın.",
-		"t77": "here",
-		"t78": " burayı tıklayın.",
+		"t76": "Lütfen giriş yapmadan önce ağ eklentisini ",
+		"t77": "yükleyin",
+		"t78": "",
 		"t79": "Eklenti yüklenemedi. ",
 		"t80": "Aşağıdaki adımları deneyin:",
 		"t81": "1, Eklenti ",
@@ -1709,7 +1709,7 @@ var LangText={
 		"t111": "Yeni Oluştur",
 		"t112": "Programa Katıl",
 		"t113": "ercihlerinizde istediğiniz zaman seçiminizi değiştirebilirsiniz.",
-		"t114": "Ana Sayfa",
+		"t114": "Kitaplık",
 		"t115": "Toplu",
 		"t116": "Yeniden Dene",
 		"t117": "Yazdırma geçmişi",
@@ -1794,9 +1794,9 @@ var LangText={
 		"t73": "Instalação concluida.",
 		"t74": "Reiniciar",
 		"t75": "QIDI Network plug-in fornece os seguintes recursos:",
-		"t76": "QIDI Network plug-in não detectado. Clique ",
-		"t77": "Aqui",
-		"t78": " para instalar.",
+		"t76": "",
+		"t77": "Instale",
+		"t78": " o plugin de rede antes de fazer login",
 		"t79": "Instalação do plug-in falhou. ",
 		"t80": "Tente os seguintes passos:",
 		"t81": "1, Clique ",
@@ -1831,7 +1831,7 @@ var LangText={
 		"t111": "Criar Novo",
 		"t112": "Junte-se ao Programa",
 		"t113": "Você pode alterar sua escolha nas Preferências a qualquer momento",
-		"t114": "Inicio",
+		"t114": "Biblioteca",
 		"t115": "Lote",
 		"t116": "Retentar",
 		"t117": "Histórico de impressão",
@@ -1916,9 +1916,9 @@ var LangText={
 		"t73": "설치 성공.",
 		"t74": "재시작",
 		"t75": "QIDI Network 플러그인은 다음 기능을 제공합니다:",
-		"t76": "QIDI Network 플러그인이 감지되지 않았습니다. 클릭",
-		"t77": "여기",
-		"t78": "를 클릭하여 설치하십시오.",
+		"t76": "로그인하기 전에 네트워크 플러그인을 ",
+		"t77": "설치해 주세요",
+		"t78": "",
 		"t79": "플러그인 설치에 실패했습니다. ",
 		"t80": "다음 단계를 시도해 보십시오:",
 		"t81": "1, 클릭",
@@ -1953,7 +1953,7 @@ var LangText={
 		"t111": "새로 만들기",
 		"t112": "프로그램 참여",
 		"t113": "언제든지 환경 설정에서 선택을 변경할 수 있습니다.",
-		"t114": "홈",
+		"t114": "라이브러리",
 		"t115": "일괄 처리",
 		"t116": "재시도",
 		"t117": "인쇄 기록",
@@ -2038,9 +2038,9 @@ var LangText={
 		"t73": "Instalacja zakończona sukcesem.",
 		"t74": "Uruchom ponownie",
 		"t75": "Wtyczka QIDI Network zapewnia następujące funkcje:",
-		"t76": "Nie wykryto wtyczki QIDI Network. Kliknij",
-		"t77": "tutaj",
-		"t78": "aby ją zainstalować.",
+		"t76": "",
+		"t77": "Zainstaluj",
+		"t78": " wtyczkę sieciową przed zalogowaniem się",
 		"t79": "Nie udało się zainstalować wtyczki. ",
 		"t80": "Wypróbuj następujące kroki:",
 		"t81": "1, Kliknij",
@@ -2075,7 +2075,7 @@ var LangText={
 		"t111": "Utwórz nowy",
 		"t112": "Dołącz do programu",
 		"t113": "Opcja można zmienić w preferencjach w dowolnym momencie.",
-		"t114": "Strona główna",
+		"t114": "Biblioteka",
 		"t115": "Wartość zbiorcza",
 		"t116": "Ponów",
 		"t117": "Historia druku",
--- a/resources/web/homepage3/css/common.css
+++ b/resources/web/homepage3/css/common.css
@@ -34,6 +34,20 @@ html, body {
 	color: #ACACAC;
 }

+.DropdownBG
+{
+	background: white;
+}
+
+.DropdownHeaderBG
+{
+	background-color: #F7F7F7;
+}
+
+.DropdownFooter:hover {
+	background-color: #f5f5f5;
+}
+
 /*-------按钮------*/
 .Btn_White
 {
--- a/resources/web/homepage3/css/dark.css
+++ b/resources/web/homepage3/css/dark.css
@@ -19,6 +19,19 @@ html,body
 	color:#F8F8F8;
 }

+.DropdownBG
+{
+	background: #3E3E45;
+}
+
+.DropdownHeaderBG
+{
+	background-color: #343436;
+}
+
+.DropdownFooter:hover {
+	background-color: #4a4a4d;
+}

 /*---字体----*/
 .ZScrol::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
--- a/resources/web/homepage3/css/left.css
+++ b/resources/web/homepage3/css/left.css
@@ -49,6 +49,7 @@ html, body {
 	font-size:12px;
 	color: #1200FF;	
 	cursor: pointer;
+	text-decoration: underline;
 }

 .LinkBtn:hover
@@ -73,13 +74,13 @@ body
 {
 	border-right-width: 1px;
 	border-right-style: solid;
-	width: 100%;
+	width: calc(100% - 1px);
 	height: 100%;
 }

 #LoginArea
 {
-	height: 180px;
+	height: 90px;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -87,6 +88,8 @@ body
 	flex-wrap: nowrap;
 	position: relative;
 	width:100%;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
 }


@@ -100,22 +103,36 @@ body
 	cursor:pointer;
 }

+#LoginBtn
+{
+	display: flex;
+	align-items: center;
+	width: 120px;
+	word-wrap: break-word;
+	line-height: 1.2;
+	flex-wrap: wrap;
+	white-space: normal;
+}
+
 #Login1:hover #LoginBtn
 {
-	font-size:17px;
+	transform: scale(1.05);
 }


 #NoPluginTip
 {
-	position: absolute;
-	left: 0px;
-	bottom: 0px;
-	right: 0px;
-	display: none;
+	margin-top: 5px;
+	display: flex;
 	flex-direction: column;
 	justify-content: flex-end;
-	padding: 5px;
+	padding-top: 0px;
+	padding-bottom: 0px;
+	padding-left: 5px;
+	padding-right: 5px;
+	border-radius: 4px;
+	border: 1px solid var(--remind, #FF6F00);
+	background: rgba(255, 111, 0, 0.15);
 }


@@ -138,26 +155,38 @@ body
 #Login2
 {
 	display: none;
-	flex-direction: column;
 	align-items: center;
 	text-align: center;
-	width: 100%;
+	justify-content: center;
+	width: 95%;
+	cursor: pointer;
 }

 #UserAvatarIcon
 {
-	height: 85px;
-	border-radius: 50%;
-	overflow: hidden;
+	height: 36px;
 }

 #UserName
 {
-	white-space: nowrap;
+	white-space: normal;
 	text-overflow: ellipsis;
-	text-align: center;
+	text-align: left;
 	overflow: hidden; 
-	width: 80%;
+	margin-left: 12px;
+	word-wrap: break-word;
+  line-height: 1.2;
+}
+
+.PullBtn
+{
+	margin-left: 10px;
+	width: 16px;
+	height: 16px;
+	background-image: url('../img/left_pull_btn.svg');
+	background-size: cover;
+	background-position: center center;
+	background-repeat: no-repeat;
 }

 #LogoutBtn
@@ -183,14 +212,17 @@ body
 /*------------------*/
 #BtnArea
 {
-	
+	height: calc(100% - 91px);
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
 }


 .BtnItem
 {
-    padding-left:30px;	
-	padding-right: 14px;
+  padding-left: 20px;	
+	padding-right: 20px;
 	height:50px;
 	line-height: 50px;
 	display: flex;
@@ -203,6 +235,13 @@ body
 	text-overflow: ellipsis;
 }

+.TopDivider
+{
+	border-top-width: 1px;
+	border-top-style: solid;
+}
+
+
 .BtnItem[menu="online"]
 {
 	display: none;
@@ -236,6 +275,12 @@ body
 	justify-content: center;
 }

+.BtnIcon-Right
+{
+	display: block;
+	margin-left: auto;
+}
+
 .BtnText
 {
 	overflow: hidden;
@@ -245,10 +290,16 @@ body

 .LeftIcon
 {
-	width:24px;
+	width: 24px;
 	height: 24px;
 }

+.RightIcon
+{
+	width: 15px;
+	height: 15px;
+}
+
 .BtnNewIcon
 {
 	height: 12px;
@@ -263,6 +314,74 @@ body
 	display: none;
 }

+/*dropdown*/
+#DropdownWrapper {
+	visibility: hidden;
+	width: 95%;
+	border-radius: 8px;
+	overflow: hidden;
+	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+	position: absolute;
+	z-index: 1;
+	top: 70%;
+	left: 3px;
+}
+.dropdown-header {
+	display: flex;
+	align-items: center;
+	padding: 12px;
+}
+.avatar {
+	width: 38px;
+	height: 38px;
+	min-width: 38px;
+	margin-right: 16px;
+	background-image: url('../img/left_home_account.svg');
+	background-size: cover;
+	background-position: center center;
+	background-repeat: no-repeat;
+}
+.user-details {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+}
+.UserName {
+	font-size: 15px;
+	font-weight: bold;
+	text-align: left;
+}
+.UserEmail {
+	font-size: 10px;
+	white-space: normal;
+	word-break: break-word;
+	overflow: hidden;
+	max-width: 92%;
+	text-align: left;
+	line-height: 1.4;
+}
+.DropdownFooter {
+	padding: 10px;
+	display: flex;
+	align-items: center;
+	cursor: pointer;
+	transition: background 0.2s;
+}
+
+.LogoutIcon {
+	width: 15px;
+	height: 15px;
+	background-image: url('../img/left_logout_icon.svg');
+	background-size: cover;
+	background-position: center center;
+	background-repeat: no-repeat;
+	margin-right: 8px;
+}
+.LogoutBtn
+{
+	font-size: 13px;
+}
+
 /*-----Hide Button-----*/
 #HideBtn
 {
--- a/resources/web/homepage3/css/left_mini.css
+++ b/resources/web/homepage3/css/left_mini.css
@@ -59,6 +59,11 @@
 	display: none!important;
 }

+.BtnIcon-Right
+{
+	display: none!important;
+}
+
 /*-----Hide Button-----*/
 #HideBtn
 {
@@ -66,4 +71,8 @@
 	border-radius: 0px 4px 4px 0px;
 	border-left: 0px solid rgba(238, 238, 238, 1);
 	border-right: 1px solid rgba(238, 238, 238, 1);
-}
+}
+
+.auto-hide {
+    display: none!important;
+  }
--- a/resources/web/homepage3/img/i2.png
+++ b/resources/web/homepage3/img/i2.png
--- a/resources/web/homepage3/img/i2.svg
+++ b/resources/web/homepage3/img/i2.svg
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.5955 15.9598C13.3239 16.9415 11.7305 17.5259 10 17.5259C5.84395 17.5259 2.47437 14.1563 2.47437 10.0002C2.47437 5.84419 5.84395 2.47461 10 2.47461C14.156 2.47461 17.5256 5.84419 17.5256 10.0002C17.5256 11.1976 17.246 12.3288 16.7483 13.3344" stroke="#6B6B6B" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M9.41321 5.44189V10.163C9.41321 10.3741 9.58443 10.5454 9.7956 10.5454H13.9927" stroke="#6B6B6B" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
+</svg>
--- a/resources/web/homepage3/img/left_home_account.svg
+++ b/resources/web/homepage3/img/left_home_account.svg
@@ -0,0 +1,10 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_375_1284)">
+<path d="M18 0C14.4399 0 10.9598 1.05568 7.99974 3.03355C5.03966 5.01141 2.73255 7.82263 1.37018 11.1117C0.00779906 14.4008 -0.348661 18.02 0.345873 21.5116C1.04041 25.0033 2.75474 28.2106 5.27209 30.7279C7.78943 33.2453 10.9967 34.9596 14.4884 35.6541C17.98 36.3487 21.5992 35.9922 24.8883 34.6298C28.1774 33.2675 30.9886 30.9604 32.9665 28.0003C34.9443 25.0402 36 21.5601 36 18C36 13.2261 34.1036 8.64773 30.7279 5.27208C27.3523 1.89642 22.7739 0 18 0ZM7.5 29.25C7.5 26.4652 8.60625 23.7945 10.5754 21.8254C12.5445 19.8562 15.2152 18.75 18 18.75C16.8133 18.75 15.6533 18.3981 14.6666 17.7388C13.6799 17.0795 12.9108 16.1424 12.4567 15.0461C12.0026 13.9497 11.8838 12.7433 12.1153 11.5794C12.3468 10.4155 12.9183 9.34643 13.7574 8.50732C14.5965 7.6682 15.6656 7.09676 16.8295 6.86525C17.9934 6.63374 19.1998 6.75257 20.2961 7.2067C21.3925 7.66083 22.3296 8.42987 22.9889 9.41657C23.6481 10.4033 24 11.5633 24 12.75C24 14.3413 23.3679 15.8674 22.2426 16.9926C21.1174 18.1179 19.5913 18.75 18 18.75C19.3789 18.75 20.7443 19.0216 22.0182 19.5493C23.2921 20.0769 24.4496 20.8504 25.4246 21.8254C26.3997 22.8004 27.1731 23.9579 27.7008 25.2318C28.2284 26.5057 28.5 27.8711 28.5 29.25H7.5Z" fill="#A3A3A3"/>
+</g>
+<defs>
+<clipPath id="clip0_375_1284">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/resources/web/homepage3/img/left_library.svg
+++ b/resources/web/homepage3/img/left_library.svg
@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.71065 3.71629C9.87449 3.57245 10.1256 3.57242 10.2894 3.71629L16.5324 9.20023C16.8207 9.45396 16.6338 9.91539 16.2426 9.91539H15.5034C15.4482 9.91539 15.4034 9.96016 15.4034 10.0154V16.1161C15.4033 16.5709 15.0193 16.9397 14.5458 16.9399H5.45428C4.98073 16.9398 4.5967 16.5709 4.59664 16.1161V10.0154C4.59664 9.96016 4.55186 9.91539 4.49664 9.91539H3.75742C3.3662 9.91539 3.17922 9.45394 3.46763 9.20023L9.71065 3.71629Z" stroke="#6B6B6B" stroke-width="1.3"/>
+<rect x="7.28308" y="8.69238" width="5.43364" height="1.22499" rx="0.2" fill="#6B6B6B"/>
+<rect x="7.28296" y="11.281" width="5.43364" height="1.22499" rx="0.2" fill="#6B6B6B"/>
+<rect x="7.28308" y="13.8704" width="5.43364" height="1.22499" rx="0.2" fill="#6B6B6B"/>
+</svg>
--- a/resources/web/homepage3/img/left_link.svg
+++ b/resources/web/homepage3/img/left_link.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.125 0.5625C7.125 0.874219 7.37578 1.125 7.6875 1.125H10.0805L4.85156 6.35156C4.63125 6.57188 4.63125 6.92812 4.85156 7.14609C5.07187 7.36406 5.42812 7.36641 5.64609 7.14609L10.8727 1.91953V4.3125C10.8727 4.62422 11.1234 4.875 11.4352 4.875C11.7469 4.875 11.9977 4.62422 11.9977 4.3125V0.5625C11.9977 0.250781 11.7469 0 11.4352 0H7.6875C7.37578 0 7.125 0.250781 7.125 0.5625ZM1.6875 0.75C0.754687 0.75 0 1.50469 0 2.4375V10.3125C0 11.2453 0.754687 12 1.6875 12H9.5625C10.4953 12 11.25 11.2453 11.25 10.3125V7.3125C11.25 7.00078 10.9992 6.75 10.6875 6.75C10.3758 6.75 10.125 7.00078 10.125 7.3125V10.3125C10.125 10.6242 9.87422 10.875 9.5625 10.875H1.6875C1.37578 10.875 1.125 10.6242 1.125 10.3125V2.4375C1.125 2.12578 1.37578 1.875 1.6875 1.875H4.6875C4.99922 1.875 5.25 1.62422 5.25 1.3125C5.25 1.00078 4.99922 0.75 4.6875 0.75H1.6875Z" fill="#909090"/>
+</svg>
--- a/resources/web/homepage3/img/left_logout_icon.svg
+++ b/resources/web/homepage3/img/left_logout_icon.svg
@@ -0,0 +1,4 @@
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.68044 2.73584C2.1212 2.73584 1.66785 3.18919 1.66785 3.74843V15.2515C1.66785 15.8108 2.1212 16.2641 2.68044 16.2641H14.1835C14.7428 16.2641 15.1961 15.8108 15.1961 15.2515V14.0916C15.1961 13.7395 14.9107 13.4541 14.5586 13.4541C14.2065 13.4541 13.921 13.7395 13.921 14.0916V14.989H2.94296V4.01095H13.921V4.82195C13.921 5.17406 14.2065 5.4595 14.5586 5.4595C14.9107 5.4595 15.1961 5.17406 15.1961 4.82195V3.74843C15.1961 3.18919 14.7428 2.73584 14.1835 2.73584H2.68044Z" fill="#6B6B6B"/>
+<path d="M11.7984 5.44684C12.0474 5.19786 12.4511 5.19786 12.7001 5.44683L16.0373 8.78395C16.4327 9.17939 16.4327 9.82053 16.0373 10.216L12.7001 13.5531C12.4511 13.8021 12.0474 13.8021 11.7985 13.5531C11.5495 13.3042 11.5495 12.9005 11.7985 12.6515L14.3999 10.05H7.55037C7.19826 10.05 6.91282 9.76458 6.91282 9.41247C6.91282 9.06036 7.19826 8.77492 7.55037 8.77492H14.2249L11.7985 6.34848C11.5495 6.0995 11.5495 5.69583 11.7984 5.44684Z" fill="#6B6B6B"/>
+</svg>
--- a/resources/web/homepage3/img/left_manual.svg
+++ b/resources/web/homepage3/img/left_manual.svg
@@ -1,5 +1,5 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.55249 3.74951H18.8035C19.2177 3.74951 19.5535 4.0853 19.5535 4.49951V19.5009C19.5535 19.9151 19.2177 20.2509 18.8035 20.2509H7.55249V3.74951Z" stroke="#6B6B6B" stroke-width="1.5"/>
-<path d="M4.44641 4.49951C4.44641 4.0853 4.7822 3.74951 5.19641 3.74951H7.44675V20.2509H5.19641C4.7822 20.2509 4.44641 19.9151 4.44641 19.5009V4.49951Z" stroke="#6B6B6B" stroke-width="1.5"/>
-<path d="M16.1784 8.16178L15.2675 7.5545C14.9484 7.34176 14.5326 7.34176 14.2135 7.5545L13.3026 8.16178V3.74951H16.1784V8.16178Z" stroke="#6B6B6B" stroke-width="1.5" stroke-linecap="round"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.3428 2.50537C16.8122 2.50537 17.1934 2.88554 17.1934 3.35498V17.0015C17.1932 17.4708 16.8121 17.8511 16.3428 17.8511H6.00879V2.50537H16.3428Z" stroke="#6B6B6B" stroke-width="1.3"/>
+<path d="M3.98621 2.50562H5.99792V17.8513H3.98621C3.51684 17.8513 3.13672 17.471 3.1366 17.0017V3.35522C3.1366 2.88578 3.51676 2.50562 3.98621 2.50562Z" stroke="#6B6B6B" stroke-width="1.3"/>
+<path d="M14.0721 2.50537V6.70947L13.1708 6.10889L13.0594 6.04639C12.8311 5.93932 12.5661 5.9392 12.3378 6.04639L12.2274 6.10889L11.326 6.70947V2.50537H14.0721Z" stroke="#6B6B6B" stroke-width="1.3" stroke-linecap="round"/>
 </svg>
--- a/resources/web/homepage3/img/left_ml.svg
+++ b/resources/web/homepage3/img/left_ml.svg
--- a/resources/web/homepage3/img/left_ms.svg
+++ b/resources/web/homepage3/img/left_ms.svg
@@ -1,21 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_41282_63754)">
-<path d="M19.0832 7.5585H4.9165C4.28138 7.5585 3.7665 8.07337 3.7665 8.7085V11.9219C3.7665 12.557 4.28138 13.0719 4.9165 13.0719H19.0832C19.7183 13.0719 20.2332 12.557 20.2332 11.9219V8.7085C20.2332 8.07337 19.7183 7.5585 19.0832 7.5585Z" stroke="#6B6B6B" stroke-width="1.3"/>
-<path d="M5.5 13.0688H4.85V13.7188V18.5417C4.85 19.1768 5.36487 19.6917 6 19.6917H18C18.6351 19.6917 19.15 19.1768 19.15 18.5417V13.7188V13.0688H18.5H5.5Z" stroke="#6B6B6B" stroke-width="1.3"/>
-<path d="M16 7.50625H16.6V6.90625V5.5C16.6 4.89249 16.1075 4.4 15.5 4.4H8.5C7.89249 4.4 7.4 4.89249 7.4 5.5V6.90625V7.50625H8H16Z" stroke="#6B6B6B" stroke-width="1.2"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5875 11C8.94649 11 9.2375 11.291 9.2375 11.65L9.2376 14.4C9.2376 14.759 8.94658 15.05 8.5876 15.05C8.22861 15.05 7.9376 14.759 7.9376 14.4L7.9375 11.65C7.9375 11.291 8.22851 11 8.5875 11Z" fill="#6B6B6B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.41 11C15.769 11 16.06 11.291 16.06 11.65V14.3999C16.06 14.7589 15.769 15.0499 15.41 15.0499C15.051 15.0499 14.76 14.7589 14.76 14.3999V11.65C14.76 11.291 15.051 11 15.41 11Z" fill="#6B6B6B"/>
-</g>
-<defs>
-<filter id="filter0_d_41282_63754" x="-3" y="-1" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dx="-1" dy="1"/>
-<feGaussianBlur stdDeviation="1"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_41282_63754"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_41282_63754" result="shape"/>
-</filter>
-</defs>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.2983 4.295C16.2632 3.56 15.6319 3 14.8954 3H5.03985C4.30332 3 3.672 3.56 3.63693 4.295L2.97054 15.67C2.93547 16.02 3.07576 16.37 3.32127 16.615C3.56678 16.86 3.88244 17 4.26824 17H15.7371C16.0878 17 16.4386 16.86 16.6841 16.615C16.9296 16.37 17.0348 16.02 17.0348 15.67L16.2983 4.295ZM16.1931 16.16C16.0878 16.265 15.9125 16.335 15.7371 16.335H4.26824C4.09288 16.335 3.95259 16.265 3.81229 16.16C3.70708 16.055 3.63693 15.88 3.63693 15.705L4.30332 4.33C4.33839 3.98 4.65405 3.665 5.03985 3.665H14.8954C15.2812 3.665 15.5968 3.945 15.6319 4.33L16.3333 15.705C16.3684 15.88 16.2983 16.055 16.1931 16.16ZM12.791 5.065C12.6156 5.065 12.4402 5.205 12.4402 5.415C12.4402 6.78 11.353 7.865 9.98514 7.865C8.61729 7.865 7.53003 6.78 7.53003 5.415C7.53003 5.24 7.38974 5.065 7.1793 5.065C7.00393 5.065 6.82857 5.205 6.82857 5.415C6.82857 7.13 8.23149 8.53 9.95006 8.53C11.6686 8.53 13.0716 7.13 13.0716 5.415C13.1066 5.205 12.9663 5.065 12.791 5.065Z" fill="#6B6B6B" stroke="#6B6B6B" stroke-width="0.5"/>
 </svg>
--- a/resources/web/homepage3/img/left_online.svg
+++ b/resources/web/homepage3/img/left_online.svg
@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.016 4.31954L16.6477 2.60896L16.3691 2.5L16.0889 2.60896L11.9985 4.20906L7.90807 2.60896L7.63095 2.5L7.35306 2.60896L2.98401 4.31954L2.5 4.50926V19.4915L2.98401 19.6805L7.35306 21.391L7.63095 21.5L7.90883 21.391L12 19.7909L16.0904 21.391L16.3691 21.5L16.6477 21.391L21.016 19.6805L21.5 19.4915V4.50926L21.016 4.31954ZM16.3691 3.31681L20.7381 5.02815V11.2099L16.3691 9.50004V3.31681ZM12.2779 11.9177L16.3691 10.3176L20.4602 11.9177L20.6686 11.9992L20.4602 12.0808L16.3691 13.6809L12.2779 12.0808L12.0695 11.9992L12.2779 11.9177ZM7.63095 3.31681L12 5.02815V11.2099L7.63095 9.49928V3.31681ZM3.54054 11.9177L7.63095 10.3176L11.7221 11.9177L11.9305 11.9992L11.7221 12.0808L7.63095 13.6809L3.54054 12.0808L3.33213 11.9992L3.54054 11.9177ZM3.26342 18.9711V12.7863L7.63247 14.4962V20.6786L3.26342 18.9711ZM12.0015 18.9711V12.7863L16.3706 14.4962V20.6786L12.0015 18.9711Z" fill="#6B6B6B"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5134 3.59966L13.8731 2.17417L13.6409 2.08337L13.4074 2.17417L9.99877 3.50759L6.5901 2.17417L6.35916 2.08337L6.12759 2.17417L2.48671 3.59966L2.08337 3.75776V16.243L2.48671 16.4004L6.12759 17.8259L6.35916 17.9167L6.59073 17.8259L10 16.4925L13.4087 17.8259L13.6409 17.9167L13.8731 17.8259L17.5134 16.4004L17.9167 16.243V3.75776L17.5134 3.59966ZM13.6409 2.76405L17.2818 4.19017V9.34159L13.6409 7.91674V2.76405ZM10.2316 9.93147L13.6409 8.59805L17.0502 9.93147L17.2239 9.99941L17.0502 10.0673L13.6409 11.4008L10.2316 10.0673L10.0579 9.99941L10.2316 9.93147ZM6.35916 2.76405L10 4.19017V9.34159L6.35916 7.91611V2.76405ZM2.95049 9.93147L6.35916 8.59805L9.76847 9.93147L9.94215 9.99941L9.76847 10.0673L6.35916 11.4008L2.95049 10.0673L2.77681 9.99941L2.95049 9.93147ZM2.71956 15.8093V10.6553L6.36044 12.0802V17.2322L2.71956 15.8093ZM10.0013 15.8093V10.6553L13.6422 12.0802V17.2322L10.0013 15.8093Z" fill="#6B6B6B"/>
 </svg>
--- a/resources/web/homepage3/img/left_ph.svg
+++ b/resources/web/homepage3/img/left_ph.svg
@@ -1,8 +1,8 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.40039 4.91553H17.0909C17.3671 4.91553 17.5909 5.13939 17.5909 5.41553V9.8976C18.1143 9.97737 18.617 10.1201 19.0909 10.3179V5.41553C19.0909 4.31096 18.1955 3.41553 17.0909 3.41553H5.40039C4.29582 3.41553 3.40039 4.31096 3.40039 5.41553V19.0272C3.40039 20.1317 4.29582 21.0272 5.40039 21.0272H12.2727C11.7959 20.5923 11.3846 20.0868 11.0554 19.5272H5.40039C5.12425 19.5272 4.90039 19.3033 4.90039 19.0272V5.41553C4.90039 5.13938 5.12425 4.91553 5.40039 4.91553Z" fill="#6B6B6B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.1221 7.88135C16.1221 8.29556 15.7863 8.63135 15.3721 8.63135L6.90246 8.63135C6.48824 8.63135 6.15246 8.29556 6.15246 7.88135C6.15246 7.46713 6.48824 7.13135 6.90246 7.13135L15.3721 7.13135C15.7863 7.13135 16.1221 7.46713 16.1221 7.88135Z" fill="#6B6B6B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.667 12.2212C10.667 12.6354 10.3312 12.9712 9.91699 12.9712H6.90238C6.48816 12.9712 6.15238 12.6354 6.15238 12.2212C6.15238 11.807 6.48816 11.4712 6.90238 11.4712H9.91699C10.3312 11.4712 10.667 11.807 10.667 12.2212Z" fill="#6B6B6B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.667 16.561C10.667 16.9752 10.3312 17.311 9.91699 17.311H6.90238C6.48816 17.311 6.15238 16.9752 6.15238 16.561C6.15238 16.1468 6.48816 15.811 6.90238 15.811H9.91699C10.3312 15.811 10.667 16.1468 10.667 16.561Z" fill="#6B6B6B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6118 12.7271C14.6577 12.7271 13.0732 14.3115 13.0732 16.2656C13.0732 18.2198 14.6577 19.8042 16.6118 19.8042C17.4261 19.8042 18.1742 19.5299 18.7723 19.0681C19.1002 18.815 19.5712 18.8756 19.8243 19.2035C20.0774 19.5313 20.0168 20.0023 19.689 20.2555C18.8379 20.9125 17.7698 21.3042 16.6118 21.3042C13.8292 21.3042 11.5732 19.0482 11.5732 16.2656C11.5732 13.483 13.8292 11.2271 16.6118 11.2271C19.3944 11.2271 21.6504 13.483 21.6504 16.2656C21.6504 17.0661 21.4632 17.8243 21.1296 18.4983C20.9459 18.8696 20.496 19.0216 20.1248 18.8379C19.7536 18.6541 19.6015 18.2043 19.7853 17.833C20.0189 17.3609 20.1504 16.8299 20.1504 16.2656C20.1504 14.3115 18.566 12.7271 16.6118 12.7271Z" fill="#6B6B6B"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2773 12.918C16.6916 12.918 17.0273 13.2538 17.0273 13.668V15.8262H18.8871C19.3013 15.8262 19.6371 16.162 19.6371 16.5762C19.6371 16.9905 19.3013 17.3262 18.8871 17.3262H16.4953C15.9607 17.3262 15.5273 16.8929 15.5273 16.3583V13.668C15.5273 13.2538 15.8631 12.918 16.2773 12.918Z" fill="#6B6B6B"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.2422 2.84644C15.1627 2.84644 15.9092 3.59295 15.9092 4.51343V8.59839C15.5142 8.43359 15.0953 8.31428 14.6592 8.2478V4.51343C14.6592 4.28331 14.4723 4.09644 14.2422 4.09644H4.5C4.27003 4.09661 4.08398 4.28342 4.08398 4.51343V15.8562C4.08399 16.0862 4.27003 16.273 4.5 16.2732H9.21484C9.48923 16.7394 9.8311 17.1609 10.2285 17.5232H4.5C3.57968 17.523 2.83399 16.7766 2.83398 15.8562V4.51343C2.83398 3.59306 3.57967 2.84661 4.5 2.84644H14.2422Z" fill="#6B6B6B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.4353 6.56812C13.4353 6.91329 13.1555 7.19312 12.8103 7.19312L5.75229 7.19312C5.40711 7.19312 5.12729 6.91329 5.12729 6.56812C5.12729 6.22294 5.40711 5.94312 5.75229 5.94312L12.8103 5.94312C13.1555 5.94312 13.4353 6.22294 13.4353 6.56812Z" fill="#6B6B6B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.88953 10.1846C8.88953 10.5297 8.6097 10.8096 8.26453 10.8096H5.75235C5.40717 10.8096 5.12735 10.5297 5.12735 10.1846C5.12735 9.83939 5.40717 9.55957 5.75235 9.55957H8.26453C8.6097 9.55957 8.88953 9.83939 8.88953 10.1846Z" fill="#6B6B6B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.88953 13.8013C8.88953 14.1464 8.6097 14.4263 8.26453 14.4263H5.75235C5.40717 14.4263 5.12735 14.1464 5.12735 13.8013C5.12735 13.4561 5.40717 13.1763 5.75235 13.1763H8.26453C8.6097 13.1763 8.88953 13.4561 8.88953 13.8013Z" fill="#6B6B6B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8435 10.6062C12.215 10.6062 10.8947 11.9266 10.8947 13.555C10.8947 15.1835 12.215 16.5039 13.8435 16.5039C14.5221 16.5039 15.1454 16.2752 15.6439 15.8904C15.9171 15.6795 16.3096 15.73 16.5206 16.0032C16.7315 16.2764 16.681 16.6689 16.4078 16.8799C15.6985 17.4274 14.8084 17.7539 13.8435 17.7539C11.5246 17.7539 9.64465 15.8739 9.64465 13.555C9.64465 11.2362 11.5246 9.3562 13.8435 9.3562C16.1623 9.3562 18.0423 11.2362 18.0423 13.555C18.0423 14.2221 17.8863 14.8539 17.6083 15.4156C17.4552 15.725 17.0803 15.8517 16.7709 15.6986C16.4616 15.5455 16.3349 15.1705 16.488 14.8612C16.6827 14.4678 16.7923 14.0252 16.7923 13.555C16.7923 11.9266 15.472 10.6062 13.8435 10.6062Z" fill="#6B6B6B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5648 10.7651C13.91 10.7651 14.1898 11.045 14.1898 11.3901V13.1887H15.7396C16.0848 13.1887 16.3646 13.4685 16.3646 13.8137C16.3646 14.1589 16.0848 14.4387 15.7396 14.4387H13.7464C13.301 14.4387 12.9398 14.0776 12.9398 13.6321V11.3901C12.9398 11.045 13.2196 10.7651 13.5648 10.7651Z" fill="#6B6B6B"/>
 </svg>
--- a/resources/web/homepage3/img/left_pull_btn.svg
+++ b/resources/web/homepage3/img/left_pull_btn.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.42153 11.3808C8.18941 11.613 7.81407 11.613 7.58442 11.3808L2.8408 6.63969C2.60868 6.40757 2.60868 6.03223 2.8408 5.80258C3.07292 5.57293 3.44826 5.57046 3.67791 5.80258L7.99927 10.1239L12.3231 5.80011C12.5552 5.56799 12.9306 5.56799 13.1602 5.80011C13.3899 6.03223 13.3923 6.40757 13.1602 6.63722L8.42153 11.3808Z" fill="#ACACAC"/>
+</svg>
--- a/resources/web/homepage3/js/left.js
+++ b/resources/web/homepage3/js/left.js
@@ -2,6 +2,7 @@

 var m_HotModelList=null;
 var m_HasNetworkPlugin=true;
+var m_GetPrintHistoryStatus=false;

 function OnInit()
 {
@@ -10,25 +11,36 @@ function OnInit()

 	SendMsg_GetLoginInfo();
 	GotoMenu( 'home' );
+	$("#Login2").hover(function() {
+		$("#DropdownWrapper").css("visibility", "visible");
+	}, function() {
+		$("#DropdownWrapper").css("visibility", "hidden");
+	});
+	OnUpdatePluginInstalltip();
 }

 function HandleStudio( pVal )
 {
 	let strCmd = pVal['command'];
-	

 	if(strCmd=='studio_userlogin')
 	{
+		let lastLoginInfo = pVal;
+		SetLoginInfo(pVal['data']['avatar'],pVal['data']['name']);
+		if (!m_GetPrintHistoryStatus) {
+			SendMsg_GetPrintHistory();
+		}
 		SetLoginInfo(pVal['data']['avatar'],pVal['data']['name']);
 	}
 	else if(strCmd=='studio_useroffline')
 	{
+		m_GetPrintHistoryStatus=false;
 		SetUserOffline();
 	}
 	else if( strCmd=="network_plugin_installtip" )
 	{
 		let nShow=pVal["show"]*1;
-		
+
 	    if(nShow==1)
 		{
 			$("#NoPluginTip").show();
@@ -41,9 +53,9 @@ function HandleStudio( pVal )
 			$("#NoPluginTip").hide();
 			m_HasNetworkPlugin=true;
 		}
-	}	
+	}
 	else if(strCmd=='homepage_leftmenu_clicked')
-	{						
+	{				
 		let NewMenu=pVal['menu'];
 		//alert('LeftMenu Clicked:'+strMenu );
 		
@@ -62,7 +74,11 @@ function HandleStudio( pVal )
 		let nShow=pVal['show'];
 		
 		ShowMenuBtn(NewMenu,nShow);
-	}	
+	}
+	else if(strCmd=='printhistory_task_show')
+	{
+		m_GetPrintHistoryStatus=true;
+	}
 }

 var NowMenu='';
@@ -132,30 +148,34 @@ function ShowMenuBtn( MenuName,nShow)
 }


-function SetLoginInfo( strAvatar, strName ) 
+function SetLoginInfo( strAvatar, strName )
 {
 	$("#Login1").hide();
 	
 	$("#UserName").text(strName);
-	
-    let OriginAvatar=$("#Login2 #UserAvatarIcon").prop("src");
-	if(strAvatar!=OriginAvatar && strAvatar.length != 0)
+	$("#DropdownUserName").text(strName);
+
+  let OriginAvatar=$("#UserAvatarIcon").prop("src");
+	if(strAvatar!=OriginAvatar) {
+		$("#UserAvatarIcon").prop("src",strAvatar);
+		$("#DropdownAvatar").css("background-image", "url('"+strAvatar+"')");
+	}else
 	{
-		$("#Login2 #UserAvatarIcon").prop("src",strAvatar);
+		//alert('Avatar is Same');
 	}
-	else
-		$("#Login2 #UserAvatarIcon").prop("src", "../image/userdark.png");
-	
+
 	$("#Login2").show();
 	$("#Login2").css("display","flex");
 }

 function SetUserOffline()
 {
-	$("#UserAvatarIcon").prop("src","../image/logo2.png");
+	$("#UserAvatarIcon").prop("src","img/left_home_account.svg");
+	$("#DropdownAvatar").css("background-image","../img/left_home_account.svg");
 	$("#UserName").text('');
-	$("#Login2").hide();	
-	
+	$("#DropdownUserName").text('');
+	$("#Login2").hide();
+
 	$("#Login1").show();
 	$("#Login1").css("display","flex");
 }
@@ -199,8 +219,17 @@ function OnLogOut()
 	var tSend={};
 	tSend['sequence_id']=Math.round(new Date() / 1000);
 	tSend['command']="homepage_logout";
-	
-	SendWXMessage( JSON.stringify(tSend) );	
+
+	SendWXMessage( JSON.stringify(tSend) );
+}
+
+function OnUpdatePluginInstalltip()
+{
+	var tSend={};
+	tSend['sequence_id']=Math.round(new Date() / 1000);
+	tSend['command']="update_plugin_installtip";
+
+	SendWXMessage( JSON.stringify(tSend) );
 }

 function SendMsg_CheckNewTag()
@@ -217,8 +246,17 @@ function BeginDownloadNetworkPlugin()
 	var tSend={};
 	tSend['sequence_id']=Math.round(new Date() / 1000);
 	tSend['command']="begin_network_plugin_download";
-	
-	SendWXMessage( JSON.stringify(tSend) );		
+
+	SendWXMessage( JSON.stringify(tSend) );
+}
+
+function SendMsg_GetPrintHistory()
+{
+	var tSend={};
+	tSend['sequence_id']=Math.round(new Date() / 1000);
+	tSend['command']="homepage_printhistory_get";
+
+	SendWXMessage( JSON.stringify(tSend) );
 }

 var WidthBoundary=168;
--- a/resources/web/homepage3/left.html
+++ b/resources/web/homepage3/left.html
@@ -22,55 +22,79 @@
 <div id="LeftBoard">
 	<div id="LoginArea">
 	<div id="Login1" onClick="OnLoginOrRegister()">
-		<div id="Icon1"><img id="QDTIcon" src="../image/logo2.png" /></div>
+		<div id="Icon1"><img id="QDTIcon" src="img/left_home_account.svg" /></div>
 		<div id="LoginBtn" class="TextS1" style="font-weight: 700;"><span class="trans" tid="t26">login</span>/<span class="trans" tid="t27">register</span></div>
 	</div>
 		
 	<div id="Login2">
 		<div>
-			<img id="UserAvatarIcon" src="../image/userdark.png" onerror="this.onerror=null;this.src='image/userdark.png';" />
+			<img id="UserAvatarIcon" src="img/left_home_account.svg" onerror="this.onerror=null;this.src='img/left_home_account.svg';" />
 		</div>
-		<div id="UserName" class="TextS1"></div>
-		<div id="LogoutBtn" class="Btn trans" tid="t50" onClick="OnLogOut()">log out</div>
-	</div>	
+		<div id="UserName" class="TextS1 auto-hide"></div>
+		<div class="PullBtn auto-hide">
+				<div id="DropdownWrapper" class="DropdownBG">
+					<div class="dropdown-header DropdownHeaderBG">
+						<div class="avatar" id="DropdownAvatar"></div>
+						<div class="user-details">
+							<div class="UserName TextS1" id="DropdownUserName"></div>
+							<div class="UserEmail TextS2" id="DropdownUserEmail"></div>
+						</div>
+					</div>
+					<div class="DropdownFooter">
+						<div class="LogoutIcon"></div>
+						<div class="LogoutBtn TextS2 trans" tid="t50" onClick="OnLogOut()">log out</div>
+					</div>
+					<!-- <textarea id="consoleinfo"></textarea> -->
+				</div>
+		</div>
+		<!-- <div id="LogoutBtn" class="Btn trans" tid="t50" onClick="OnLogOut()">log out</div> -->
+	</div>
 	<!-- //B -->
 	<!-- <div id="NoPluginTip">	
-	    <div id="NoPluginText"><a class="RedFont trans" tid="t76">Network plugin not detected. Click </a><a Class="LinkBtn trans" onClick="BeginDownloadNetworkPlugin()" tid="t77">here</a><a class="RedFont trans" tid="t78"> to install it.</a></div>
+	    <div id="NoPluginText"><a class="RedFont trans" tid="t76">Please </a><a Class="LinkBtn trans" onClick="BeginDownloadNetworkPlugin()" tid="t77">install</a><a class="RedFont trans" tid="t78"> the network plugin before logging in.</a></div>
 	</div>
 		 -->
 	</div>

 	<div id="BtnArea">
-	    <div menu="home" class="BtnItem BtnItemSelected" onClick="GotoMenu('home')">
-			<div class="BtnIcon "><img class="LeftIcon" src="img/left_home.svg" /></div>
-			<div class="BtnText trans" tid="t114">Home</div>
-		</div>	
-	    <div menu="recent" class="BtnItem" onClick="GotoMenu('recent')">
-			<div class="BtnIcon "><img class="LeftIcon" src="img/left_recent.svg" /></div>
-			<div class="BtnText trans" tid="t35">Recent</div> 
-		</div>	
-	    <div menu="online" class="BtnItem" onClick="GotoMenu('online')">
-			<div class="BtnIcon"><img class="LeftIcon" src="img/left_online.svg" /></div>
-			<div class="BtnText trans" tid="t107">Online Models</div> 
-			<div id="OnlineNewTag" class="BtnNewIcon">New</div>
-		</div>			
-	    <div menu="makerlab" class="BtnItem" onClick="GotoMenu('makerlab')">
-			<div class="BtnIcon "><img class="LeftIcon" src="img/left_ml.svg" /></div>
-			<div class="BtnText trans" tid="">MakerLab</div>
-			<div id="MakerlabNewTag" class="BtnNewIcon">New</div>
+		<div class="TopContainer">
+			<div menu="home" class="BtnItem BtnItemSelected" onClick="GotoMenu('home')">
+				<div class="BtnIcon "><img class="LeftIcon" src="img/left_library.svg" /></div>
+				<div class="BtnText trans" tid="t114">Library</div>
+			</div>	
+			<div menu="recent" class="BtnItem" onClick="GotoMenu('recent')">
+				<div class="BtnIcon "><img class="LeftIcon" src="img/left_recent.svg" /></div>
+				<div class="BtnText trans" tid="t35">Recent</div> 
+			</div>	
+			<div menu="online" class="BtnItem" onClick="GotoMenu('online')">
+				<div class="BtnIcon"><img class="LeftIcon" src="img/left_online.svg" /></div>
+				<div class="BtnText trans" tid="t107">Online Models</div> 
+				<div id="OnlineNewTag" class="BtnNewIcon">New</div>
+			</div>			
+			<div menu="makerlab" class="BtnItem" onClick="GotoMenu('makerlab')">
+				<div class="BtnIcon "><img class="LeftIcon" src="img/left_ml.svg" /></div>
+				<div class="BtnText trans" tid="">MakerLab</div>
+				<div id="MakerlabNewTag" class="BtnNewIcon">New</div>
+			</div>
+			<!--y68-->
+			<!-- <div menu="makersupply" class="BtnItem TopDivider" onClick="GotoMenu('makersupply')">
+				<div class="BtnIcon "><img class="LeftIcon" src="img/left_ms.svg" /></div>
+				<div class="BtnText trans" tid="t125">Maker’s Supply</div>
+				<div class="BtnIcon BtnIcon-Right"><img class="RightIcon" src="img/left_link.svg"/></div>
+			</div>	 -->
 		</div>
-	    <!-- <div menu="makersupply" class="BtnItem" onClick="GotoMenu('makersupply')">
-			<div class="BtnIcon "><img class="LeftIcon" src="img/left_ms.svg" /></div>
-			<div class="BtnText trans" tid="t125">Maker’s Supply</div>
-		</div>	 -->
-	    <div menu="printhistory" class="BtnItem" onClick="GotoMenu('printhistory')">
-			<div class="BtnIcon "><img class="LeftIcon" src="img/left_ph.svg" /></div>
-			<div class="BtnText trans" tid="t117">Print History</div>
-		</div>		
-	    <div menu="manual" class="BtnItem" onClick="GotoMenu('manual')">
-			<div class="BtnIcon "><img class="LeftIcon" src="img/left_manual.svg" /></div>
-			<div class="BtnText trans" tid="t87">User Manual</div>
-		</div>		
+		
+		<div class="BottomContainer">
+			<div id="printhistory" menu="printhistory" class="BtnItem TopDivider" onClick="GotoMenu('printhistory')">
+				<div class="BtnIcon "><img class="LeftIcon" src="img/left_ph.svg" /></div>
+				<div class="BtnText trans" tid="t117">Print History</div>
+			</div>		
+			<div menu="manual" class="BtnItem TopDivider" onClick="GotoMenu('manual')">
+				<div class="BtnIcon "><img class="LeftIcon" src="img/left_manual.svg" /></div>
+				<div class="BtnText trans" tid="t87">User Manual</div>
+				<div class="BtnIcon BtnIcon-Right"><img class="RightIcon" src="img/left_link.svg"/></div>
+			</div>
+		</div>	
 	</div>
 </div>