From 66094cecfff44d28949bd0dea6c99dcdf683f50b Mon Sep 17 00:00:00 2001
From: Hunseop Jeong <hs85.jeong@samsung.com>
Date: Thu, 22 Aug 2019 14:09:00 +0900
Subject: [PATCH] Set the default size of the i3d element

- Set the default value to the i3d element with 200px
- Fix issue that is incroreclty referenced

Signed-off-by: Hunseop Jeong <hs85.jeong@samsung.com>
---
 .../property/attribute/attribute-element-interactive.js      | 5 ++---
 tau-component-packages/components/i3d/package.json           | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/design-editor/src/panel/property/attribute/attribute-element-interactive.js b/design-editor/src/panel/property/attribute/attribute-element-interactive.js
index b4513961f..ed9670ea0 100644
--- a/design-editor/src/panel/property/attribute/attribute-element-interactive.js
+++ b/design-editor/src/panel/property/attribute/attribute-element-interactive.js
@@ -90,9 +90,7 @@ class AttributeInterative extends DressElement {
                         if (object.id === selectedId) {
                             if (designEditor) {
                                 var model = designEditor.getModel();
-                                var file = object.files.find(function(f) { return f.type === selectedType; });
                                 model.updateAttribute(element.id, 'type', selectedType);
-                                model.updateAttribute(element.id, 'src', path.join('i3d', 'models', selectedModel, selectedId, file.file));
                                 if (selectedType === 'obj') {
                                     var mtl = object.files.find(function(f) { return f.type === 'mtl' });
                                     if (mtl) {
@@ -114,7 +112,7 @@ class AttributeInterative extends DressElement {
                     if (selectedIndex !== 0) {
                         var selectedOption = this.options.item(selectedIndex);
                         var modelID = selectedOption.getAttribute('i3d-model');
-    
+
                         for (var model of models) {
                             if (model.id === modelID) {
                                 objects = model.objects;
@@ -143,6 +141,7 @@ class AttributeInterative extends DressElement {
                                 var file = objects[0].files.find(function(f) { return f.type === objects[0].type; });
                                 model.updateAttribute(element.id, 'src', path.join('i3d', 'models', modelID, objects[0].id, file.file));
                                 model.updateAttribute(element.id, 'i3d-model', modelID);
+								model.updateStyle(element.id, 'background', 'none');
                             }
 
                             modelContainer.show();
diff --git a/tau-component-packages/components/i3d/package.json b/tau-component-packages/components/i3d/package.json
index 073d6b752..f9b693f34 100644
--- a/tau-component-packages/components/i3d/package.json
+++ b/tau-component-packages/components/i3d/package.json
@@ -18,7 +18,7 @@
             "type": "src"
         }
     },
-    "template": "<div class=\"ui-i3d\"></div>",
+    "template": "<div class=\"ui-i3d\" style=\"height: 200px; width: 200px; display:block; background:#cacaca\"></div>",
     "resizable": true,
     "draggable": true,
     "new": true,