Skip to content

Commit

Permalink
[수정] ASG 블루프린트 업데이트 (#101)
Browse files Browse the repository at this point in the history
  • Loading branch information
@Eeap
Eeap authored Aug 10, 2023
2 parents 6364dfc + eb56e78 commit 207678e
Show file tree
Hide file tree
Showing 3 changed files with 94 additions and 65 deletions.
Binary file modified src/assets/resources/blueprints/ASG.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 8 additions & 9 deletions src/components/dashboard/BluePrint.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,19 +42,15 @@ const onClick = () => {
></v-img>
</v-row>

<v-row>
<v-row class="text-header">
<div>
Build Auto Scailing Group for scale
in-out.
Auto Scailing Group for scale in-out.
</div>
</v-row>
<v-row>
<div>
Resources <br />
<ul>
<li>Auto Scailing Group</li>
<li>Elastic Load Balancer</li>
</ul>
Build Auto Scailing Group using ELB and
ASG on AWS.
</div>
</v-row>
</v-container>
Expand All @@ -74,7 +70,10 @@ const onClick = () => {

<style>
.text-header {
font-weight: normal;
padding-top: 10px;
font-weight: bolder;
}
.text-description {
}
.dialog-form {
min-width: 400px;
Expand Down
142 changes: 86 additions & 56 deletions src/components/dashboard/BluePrintData.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,13 @@ export const blueprintData = {
{
type: 'vpc',
dimensions: {
width: 1170,
height: 482,
width: 1553,
height: 636,
},
handleBounds: {},
computedPosition: {
x: 0.31950791077292706,
y: 41.6640625,
x: -777.0679569698721,
y: -1211.3589869669183,
z: 0,
},
selected: false,
Expand All @@ -20,45 +20,46 @@ export const blueprintData = {
name: 'example-vpc',
cidr: '10.0.0.0/16',
publicsubnet: 2,
privatesubnet: 3,
privatesubnet: 2,
azs: ['us-east-1c', 'us-east-1a'],
nat_gateway: true,
},
events: {},
id: '0',
position: {
x: 0.31950791077292706,
y: 41.6640625,
x: -777.0679569698721,
y: -1211.3589869669183,
},
label: 'vpc node',
style: {
width: '1170.228822720381px',
height: '482px',
width: '1553px',
height: '635.9879131342452px',
},
isParent: true,
},
{
parentNode: '3',
type: 'privatesubnet',
dimensions: {
width: 200,
height: 300,
},
handleBounds: {},
computedPosition: {
x: 149.88787342763385,
y: 168.60615664309148,
x: -293.6599157487084,
y: -1061.8143990921951,
z: 2,
},
selected: false,
dragging: false,
resizing: false,
initialized: true,
parentNode: '3',
data: {},
events: {},
id: '1',
position: {
x: 82.56836551686092,
y: 55.94209414309148,
x: 369.40804122116367,
y: 75.54458787472328,
},
label: 'privatesubnet node',
expandParent: true,
Expand All @@ -68,22 +69,22 @@ export const blueprintData = {
},
},
{
parentNode: '0',
type: 'asg',
dimensions: {
width: 330,
height: 375,
width: 641,
height: 419,
},
handleBounds: {},
computedPosition: {
x: 67.31950791077293,
y: 112.6640625,
x: -663.0679569698721,
y: -1137.3589869669183,
z: 1,
},
selected: false,
dragging: false,
resizing: false,
initialized: true,
parentNode: '0',
data: {
min_size: 1,
max_size: 3,
Expand All @@ -95,103 +96,132 @@ export const blueprintData = {
events: {},
id: '3',
position: {
x: 67,
y: 71,
x: 114,
y: 74,
},
label: 'asg node',
expandParent: true,
style: {
width: '330px',
height: '375px',
width: '641px',
height: '419px',
},
isParent: true,
},
{
type: 'privatesubnet',
parentNode: '6',
type: 'publicsubnet',
dimensions: {
width: 317,
height: 376,
width: 200,
height: 300,
},
handleBounds: {},
computedPosition: {
x: 414.9831281936739,
y: 112.59341219531507,
z: 1,
x: 333.31067145684324,
y: -1059.8029236807351,
z: 2,
},
selected: false,
dragging: false,
resizing: false,
initialized: true,
parentNode: '6',
data: {},
events: {},
id: '4',
id: '5',
position: {
x: 414.663620282901,
y: 70.92934969531507,
x: 308.46080852014256,
y: 43.5560632861833,
},
label: 'privatesubnet node',
label: 'publicsubnet node',
expandParent: true,
style: {
width: '317px',
height: '376px',
width: '121px',
height: '292px',
},
},
{
type: 'publicsubnet',
parentNode: '0',
type: 'alb',
dimensions: {
width: 307,
height: 377,
width: 593,
height: 389,
},
handleBounds: {},
computedPosition: {
x: 770.7803164309155,
y: 113.2201257861833,
x: 24.849862936700674,
y: -1103.3589869669183,
z: 1,
},
selected: false,
dragging: false,
resizing: false,
initialized: true,
parentNode: '6',
data: {},
events: {},
id: '5',
id: '6',
position: {
x: 770.4608085201426,
y: 71.5560632861833,
x: 801.9178199065727,
y: 108,
},
label: 'publicsubnet node',
label: 'alb node',
expandParent: true,
isParent: true,
style: {
width: '307px',
height: '377px',
width: '593px',
height: '388.89484860665726px',
},
},
{
type: 'alb',
parentNode: '6',
type: 'publicsubnet',
dimensions: {
width: 200,
height: 300,
},
handleBounds: {},
computedPosition: {
x: 852.0460458433295,
y: 173.7761890723665,
x: 76.10331874390693,
y: -1056.842809607057,
z: 2,
},
selected: false,
dragging: false,
resizing: false,
initialized: true,
parentNode: '0',
data: {},
events: {},
id: '6',
id: '2',
position: {
x: 500.26572941241398,
y: 60.55606328618319,
x: 51.25345580720625,
y: 46.51617735986133,
},
label: 'alb node',
label: 'publicsubnet node',
expandParent: true,
},
{
type: 'privatesubnet',
dimensions: {
width: 200,
height: 300,
},
handleBounds: {},
computedPosition: {
x: -556.7704637799641,
y: -1055.3589869669183,
z: 2,
},
selected: false,
dragging: false,
resizing: false,
initialized: true,
parentNode: '3',
data: {},
events: {},
id: '8',
position: {
x: 106.29749318990798,
y: 82,
},
label: 'privatesubnet node',
expandParent: true,
},
],
Expand Down

0 comments on commit 207678e

Please sign in to comment.