Add project info editor (#3754)

* Add button to add model info

* Initial impl of project info editor

* Add sidebar item to edit project info

* Add license selector

* Fix use of deprecated apis

* Fix license combox dark mode

* Add back button on project info editor screen

---------

Co-authored-by: SoftFever <softfeverever@gmail.com>

resources/web/data/text.js

@@ -84,9 +84,21 @@ var LangText = {
     t89: "Open Containing Folder",
     t90: "3D Model",
     t91: "Download 3D models",
-    t92: "Bambu Christmas Cabin",
-    t93: "Printer Connection",
-    t94: "Please set up your printer connection to view the device.",
+		"t92": "Create by",
+		"t93": "Remixed by",
+		"t94": "Shared by",
+		"t95": "Model Information",
+		"t96": "Accessories",
+		"t97": "Profile Information",
+		"t98": "Model name",
+		"t100":"Model description",
+		"t101":"BOM",
+		"t102":"Assembly Guide",
+		"t103":"Other",
+		"t104":"Profile name",
+		"t105":"Profile Author",
+		"t106":"Profile description",
+    orca1: "Edit Project Info",
   },
   es_ES: {
     t1: "Bienvenido a Orca Slicer",
@@ -173,9 +185,20 @@ var LangText = {
     t89: "Abrir carpeta contenedora",
     t90: "Modelo 3D",
     t91: "Descargar modelos 3D",
-    t92: "Cabina Bambú de Navidad",
-    t93: "Conexión de Impresora",
-    t94: "Por favor, configure la conexión de red de la impresora para encontrarla.",
+		"t92": "Creado por",
+		"t93": "Remixado por",
+		"t94": "Compartido por",
+		"t95": "Información del modelo",
+		"t96": "Accesorios",
+		"t97": "Información del perfil",
+		"t98": "Nombre del modelo",
+		"t100": "Descripción del modelo",
+		"t101": "Lista de materiales",
+		"t102": "Guía de ensamblaje",
+		"t103": "Otros",
+		"t104": "Nombre del perfil",
+		"t105": "Autor del perfil",
+		"t106": "Descripción del perfil",
   },
   de_DE: {
     t1: "Willkommen im Orca Slicer",
@@ -262,7 +285,20 @@ var LangText = {
     t89: "Enthaltenden Ordner öffnen",
     t90: "3D-Modell",
     t91: "3D-Modelle herunterladen",
-    t92: "Bambu Weihnachtshütte",
+		"t92": "Erstellt von",
+		"t93": "Remixed von",
+		"t94": "Geteilt von",
+		"t95": "Modellinformationen",
+		"t96": "Zubehör",
+		"t97": "Profilinformationen",
+		"t98": "Modellname",
+		"t100": "Modellbeschreibung",
+		"t101": "Stückliste",
+		"t102": "Montageanleitung",
+		"t103": "Andere",
+		"t104": "Profilname",
+		"t105": "Profilautor",
+		"t106": "Profilbeschreibung",
   },
   cs_CZ: {
     t1: "Vítejte v Orca Slicer",
@@ -349,7 +385,20 @@ var LangText = {
     t89: "Otevřít složku obsahující",
     t90: "3D model",
     t91: "Stáhnout 3D modely",
-    t92: "Vánoční kabina Bambu",
+		"t92": "Vytvořil",
+		"t93": "Přepracováno",
+		"t94": "Sdíleno",
+		"t95": "Informace o modelu",
+		"t96": "Příslušenství",
+		"t97": "Informace o profilu",
+		"t98": "Název modelu",
+		"t100":"Popis modelu",
+		"t101":"Seznam součástek (BOM)",
+		"t102":"Průvodce sestavením",
+		"t103":"Jiné",
+		"t104":"Název profilu",
+		"t105":"Autor profilu",
+		"t106":"Popis profilu",
   },
   fr_FR: {
     t1: "Bienvenue sur Orca Slicer",
@@ -436,9 +485,20 @@ var LangText = {
     t89: "Ouvrir le dossier contenant",
     t90: "Modèle 3D",
     t91: "Télécharger des modèles 3D",
-    t92: "Cabane de Noël Bambu",
-    t93: "Connexion à l'imprimante",
-    t94: "Veuillez configurer la connexion de votre imprimante pour afficher l'interface.",
+		"t92": "Créé par",
+		"t93": "Remixé par",
+		"t94": "Partagé par",
+		"t95": "Informations sur le modèle",
+		"t96": "Accessoires",
+		"t97": "Informations de profil",
+		"t98": "Nom du modèle",
+		"t100": "Description du modèle",
+		"t101": "BOM",
+		"t102": "Guide d'assemblage",
+		"t103": "Autre",
+		"t104": "Nom du profil",
+		"t105": "Auteur du profil",
+		"t106": "Description du profil",
     t109: "Filaments du système",
     t110: "Filaments personnalisés",
     t111: "Créer un nouveau filament",
@@ -544,7 +604,20 @@ var LangText = {
     t89: "打开所在的文件夹",
     t90: "3D 模型",
     t91: "下载3D模型",
-    t92: "Bambu圣诞小屋",
+		"t92": "创作",
+		"t93": "修改",
+		"t94": "分享",
+		"t95": "模型信息",
+		"t96": "附件",
+		"t97": "配置信息",	
+		"t98": "模型名称",
+		"t100":"模型介绍",
+		"t101":"物料清单",
+		"t102":"装备指导",
+		"t103":"其他",
+		"t104":"配置名称",
+		"t105":"配置作者",
+		"t106":"配置介绍",
     wk1: "快速入门指南",
     wk2: "本文介绍了Orca Slicer的最基本用法。它指导用户配置软件，创建项目，并逐步完成第一个打印任务。",
     wk3: "基于项目的工作流",
@@ -561,6 +634,7 @@ var LangText = {
     wk14: "与STL相比，STEP带来了更多有效的信息。由于STEP的高精度，切片时可以生成更多的圆弧路径。STEP还包括模型每个零件的装配关系，可分割模型后恢复装配视图。",
     wk15: "3D文本",
     wk16: "使用3D文本工具，用户可以轻松地在项目中创建各种3D文本形状，使模型更加个性化。Orca Slicer提供了数十种字体，并支持粗体和斜体样式，使文本具有更大的灵活性。",
+    orca1: "编辑项目信息",
   },
   zh_TW: {
     t1: "歡迎使用 Orca Slicer",

resources/web/model/css/dark.css

@@ -65,4 +65,9 @@ a
 .FileItem
 {
 	background-color:#36363C;
-}
+}
+
+#AddModelInfoBtn:hover
+{
+	color: #000;
+}

resources/web/model/img/edit.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="-3 -3 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0769 6.84171C12.0769 6.58678 12.2835 6.38017 12.5385 6.38017C12.7934 6.38017 13 6.58678 13 6.84171V10.6923C13 11.9668 11.9668 13 10.6923 13H3.30769C2.03323 13 1 11.9668 1 10.6923V3.30769C1 2.03323 2.03323 1 3.30769 1H7.7006C7.95553 1 8.16214 1.20661 8.16214 1.46154C8.16214 1.71647 7.95553 1.92308 7.7006 1.92308H3.30769C2.54309 1.92308 1.92308 2.54309 1.92308 3.30769V10.6923C1.92308 11.4569 2.54309 12.0769 3.30769 12.0769H10.6923C11.4569 12.0769 12.0769 11.4571 12.0769 10.6923V6.84171ZM11.8775 1.74946C12.0528 1.57007 12.3392 1.5634 12.5226 1.73431C12.706 1.90541 12.7191 2.19171 12.5523 2.37885L7.51689 7.77975C7.34309 7.96617 7.05102 7.97644 6.86442 7.80264C6.67801 7.62885 6.66773 7.33678 6.84153 7.15018L11.8775 1.74946Z" fill="#6B6B6B"/>
+</svg>

resources/web/model/index.html

@@ -26,6 +26,7 @@
 <div id="EmptyArea">
 	<div><img src="img/null.png"></div>
 	<div>no model information</div>
+	<div id="AddModelInfoBtn" class="trans TextS1" tid='orca1' onClick="OnClickEditProjectInfo()">Edit Project Info</div>
 </div>
 	
 <div id="WholeArea">
@@ -42,6 +43,9 @@
     <div id="Profile_ProcessBar" class="LeftProcessBar" onclick="OnMenuClick('Model_Profile');">
 	  <img class="LeftTipIcon ProfileIcon" src="img/profile_h.svg" /><span class="trans" tid='t97'>Profile Information</span>
 	</div>	  
+    <div id="Edit_ProcessBar" class="LeftProcessBar" onclick="OnClickEditProjectInfo();">
+		<img class="LeftTipIcon" src="img/edit.svg" /><span class="trans" tid='orca1'>Edit Project Info</span>
+	</div>
   </div>	  
 	  
   <div id="LeftEmptyBlock" style="height: 100%;width:280px;">&nbsp;</div>

resources/web/model/model.css

@@ -153,7 +153,7 @@ body
 	position:fixed;
 	top: 24px;
 	width: 264px;
-	height: 120px;
+	height: 160px;
     flex-shrink: 0;
 }
 
@@ -376,3 +376,19 @@ body
 	background-color: rgba(255,0,0,.5)!important;
 }
 
+#AddModelInfoBtn
+{
+	border-width: 1px;
+	border-style: solid;
+	padding: 0px 10px;
+	border-radius: 6px;
+	line-height: 26px;
+	height: 26px;
+	margin-top: 20px;
+	cursor: pointer;
+}
+
+#AddModelInfoBtn:hover
+{
+	background-color:#CDCECE;
+}

resources/web/model/model.js

@@ -580,7 +580,14 @@ function OnClickOpenImage( F_ID )
 	$("img#"+F_ID).click();
 }
 
-
+function OnClickEditProjectInfo()
+{
+	var tSend={};
+	tSend['sequence_id']=Math.round(new Date() / 1000);
+	tSend['command']="edit_project_info";
+		
+	SendWXMessage( JSON.stringify(tSend) );		
+}