FilesExpand file tree

 master

/

example.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

126 lines (108 loc) · 3.34 KB

 master

/

example.js

Copy path

Top

File metadata and controls

• Code
• Blame

126 lines (108 loc) · 3.34 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

var seqCount = 0;

var usedIds = {};

var makeUnique = {

'index.html': true,

'style.css': true,

'script.js': true,

'unit.js': true,

'spec.js': true,

'scenario.js': true

}

function ids(list) {

return list.map(function(item) { return item.id; }).join(' ');

};

exports.Example = function(scenarios) {

this.module = '';

this.deps = ['angular.js'];

this.html = [];

this.css = [];

this.js = [];

this.unit = [];

this.scenario = [];

this.scenarios = scenarios;

}

exports.Example.prototype.setModule = function(module) {

if (module) {

this.module = module;

}

};

exports.Example.prototype.addDeps = function(deps) {

deps && deps.split(/[\s\,]/).forEach(function(dep) {

if (dep) {

this.deps.push(dep);

}

}, this);

};

exports.Example.prototype.addSource = function(name, content) {

var ext = name == 'scenario.js' ? 'scenario' : name.split('.')[1],

id = name;

if (makeUnique[name] && usedIds[id]) {

id = name + '-' + (seqCount++);

}

usedIds[id] = true;

this[ext].push({name: name, content: content, id: id});

if (name.match(/\.js$/) && name !== 'spec.js' && name !== 'unit.js' && name != 'scenario.js') {

this.deps.push(name);

}

if (ext == 'scenario') {

this.scenarios.push(content);

}

};

exports.Example.prototype.toHtml = function() {

return '<h2>Source</h2>\n' +

this.toHtmlEdit() +

this.toHtmlTabs() +

'<h2>Demo</h2>\n' +

this.toHtmlEmbed();

};

exports.Example.prototype.toHtmlEdit = function() {

var out = [];

out.push('<div source-edit="' + this.module + '"');

out.push(' source-edit-deps="' + this.deps.join(' ') + '"');

out.push(' source-edit-html="' + ids(this.html) + '"');

out.push(' source-edit-css="' + ids(this.css) + '"');

out.push(' source-edit-js="' + ids(this.js) + '"');

out.push(' source-edit-unit="' + ids(this.unit) + '"');

out.push(' source-edit-scenario="' + ids(this.scenario) + '"');

out.push('></div>\n');

return out.join('');

};

exports.Example.prototype.toHtmlTabs = function() {

var out = [],

self = this;

out.push('<div class="tabbable">');

htmlTabs(this.html);

htmlTabs(this.css);

htmlTabs(this.js);

htmlTabs(this.unit);

htmlTabs(this.scenario);

out.push('</div>');

return out.join('');

function htmlTabs(sources) {

sources.forEach(function(source) {

var wrap = '',

isCss = source.name.match(/\.css$/),

name = source.name;

if (name === 'index.html') {

wrap = ' ng-html-wrap="' + self.module + ' ' + self.deps.join(' ') + '"';

}

if (name == 'scenario.js') name = 'End to end test';

out.push(

'<div class="tab-pane" title="' + name + '">\n' +

'<pre class="prettyprint linenums" ng-set-text="' + source.id + '"' + wrap + '></pre>\n' +

(isCss

? ('<style type="text/css" id="' + source.id + '">' + source.content + '</style>\n')

: ('<script type="text/ng-template" id="' + source.id + '">' + source.content + '</script>\n') ) +

'</div>\n');

});

}

};

exports.Example.prototype.toHtmlEmbed = function() {

var out = [];

out.push('<div class="well doc-example-live"');

out.push(' ng-embed-app="' + this.module + '"');

out.push(' ng-set-html="' + this.html[0].id + '"');

out.push(' ng-eval-javascript="' + ids(this.js) + '">');

out.push('</div>');

return out.join('');

};