Skip to content

Commit a7c8c61

Browse files
broguebrogue
committed
-Add example network section
-Move example VPN section to detail view -Support reordering of list view items -Example reorder actions for service offerings
1 parent 25fd670 commit a7c8c61

8 files changed

Lines changed: 738 additions & 218 deletions

File tree

‎ui/css/cloudstack3.css‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6835,3 +6835,50 @@ div.panel.ui-dialog div.list-view div.fixed-header {
68356835
background-position: -229px -586px;
68366836
}
68376837

6838+
.moveTop .icon {
6839+
background-position: -24px -161px;
6840+
}
6841+
6842+
.moveTop:hover .icon {
6843+
background-position: -24px -734px;
6844+
}
6845+
6846+
.moveBottom .icon {
6847+
background-position: -98px -161px;
6848+
}
6849+
6850+
.moveBottom:hover .icon {
6851+
background-position: -98px -734px;
6852+
}
6853+
6854+
.moveUp .icon {
6855+
background-position: -2px -161px;
6856+
}
6857+
6858+
.moveUp:hover .icon {
6859+
background-position: -2px -734px;
6860+
}
6861+
6862+
.moveDown .icon {
6863+
background-position: -55px -161px;
6864+
}
6865+
6866+
.moveDown:hover .icon {
6867+
background-position: -55px -734px;
6868+
}
6869+
6870+
.moveDrag .icon {
6871+
cursor: move;
6872+
/*+border-radius:10px;*/
6873+
-moz-border-radius: 10px;
6874+
-webkit-border-radius: 10px;
6875+
-khtml-border-radius: 10px;
6876+
border-radius: 10px 10px 10px 10px;
6877+
background-position: -74px -162px;
6878+
}
6879+
6880+
.moveDrag:hover .icon {
6881+
background-color: #FFFFFF;
6882+
cursor: move !important;
6883+
}
6884+

‎ui/images/sprites.png‎

2.56 KB
Loading

‎ui/scripts-test/configuration.js‎

Lines changed: 157 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -68,6 +68,45 @@
6868
}
6969
}
7070
},
71+
72+
reorder: {
73+
moveTop: {
74+
action: function(args) {
75+
setTimeout(function() {
76+
args.response.success();
77+
}, 500);
78+
}
79+
},
80+
moveBottom: {
81+
action: function(args) {
82+
setTimeout(function() {
83+
args.response.success();
84+
}, 500);
85+
}
86+
},
87+
moveUp: {
88+
action: function(args) {
89+
setTimeout(function() {
90+
args.response.success();
91+
}, 500);
92+
}
93+
},
94+
moveDown: {
95+
action: function(args) {
96+
setTimeout(function() {
97+
args.response.success();
98+
}, 500);
99+
}
100+
},
101+
moveDrag: {
102+
action: function(args) {
103+
setTimeout(function() {
104+
args.response.success();
105+
}, 500);
106+
}
107+
}
108+
},
109+
71110
dataProvider: function(args) {
72111
setTimeout(function() {
73112
args.response.success({
@@ -90,6 +129,45 @@
90129
memory: { label: 'Memory' },
91130
domain: { label: 'Domain'}
92131
},
132+
133+
reorder: {
134+
moveTop: {
135+
action: function(args) {
136+
setTimeout(function() {
137+
args.response.success();
138+
}, 500);
139+
}
140+
},
141+
moveBottom: {
142+
action: function(args) {
143+
setTimeout(function() {
144+
args.response.success();
145+
}, 500);
146+
}
147+
},
148+
moveUp: {
149+
action: function(args) {
150+
setTimeout(function() {
151+
args.response.success();
152+
}, 500);
153+
}
154+
},
155+
moveDown: {
156+
action: function(args) {
157+
setTimeout(function() {
158+
args.response.success();
159+
}, 500);
160+
}
161+
},
162+
moveDrag: {
163+
action: function(args) {
164+
setTimeout(function() {
165+
args.response.success();
166+
}, 500);
167+
}
168+
}
169+
},
170+
93171
actions: {
94172
add: {
95173
label: 'Add system service offering',
@@ -168,6 +246,44 @@
168246
});
169247
},
170248

249+
reorder: {
250+
moveTop: {
251+
action: function(args) {
252+
setTimeout(function() {
253+
args.response.success();
254+
}, 500);
255+
}
256+
},
257+
moveBottom: {
258+
action: function(args) {
259+
setTimeout(function() {
260+
args.response.success();
261+
}, 500);
262+
}
263+
},
264+
moveUp: {
265+
action: function(args) {
266+
setTimeout(function() {
267+
args.response.success();
268+
}, 500);
269+
}
270+
},
271+
moveDown: {
272+
action: function(args) {
273+
setTimeout(function() {
274+
args.response.success();
275+
}, 500);
276+
}
277+
},
278+
moveDrag: {
279+
action: function(args) {
280+
setTimeout(function() {
281+
args.response.success();
282+
}, 500);
283+
}
284+
}
285+
},
286+
171287
actions: {
172288
add: {
173289
label: 'Add disk offering',
@@ -251,6 +367,44 @@
251367
traffictype: { label: 'Traffic Type'}
252368
},
253369

370+
reorder: {
371+
moveTop: {
372+
action: function(args) {
373+
setTimeout(function() {
374+
args.response.success();
375+
}, 500);
376+
}
377+
},
378+
moveBottom: {
379+
action: function(args) {
380+
setTimeout(function() {
381+
args.response.success();
382+
}, 500);
383+
}
384+
},
385+
moveUp: {
386+
action: function(args) {
387+
setTimeout(function() {
388+
args.response.success();
389+
}, 500);
390+
}
391+
},
392+
moveDown: {
393+
action: function(args) {
394+
setTimeout(function() {
395+
args.response.success();
396+
}, 500);
397+
}
398+
},
399+
moveDrag: {
400+
action: function(args) {
401+
setTimeout(function() {
402+
args.response.success();
403+
}, 500);
404+
}
405+
}
406+
},
407+
254408
actions: {
255409
add: {
256410
label: 'Add network offering',
@@ -327,7 +481,7 @@
327481

328482
vlanId: { label: 'VLAN ID', isHidden: true, dependsOn: 'specifyVlan'},
329483

330-
supportedServices: {
484+
supportedServices: {
331485
label: 'Supported Services',
332486

333487
dynamic: function(args) {
@@ -343,7 +497,7 @@
343497
};
344498

345499
fields[id.isEnabled] = { label: this, isBoolean: true };
346-
fields[id.provider] = {
500+
fields[id.provider] = {
347501
label: this + ' Provider',
348502
isHidden: true,
349503
dependsOn: id.isEnabled,
@@ -368,7 +522,7 @@
368522
tags: { label: 'Tags' }
369523
}
370524
},
371-
525+
372526
notification: {
373527
poll: testData.notifications.testPoll
374528
},

0 commit comments

Comments
 (0)