[{"__symbolic":"module","version":4,"metadata":{"ConfigureViewComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":28,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"configure-view","template":"<div> <div [id]=\"'View-'+ args.viewId\" class=\"diagramContainer\"></div> <div [id]=\"'contextMenu' + args.viewId\" class=\"contextMenu\"> <ul> <li class=\"addRow\" (click)=\"cxcommand('addRow')\"> <a href=\"javascript:;\">{{lc(\"AddRow\")}}</a> </li> <li class=\"addCol\" (click)=\"cxcommand('addCol')\"> <a href=\"javascript:;\">{{lc(\"AddColumn\")}}</a> </li> <li class=\"deleteRow\" (click)=\"cxcommand('deleteRow')\"> <a href=\"javascript:;\">{{lc(\"DeleteRow\")}}</a> </li> <li class=\"deleteCol\" (click)=\"cxcommand('deleteCol')\"> <a href=\"javascript:;\">{{lc(\"DeleteColumn\")}}</a> </li> </ul> </div> </div>","styles":[".design-designer{ @titleBackground: #f4f4f4; @titleHeight: 28px; @titlePadding: 0 10px; ul.windowUl { padding: 0; list-style: none; } .screenTitle a { text-decoration: none; display: inline-block; height: 20px; cursor: pointer; width: 20px; background-image: url(\"/assets/common/images/configure/toolbar.png\"); } .levelSpacing { background-position: -40px -60px; } .levelSpacing:hover { background-position: 0px -60px; } .verticalSpacing { background-position: -100px -60px; } .verticalSpacing:hover { background-position: -60px -60px; } .aequilatus { background-position: -160px -60px; } .aequilatus:hover { background-position: -120px -60px; } .accordant { background-position: -220px -60px; } .accordant:hover { background-position: -180px -60px; } .large { background-position: -40px -80px; } .large:hover { background-position: 0px -80px; } .homochromy { background-position: -100px -80px; } .homochromy:hover { background-position: -60px -80px; } .topFloor { background-position: -160px -80px; } .topFloor:hover { background-position: -120px -80px; } .bottomFloor { background-position: -220px -80px; } .bottomFloor:hover { background-position: -180px -80px; } .upperFloor { background-position: -40px -100px; } .upperFloor:hover { background-position: 0px -100px; } .nextFloor { background-position: -100px -100px; } .nextFloor:hover { background-position: -60px -100px; } .top { background-position: 80px -80px; } .top:hover { background-position: 120px -80px; } .bottom { background-position: 20px -80px; } .bottom:hover { background-position: 60px -80px; } .prev { background-position: -40px -100px; } .prev:hover { background-position: 0px -100px; } .next { background-position: -100px -100px; } .next:hover { background-position: -60px -100px; } .contentBox { position: relative; overflow: hidden; width: 100%; } .windowsList { float: left; width: 220px; min-height: 500px; background: #f4f4f4; } .windowBox { border: solid 1px gray; } .padding { padding: 10px 0; } .floatRight { position: absolute; right: 0; display: inline-block; } .span { cursor: pointer; display: inline-block; height: 28px; width: 28px; } .itemList { position: relative; line-height: 24px; padding: 0 10px; } .itemList:hover { cursor: pointer; color: #000; background: #dae8ff; } .selected { background: #3695ff; color: #fff; } .configTitle { height: @titleHeight; padding: @titlePadding; background-color: @titleBackground; line-height: @titleHeight; color: #666; } @media (max-width:886px){ .diagram { top: 119px !important; } } @media (max-width:527px){ .diagram { top: 185px !important; } } .diagram { position: absolute; right: 0; top: 82px; left: 220px; bottom: 0; background-color: #bbb; .tab-content{ overflow: auto; } } .diagramContainer{ position: relative; } .contextMenu { z-index: 10001; position: absolute; left: 5px; background-color: #ffffff; display: none; font-size: 12px; font-family: sans-serif; font-weight: bold; box-shadow: 0 0 5px #666; } .contextMenu ul { list-style: none; top: 0; left: 0; margin: 0; padding: 0; } .contextMenu li a { position: relative; min-width: 60px; display: inline-block; padding: 6px; text-decoration: none; cursor: pointer; font-size: 12px; color: #666; font-weight: initial; } .contextMenu li:hover { background: #dae8ff; } .contextMenu li ul li { display: none; } .contextMenu li ul li a { position: relative; min-width: 60px; padding: 6px; text-decoration: none; cursor: pointer; } .contextMenu li:hover ul li { display: block; margin-left: 0px; margin-top: 0px; } } "]}]}],"members":{"args":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"commandHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}}]}],"modifiedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":5}}]}],"elementDoubleClicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":51,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":56,"character":9},"arguments":[{"__symbolic":"reference","module":"../../settings/designer-settings.service","name":"DESIGNER_SETTINGS_SERVICE","line":56,"character":16}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":53,"character":35},{"__symbolic":"reference","module":"../../../diagram/diagram-template.service","name":"DiagramTemplateService","line":54,"character":42},{"__symbolic":"reference","module":"../../../diagram/layer.service","name":"LayerService","line":55,"character":39},{"__symbolic":"reference","module":"../../settings/designer-settings.service","name":"DesignerSettingsService","line":56,"character":85},{"__symbolic":"reference","module":"../../../../../shared/service-proxies/service-proxies","name":"ConfigureViewServiceProxy","line":57,"character":52},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalService","line":58,"character":39}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":146,"character":5},"arguments":["window:resize",[]]}]}],"refreshSize":[{"__symbolic":"method"}],"showViewSettings":[{"__symbolic":"method"}],"saveViewSettings":[{"__symbolic":"method"}],"cxcommand":[{"__symbolic":"method"}]}}}}]