Refactoring....

kode-team · Apr 27, 2020 · 6f00ffd · 6f00ffd
1 parent 711651f
commit 6f00ffd
Show file tree

Hide file tree

Showing 8 changed files with 13 additions and 42 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!doctype html> <html> <head> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-139740394-1"></script> <link rel=icon href=icon.png sizes=128x128> <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-139740394-1")</script> <script>!function(e,n,a,t){e.dmndata=[],e.jenniferFront=function(e){window.dmndata.push(e)},e.dmnaid=t,e.dmnatime=new Date,e.dmnanocookie=!1,e.dmnajennifer="JENNIFER_FRONT@INTG";var d=6e4*Math.floor((new Date).getTime()/6e4),c=n.createElement(a);c.src="https://d-collect.jennifersoft.com/"+t+"/demian.js?"+d,c.async=!0,n.getElementsByTagName(a)[0].parentNode.appendChild(c)}(window,document,"script","cc474308-b29c-af41-7393-409d285dca6e")</script> <meta charset=utf-8 /> <title>Fantastic Web Design Tool</title> <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no"/> <meta name=description content="You can make simply web with Web editor. "/> <meta name=keywords content=html5,css,svg,editor> <meta name=author content=easylogic> <meta property=og:title content="Fantastic Web Design Tool"/> <meta property=og:type content=website /> <meta property=og:description content="You can make simply web with Web editor. "/> <meta property=og:url content=https://www.easylogic.studio /> <meta property=og:image content=https://www.easylogic.studio/images/editor.png /> <meta property=twitter:card content=summary_large_image> <meta property=twitter:url content=https://www.easylogic.studio> <meta property=twitter:title content="Fantastic Web Design Tool"> <meta property=twitter:description content="You can make simply web with Web editor. "> <meta property=twitter:image content=https://www.easylogic.studio/images/editor.png> <meta name="apple-mobile-web-app-title" content="EasyLogic Studio" /><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black" /><link rel="manifest" href="manifest.d340e7a054029504e2ef48b504944d74.json" crossorigin="use-credentials" /><link href="main.5112bbdd02b051515e03.css" rel="stylesheet"></head> <body><script type="text/javascript" src="main.0a372d30dcdf677aa627.js"></script></body> </html> 
+<!doctype html> <html> <head> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-139740394-1"></script> <link rel=icon href=icon.png sizes=128x128> <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-139740394-1")</script> <script>!function(e,n,a,t){e.dmndata=[],e.jenniferFront=function(e){window.dmndata.push(e)},e.dmnaid=t,e.dmnatime=new Date,e.dmnanocookie=!1,e.dmnajennifer="JENNIFER_FRONT@INTG";var d=6e4*Math.floor((new Date).getTime()/6e4),c=n.createElement(a);c.src="https://d-collect.jennifersoft.com/"+t+"/demian.js?"+d,c.async=!0,n.getElementsByTagName(a)[0].parentNode.appendChild(c)}(window,document,"script","cc474308-b29c-af41-7393-409d285dca6e")</script> <meta charset=utf-8 /> <title>Fantastic Web Design Tool</title> <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no"/> <meta name=description content="You can make simply web with Web editor. "/> <meta name=keywords content=html5,css,svg,editor> <meta name=author content=easylogic> <meta property=og:title content="Fantastic Web Design Tool"/> <meta property=og:type content=website /> <meta property=og:description content="You can make simply web with Web editor. "/> <meta property=og:url content=https://www.easylogic.studio /> <meta property=og:image content=https://www.easylogic.studio/images/editor.png /> <meta property=twitter:card content=summary_large_image> <meta property=twitter:url content=https://www.easylogic.studio> <meta property=twitter:title content="Fantastic Web Design Tool"> <meta property=twitter:description content="You can make simply web with Web editor. "> <meta property=twitter:image content=https://www.easylogic.studio/images/editor.png> <meta name="apple-mobile-web-app-title" content="EasyLogic Studio" /><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black" /><link rel="manifest" href="manifest.d340e7a054029504e2ef48b504944d74.json" crossorigin="use-credentials" /><link href="main.5112bbdd02b051515e03.css" rel="stylesheet"></head> <body><script type="text/javascript" src="main.431e10cf1c22721aadd7.js"></script></body> </html> 
diff --git a/docs/main.0a372d30dcdf677aa627.js → docs/main.431e10cf1c22721aadd7.js b/docs/main.0a372d30dcdf677aa627.js → docs/main.431e10cf1c22721aadd7.js
diff --git a/docs/service-worker.js b/docs/service-worker.js
diff --git a/src/csseditor/ui/control/Componentitems.js b/src/csseditor/ui/control/Componentitems.js
@@ -27,13 +27,6 @@ export default class ComponentItems extends UIElement {
             <AddImage title='Image' />
           </div>
         </div>
-        <div class='group'>
-        <label>${this.$i18n('component.items.3dlayer')}</label>
-          <div class='list'>            
-            <AddCube title='Cube' />
-            <AddCylinder title='Cylinder' />
-          </div>
-        </div>
         <div class='group'>
          <label>${this.$i18n('component.items.drawing')}</label>
           <div class='list'>            
@@ -45,10 +38,12 @@ export default class ComponentItems extends UIElement {
             <AddSVGText title='Text' />
             <AddSVGTextPath title='Text Path' />
           </div>          
-        </div>  
+        </div>
         <div class='group'>
          <label>${this.$i18n('component.items.custom')}</label>
           <div class='list'>            
+            <AddCube title='Cube' />
+            <AddCylinder title='Cylinder' />          
           </div>          
         </div>          
       </div>

diff --git a/src/csseditor/ui/property/SVGItemProperty.js b/src/csseditor/ui/property/SVGItemProperty.js
@@ -40,22 +40,6 @@ export default class SVGItemProperty extends BaseProperty {
         this.$el.show();
       }
 
-      if (current.is('svg-path', 'svg-textpath')) {
-        this.refs.$path.show();
-        this.refs.$totalLength.show();
-        this.refs.$polygon.hide();        
-
-      } else if (current.is('svg-polygon')) {
-        this.refs.$path.hide();
-        this.refs.$polygon.show();
-        this.refs.$totalLength.show();        
-
-      } else {
-        this.refs.$path.hide();
-        this.refs.$polygon.hide();
-        this.refs.$totalLength.hide();        
-      }
-
       this.refs.$length.text(current.totalLength);
       this.children.$fill.setValue(current['fill'] || 'rgba(0, 0, 0, 0)')
       this.children.$stroke.setValue(current['stroke'] || 'rgba(0, 0, 0, 1)')
@@ -102,19 +86,9 @@ export default class SVGItemProperty extends BaseProperty {
       <div ref='$svgProperty'>
         <div class='property-item animation-property-item' ref='$path'>
           <span class='add-timeline-property' data-property='d'></span>      
-          <label>${this.$i18n('svg.item.property.path')} - d </label>
+          <label>${this.$i18n('svg.item.property.path')} - <span ref='$length'></span> </label>
         </div>      
 
-
-        <div class='property-item animation-property-item' ref='$polygon'>
-          <span class='add-timeline-property' data-property='points'></span>      
-          <label>${this.$i18n('svg.item.property.polygon')} - points </label>
-        </div>         
-
-        <div class='property-item label' ref='$totalLength'>
-          <label>${this.$i18n('svg.item.property.totalLength')} <span ref='$length'></span></label>
-        </div>
-
         <div class='property-item animation-property-item'>
           <span class='add-timeline-property' data-property='fill'></span>
           <FillSingleEditor ref='$fill' label='${this.$i18n('svg.item.property.fill')}' key='fill' onchange="changeValue" />

diff --git a/src/csseditor/ui/view-items/SelectionToolView.js b/src/csseditor/ui/view-items/SelectionToolView.js
@@ -152,7 +152,7 @@ export default class SelectionToolView extends SelectionToolBind {
     }        
 
     toggleEditingPath (isEditingPath) {
-        // this.refs.$selectionTool.toggleClass('editing-path', isEditingPath);
+        this.refs.$selectionTool.toggleClass('editing-path', isEditingPath);
     }
 
     checkEditMode () {

diff --git a/src/csseditor/ui/view/ToolMenu.js b/src/csseditor/ui/view/ToolMenu.js
@@ -20,6 +20,8 @@ export default class ToolMenu extends UIElement {
             <!-- <AddDrawBrush /> -->
             <AddDrawPath />
             <AddPath />
+            <AddSVGRect />
+            <AddSVGCircle />            
             <AddSVGText />
             <AddSVGTextPath />
             <AddPolygon />

diff --git a/src/editor/parse/PathGenerator.js b/src/editor/parse/PathGenerator.js
@@ -739,12 +739,12 @@ export default class PathGenerator {
 
             } else if (e.altKey) {  
                 this.moveSegment(segmentKey, dx, dy);
+
+                // 상대편 rotate 하는데 
+                this.rotateSegment(segmentKey);                
             } else {    // Curve 만 움직이기 
                 // 해당 segment 먼저 움직이고 
                 this.moveSegment(segmentKey, dx, dy);
-
-                // 상대편 rotate 하는데 
-                this.rotateSegment(segmentKey);
             }
         } else {
             this.moveSegment('startPoint', dx, dy);