Make Menu widget legacy, add Button widget to manifest

reearth · Sep 24, 2021 · 4634b28 · 4634b28
1 parent e6f6ce9
commit 4634b28
Show file tree

Hide file tree

Showing 2 changed files with 159 additions and 5 deletions.
diff --git a/pkg/builtin/manifest.yml b/pkg/builtin/manifest.yml
@@ -123,7 +123,7 @@ extensions:
               ui: color
               title: Text color
               description: Select a color.
-              defaultValue: '#434343'
+              defaultValue: "#434343"
               availableIf:
                 field: themeType
                 type: string
@@ -133,7 +133,7 @@ extensions:
               ui: color
               title: Select color
               description: Select a color.
-              defaultValue: '#C52C63'
+              defaultValue: "#C52C63"
               availableIf:
                 field: themeType
                 type: string
@@ -143,7 +143,7 @@ extensions:
               ui: color
               title: Background color
               description: Select a color.
-              defaultValue: '#DFE5F0'
+              defaultValue: "#DFE5F0"
               availableIf:
                 field: themeType
                 type: string
@@ -1258,9 +1258,10 @@ extensions:
   - id: menu
     visualizer: cesium
     type: widget
-    title: Menu
+    title: Menu (legacy)
     description: Menu widgets
     widgetLayout:
+      floating: true
       defaultLocation:
         zone: outer
         section: left
@@ -1373,6 +1374,111 @@ extensions:
                 field: menuType
                 type: string
                 value: camera
+  - id: button
+    visualizer: cesium
+    type: widget
+    title: Button
+    description: Button widget
+    widgetLayout:
+      defaultLocation:
+        zone: outer
+        section: left
+        area: top
+    schema:
+      groups:
+        - id: default
+          title: Button
+          fields:
+            - id: buttonTitle
+              type: string
+              title: Title
+            - id: buttonStyle
+              type: string
+              title: Style
+              defaultValue: text
+              choices:
+                - key: text
+                  label: Text only
+                - key: icon
+                  label: Icon only
+                - key: texticon
+                  label: Text and icon
+            - id: buttonIcon
+              type: url
+              title: Icon
+              ui: image
+            - id: buttonColor
+              type: string
+              title: Text color
+              ui: color
+            - id: buttonBgcolor
+              type: string
+              title: Background color
+              ui: color
+            - id: buttonType
+              type: string
+              title: Type
+              defaultValue: link
+              choices:
+                - key: link
+                  label: Link
+                - key: menu
+                  label: Menu
+                - key: camera
+                  label: Camera flight
+            - id: buttonLink
+              type: url
+              title: Link
+              availableIf:
+                field: buttonType
+                type: string
+                value: link
+            - id: buttonCamera
+              type: camera
+              title: Camera flight
+              availableIf:
+                field: buttonType
+                type: string
+                value: camera
+        - id: menu
+          title: Menu
+          list: true
+          availableIf:
+            field: buttonType
+            type: string
+            value: menu
+          fields:
+            - id: menuTitle
+              type: string
+              title: Title
+            - id: menuIcon
+              type: url
+              title: Icon
+            - id: menuType
+              type: string
+              title: Type
+              defaultValue: link
+              choices:
+                - key: link
+                  label: Link
+                - key: camera
+                  label: Camera
+                - key: border
+                  label: Break
+            - id: menuLink
+              type: url
+              title: Link
+              availableIf:
+                field: menuType
+                type: string
+                value: link
+            - id: menuCamera
+              type: camera
+              title: Camera
+              availableIf:
+                field: menuType
+                type: string
+                value: camera
   - id: splashscreen
     visualizer: cesium
     type: widget

diff --git a/pkg/builtin/manifest_ja.yml b/pkg/builtin/manifest_ja.yml
@@ -579,7 +579,7 @@ extensions:
           item_datanum:
             title: データ(数字)
   menu:
-    title: メニュー
+    title: メニュー (廃止予定)
     description: シーンにボタンを設置し、メニューを表示します。追加したボタンに設定されたアクションタイプによって動作が変わります。\n・リンク：ボタン自体が外部サイトへのリンクになります。\n・メニュー：追加したメニューを開きます\n・カメラアクション：クリック時にカメラを移動します。
     propertySchema:
       buttons:
@@ -635,6 +635,54 @@ extensions:
             title: リンク
           menuCamera:
             title: カメラ
+  button:
+    title: ボタン
+    description: シーンにボタンを設置し、メニューを表示します。追加したボタンに設定されたアクションタイプによって動作が変わります。\n・リンク：ボタン自体が外部サイトへのリンクになります。\n・メニュー：追加したメニューを開きます\n・カメラアクション：クリック時にカメラを移動します。
+    propertySchema:
+      default:
+        title: デフォルト
+        fields:
+          buttonTitle:
+            title: タイトル
+          buttonStyle:
+            title: 表示方法
+            choices:
+              text: テキストのみ
+              icon: アイコンのみ
+              texticon: テキスト＋アイコン
+          buttonIcon:
+            title: アイコン
+          buttonColor:
+            title: テキスト色
+          buttonBgcolor:
+            title: 背景色
+          buttonType:
+            title: アクション
+            choices:
+              link: リンク
+              menu: メニュー開閉
+              camera: カメラ移動
+          buttonLink:
+            title: リンク
+          buttonCamera:
+            title: カメラ
+      menu:
+        title: メニュー
+        fields:
+          menuTitle:
+            title: タイトル
+          menuIcon:
+            title: アイコン
+          menuType:
+            title: アクション
+            choices:
+              link: リンク
+              camera: カメラ移動
+              border: 区切り線
+          menuLink:
+            title: リンク
+          menuCamera:
+            title: カメラ
   splashscreen:
     title: スプラッシュスクリーン
     description: ページロード後、最初に表示される演出を設定できます。例えば、プロジェクトのタイトルを閲覧者に見せたり、カメラを移動させることができます。