enyojs/ares-project — pull request #409 by sunggye (2013-07-22 15:13:33+00:00)
Title: ENYO-2609: AAAD, I can change specific properties of a control in the designer only, without affecting the instance properties

Modification:
- deimos/source/Deimos.js
- deimos/source/designer/Designer.js
- deimos/source/designer/Inspector.js
- deimos/source/designer/iframe/iframe.js

Improvement Points:
- ARES should have the feature to support dynamic UI components for example, Drawer, Panels, Dialog Box, and so on
- Now, ARES support changing properties of individual kinds but, it affect changing user source code.
- That is not convenient for users when they try to edit kinds on designer, for example, adding more panel on panels they want to see the next panel without adding index property.
- ARES should support various dynamic UI components on designer. So, the improvements regard the extensible design for the future.
- Right now, only panels kind is supported. But, later, the others will be easily extended by adding more on the rule of the architecture as same manner of panels implementation

Benefits:
- Users can edit enyo dynamic UI component without affecting their own source code change.

Test Results:
- Please refer to the below pictures & reports.

Enyo-DCO-1.1-Signed-off-by: Seunggye Lee shiftpwr@gmail.com

1. When you open source code, you can see panels are located on the kind.
![2013-07-22 11 58 10](https://f.cloud.github.com/assets/1659327/835661/6a10d598-f2e0-11e2-9bcc-2b1387f323a3.png)

2. When you move to designer, you cannot see "Previous Panel" & "Next Panel" button except for "panels" clicking on component view.
![2013-07-22 11 59 38](https://f.cloud.github.com/assets/1659327/835677/a28979d4-f2e0-11e2-84e4-1c7d1a2087da.png)

3. Now, you can see the buttons, when you click "panels" component on the component view.
![2013-07-22 11 59 58](https://f.cloud.github.com/assets/1659327/835686/c0ef70d6-f2e0-11e2-89d1-da8ddabb3d7e.png)

4. When you click the buttons, you can navigate the panel without changing source code.
![2013-07-23 12 00 13](https://f.cloud.github.com/assets/1659327/835691/e55215e6-f2e0-11e2-94f1-afa9c0b7fbe6.png)
![2013-07-23 12 00 29](https://f.cloud.github.com/assets/1659327/835696/ee66cbcc-f2e0-11e2-8135-0687981c21ca.png)

5. Finally, you can confirm the source code not changing when you come back to source code editor.

6. This time only is "Panels" component implemented, but, later we can add the others easily as the same manners with "Panels"