FilesExpand file tree

 develop

/

regions.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

132 lines (115 loc) · 4.91 KB

 develop

/

regions.js

Copy path

Top

File metadata and controls

• Code
• Blame

132 lines (115 loc) · 4.91 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

// Licensed to the Apache Software Foundation (ASF) under one

// or more contributor license agreements. See the NOTICE file

// distributed with this work for additional information

// regarding copyright ownership. The ASF licenses this file

// to you under the Apache License, Version 2.0 (the

// "License"); you may not use this file except in compliance

// with the License. You may obtain a copy of the License at

//

// http://www.apache.org/licenses/LICENSE-2.0

//

// Unless required by applicable law or agreed to in writing,

// software distributed under the License is distributed on an

// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY

// KIND, either express or implied. See the License for the

// specific language governing permissions and limitations

// under the License.

(function($, cloudStack) {

$(window).bind('cloudStack.ready', function() {

// Region switcher

var $regionList = $('<ul>');

// Get region listing

var refreshRegions = function() {

$regionList.find('li').remove();

cloudStack.sections.regions.regionSelector.dataProvider({

response: {

success: function(args) {

var data = args.data;

var currentRegion = null;

$(data).each(function() {

var region = this;

var regionName = region.name;

var $li = $('<li>').append($('<span>').html(_s(region.name)));

$li.data('region-data', region);

/* e.g.

region.endpoint == "http://localhost:8080/client/"

document.location.href == "http://localhost:8080/client/#"

*/

if (document.location.href.indexOf(region.endpoint) != -1) {

currentRegion = region;

$li.addClass('active');

}

$regionList.append($li);

});

if (currentRegion != null) {

$regionSwitcherButton.find('.title').html(_s(currentRegion.name)).attr('title', _s(currentRegion.name));

} else {

$regionSwitcherButton.find('.title').html('').attr('title', '');

}

}

}

});

};

$(window).bind('cloudStack.refreshRegions', refreshRegions);

var $regionSelector = $('<div>').addClass('region-selector')

.append($('<div>').addClass('top-arrow'))

.append($('<h2>').html(_l('label.menu.regions')))

.append($regionList)

.append(

$('<div>').addClass('buttons')

.append(

$('<div>').addClass('button close').append($('<span>').html(_l('label.close')))

)

)

.hide();

var $regionSwitcherButton = $('<div>').addClass('region-switcher')

.attr('title', _l('label.select.region'))

.append(

$('<span>').addClass('icon').html('&nbsp;'),

$('<span>').addClass('title').html('')

);

var closeRegionSelector = function(args) {

$regionSwitcherButton.removeClass('active');

$regionSelector.fadeOut(args ? args.complete : null);

$('body > .overlay').fadeOut(function() {

$('body > .overlay').remove()

});

};

var switchRegion = function(url) {

closeRegionSelector({

complete: function() {

$('#container').prepend($('<div>').addClass('loading-overlay'));

document.location.href = url;

}

});

};

$regionList.click(function(event) {

var $target = $(event.target);

var $li = $target.closest('li');

var region, url;

if ($li.size() && !$li.hasClass('active')) {

region = $li.data('region-data');

url = region.endpoint;

id = region.id;

if (id != '-1') {

switchRegion(url);

}

}

});

$regionSwitcherButton.click(function() {

if ($regionSwitcherButton.hasClass('active')) {

closeRegionSelector();

} else {

$regionSwitcherButton.addClass('active');

$regionSelector.fadeIn('fast').overlay({

closeAction: closeRegionSelector

});

}

});

$regionSelector.find('.button.close').click(function() {

closeRegionSelector();

});

$('#header .controls .view-switcher.button:last').after($regionSwitcherButton, $regionSelector);

refreshRegions();

});

}(jQuery, cloudStack));