git-visualiser 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +15 -0
- data/bin/git_vis +19 -0
- data/lib/application/application.rb +82 -0
- data/lib/application/coffee_engine.rb +20 -0
- data/lib/application/images/ajax-loader.gif +0 -0
- data/lib/application/javascripts/branch_graph.coffee +424 -0
- data/lib/application/javascripts/commit_graph.coffee +442 -0
- data/lib/application/javascripts/common.coffee +50 -0
- data/lib/application/javascripts/d3.min.js +5 -0
- data/lib/application/javascripts/data_convert.coffee +56 -0
- data/lib/application/javascripts/jquery.min.js +6 -0
- data/lib/application/javascripts/moment.min.js +6 -0
- data/lib/application/javascripts/namespace.coffee +2 -0
- data/lib/application/sass_engine.rb +14 -0
- data/lib/application/stylesheets/scss/app.scss +172 -0
- data/lib/application/stylesheets/scss/flat_ui/_config.sass +16 -0
- data/lib/application/stylesheets/scss/flat_ui/_icon-font-24.sass +91 -0
- data/lib/application/stylesheets/scss/flat_ui/_icon-font.sass +91 -0
- data/lib/application/stylesheets/scss/flat_ui/_mixins.sass +96 -0
- data/lib/application/stylesheets/scss/flat_ui/_spaces.sass +129 -0
- data/lib/application/stylesheets/scss/flat_ui/flat-ui.sass +39 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_btn.sass +73 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_checkbox-and-radio.sass +86 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_demo.sass +228 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_footer.sass +57 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_input.sass +66 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_login.sass +95 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_navbar.sass +152 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_pager.sass +56 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_pagination.sass +75 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_palette.sass +88 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_progress.sass +29 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_select.sass +163 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_share.sass +34 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_tagsinput.sass +91 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_tile.sass +42 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_todo.sass +77 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_toggle.sass +85 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_tooltip.sass +45 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_type.sass +43 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_ui-slider.sass +44 -0
- data/lib/application/stylesheets/scss/flat_ui/modules/_video.sass +358 -0
- data/lib/application/views/authors_list.haml +11 -0
- data/lib/application/views/index.haml +48 -0
- data/lib/application/visualisation.rb +156 -0
- metadata +87 -0
@@ -0,0 +1,88 @@
|
|
1
|
+
// Color swatches grid
|
2
|
+
=calc-color($name, $color)
|
3
|
+
.palette-#{$name}
|
4
|
+
background-color: $color
|
5
|
+
|
6
|
+
.palette-#{$name}-dark
|
7
|
+
background-color: scale-color($color, $lightness: -15%)
|
8
|
+
|
9
|
+
.palette
|
10
|
+
color: $inverse
|
11
|
+
margin: 0
|
12
|
+
padding: 15px
|
13
|
+
text-transform: uppercase
|
14
|
+
|
15
|
+
dt
|
16
|
+
display: block
|
17
|
+
font-weight: 500
|
18
|
+
opacity: .8
|
19
|
+
|
20
|
+
dd
|
21
|
+
font-weight: 200
|
22
|
+
margin-left: 0
|
23
|
+
opacity: .8
|
24
|
+
|
25
|
+
// Colors
|
26
|
+
+calc-color(firm, $firm)
|
27
|
+
+calc-color(success, $success)
|
28
|
+
+calc-color(info, $info)
|
29
|
+
+calc-color(warning, $warning)
|
30
|
+
+calc-color(danger, $danger)
|
31
|
+
+calc-color(night, #34495e)
|
32
|
+
+calc-color(bright, #f1c40f)
|
33
|
+
|
34
|
+
.palette-success-dark
|
35
|
+
background-color: #27ae60
|
36
|
+
|
37
|
+
.palette-info-dark
|
38
|
+
background-color: #2980b9
|
39
|
+
|
40
|
+
.palette-bright-dark
|
41
|
+
background-color: #f39c12
|
42
|
+
|
43
|
+
.palette-amethyst
|
44
|
+
background-color: #9b59b6
|
45
|
+
|
46
|
+
.palette-wisteria
|
47
|
+
background-color: #8e44ad
|
48
|
+
|
49
|
+
.palette-carrot
|
50
|
+
background-color: #e67e22
|
51
|
+
|
52
|
+
.palette-pumpkin
|
53
|
+
background-color: #d35400
|
54
|
+
|
55
|
+
.palette-alizarin
|
56
|
+
background-color: #e74c3c
|
57
|
+
|
58
|
+
.palette-pomegranate
|
59
|
+
background-color: #c0392b
|
60
|
+
|
61
|
+
.palette-clouds
|
62
|
+
background-color: #ecf0f1
|
63
|
+
color: #bdc3c7
|
64
|
+
|
65
|
+
.palette-silver
|
66
|
+
background-color: #bdc3c7
|
67
|
+
|
68
|
+
.palette-concrete
|
69
|
+
background-color: #95a5a6
|
70
|
+
|
71
|
+
.palette-asbestos
|
72
|
+
background-color: #7f8c8d
|
73
|
+
|
74
|
+
// Palette paragraph
|
75
|
+
.palette-paragraph
|
76
|
+
color: #7f8c8d
|
77
|
+
font-size: 12px
|
78
|
+
line-height: 17px
|
79
|
+
|
80
|
+
span
|
81
|
+
color: #bdc3c7
|
82
|
+
|
83
|
+
// Headline
|
84
|
+
.palette-headline
|
85
|
+
color: #7f8c8d
|
86
|
+
font-weight: 700
|
87
|
+
margin-top: -5px
|
88
|
+
|
@@ -0,0 +1,29 @@
|
|
1
|
+
// Progress bar
|
2
|
+
.progress
|
3
|
+
background: scale-color($base, $lightness: 90%)
|
4
|
+
border-radius: 32px
|
5
|
+
height: 12px
|
6
|
+
+box-shadow(none)
|
7
|
+
+drop-ie-gradient
|
8
|
+
|
9
|
+
.bar
|
10
|
+
background: $firm
|
11
|
+
+box-shadow(none !important)
|
12
|
+
+drop-ie-gradient
|
13
|
+
|
14
|
+
.bar-success
|
15
|
+
background-color: $success
|
16
|
+
+drop-ie-gradient
|
17
|
+
|
18
|
+
.bar-warning
|
19
|
+
background-color: $warning
|
20
|
+
+drop-ie-gradient
|
21
|
+
|
22
|
+
.bar-danger
|
23
|
+
background-color: $danger
|
24
|
+
+drop-ie-gradient
|
25
|
+
|
26
|
+
.bar-info
|
27
|
+
background-color: $info
|
28
|
+
+drop-ie-gradient
|
29
|
+
|
@@ -0,0 +1,163 @@
|
|
1
|
+
// Default DropKick theme
|
2
|
+
// You can:
|
3
|
+
// 1. Align options by right: add "select-right" class to <select> tag
|
4
|
+
// 2. Change <select> width: add "span6" for example ;) (you can use all available Twitter Bootstrap grids)
|
5
|
+
|
6
|
+
// One container to bind them
|
7
|
+
.dk_container
|
8
|
+
cursor: pointer
|
9
|
+
font-size: 14px
|
10
|
+
margin-bottom: 10px
|
11
|
+
outline: none
|
12
|
+
|
13
|
+
// Opens the dropdown and holds the menu label
|
14
|
+
.dk_toggle
|
15
|
+
background-color: $firm
|
16
|
+
color: $inverse
|
17
|
+
border-radius: 6px
|
18
|
+
overflow: hidden
|
19
|
+
padding: 11px 45px 11px 13px
|
20
|
+
text-decoration: none
|
21
|
+
white-space: nowrap
|
22
|
+
+transition(.25s)
|
23
|
+
|
24
|
+
&:hover,
|
25
|
+
&:focus,
|
26
|
+
.dk_focus &
|
27
|
+
background-color: scale-color($firm, $lightness: 20%)
|
28
|
+
color: $inverse
|
29
|
+
outline: none
|
30
|
+
|
31
|
+
&:active
|
32
|
+
background-color: scale-color($firm, $lightness: -15%)
|
33
|
+
outline: none
|
34
|
+
.select-icon
|
35
|
+
border-left-color: transparent
|
36
|
+
|
37
|
+
// Dropdown icon (arrow by default)
|
38
|
+
.select-icon
|
39
|
+
background: $firm url('../images/select/toggle.png') no-repeat right center
|
40
|
+
border-left: 2px solid rgba($base, .15)
|
41
|
+
border-radius: 0 6px 6px 0
|
42
|
+
height: 100%
|
43
|
+
position: absolute
|
44
|
+
right: 0
|
45
|
+
top: 0
|
46
|
+
width: 42px
|
47
|
+
+transition(.25s)
|
48
|
+
|
49
|
+
// Applied whenever the dropdown is open
|
50
|
+
.dk_open
|
51
|
+
// Dropdown menu is covered by something. Try setting this value higher
|
52
|
+
z-index: 10
|
53
|
+
|
54
|
+
.dk_toggle
|
55
|
+
background-color: $firm
|
56
|
+
.select-icon
|
57
|
+
background-color: scale-color($firm, $lightness: -15%)
|
58
|
+
border-left-color: transparent
|
59
|
+
|
60
|
+
// The outer container of the options
|
61
|
+
.dk_options
|
62
|
+
padding-top: 14px
|
63
|
+
// Dropdown triangle ear
|
64
|
+
+dropdown-arrow
|
65
|
+
&:before
|
66
|
+
left: auto
|
67
|
+
right: 12px
|
68
|
+
|
69
|
+
li
|
70
|
+
padding-bottom: 3px
|
71
|
+
|
72
|
+
a
|
73
|
+
border-radius: 3px
|
74
|
+
color: $inverse
|
75
|
+
display: block
|
76
|
+
padding: 5px 9px
|
77
|
+
text-decoration: none
|
78
|
+
&:hover
|
79
|
+
background-color: $firm
|
80
|
+
|
81
|
+
.dk_option_current a
|
82
|
+
background-color: $firm
|
83
|
+
|
84
|
+
// Inner container for options, this is what makes the scrollbar possible.
|
85
|
+
.dk_options_inner
|
86
|
+
background-color: $base
|
87
|
+
border-radius: 5px
|
88
|
+
margin: 0
|
89
|
+
max-height: 244px
|
90
|
+
padding: 3px 3px 0
|
91
|
+
|
92
|
+
// Set a max-height on the options inner
|
93
|
+
.dk_touch .dk_options
|
94
|
+
max-height: 250px
|
95
|
+
|
96
|
+
//------- End Theme --------
|
97
|
+
|
98
|
+
//------- Critical to the continued enjoyment of working dropdowns --------
|
99
|
+
.dk_container
|
100
|
+
display: none
|
101
|
+
position: relative
|
102
|
+
vertical-align: middle
|
103
|
+
|
104
|
+
&.dk_shown
|
105
|
+
+inline-block
|
106
|
+
|
107
|
+
// Twitter Bootstrap grids -----------------------
|
108
|
+
&[class*="span"]
|
109
|
+
float: none
|
110
|
+
margin-left: 0
|
111
|
+
|
112
|
+
|
113
|
+
.dk_toggle
|
114
|
+
display: block
|
115
|
+
position: relative
|
116
|
+
|
117
|
+
.dk_open
|
118
|
+
position: relative
|
119
|
+
.dk_options
|
120
|
+
margin-top: -1px
|
121
|
+
opacity: 1
|
122
|
+
z-index: 10
|
123
|
+
// Opacity fallback for IE
|
124
|
+
display: block\9
|
125
|
+
.dk_label
|
126
|
+
color: inherit
|
127
|
+
|
128
|
+
.dk_options
|
129
|
+
margin-top: -21px
|
130
|
+
position: absolute
|
131
|
+
left: 0
|
132
|
+
opacity: 0
|
133
|
+
width: 220px
|
134
|
+
z-index: -100
|
135
|
+
// Opacity fallback for IE
|
136
|
+
display: none\9
|
137
|
+
+transition(.3s ease-out)
|
138
|
+
|
139
|
+
// Align by right
|
140
|
+
.select-right &
|
141
|
+
left: auto
|
142
|
+
right: 0
|
143
|
+
|
144
|
+
a
|
145
|
+
display: block
|
146
|
+
|
147
|
+
.dk_options_inner
|
148
|
+
overflow: auto
|
149
|
+
outline: none
|
150
|
+
position: relative
|
151
|
+
|
152
|
+
.dk_touch
|
153
|
+
.dk_options
|
154
|
+
overflow: hidden
|
155
|
+
.dk_options_inner
|
156
|
+
max-height: none
|
157
|
+
overflow: visible
|
158
|
+
|
159
|
+
.dk_fouc select
|
160
|
+
position: relative
|
161
|
+
top: -99999em
|
162
|
+
visibility: hidden
|
163
|
+
|
@@ -0,0 +1,34 @@
|
|
1
|
+
// Sharing box include variety of ways to share something
|
2
|
+
// By idea this block should have
|
3
|
+
$share-color: scale-color($base, $lightness: 92%)
|
4
|
+
|
5
|
+
.share
|
6
|
+
background-color: $share-color
|
7
|
+
border-radius: 6px
|
8
|
+
position: relative
|
9
|
+
+dropdown-arrow($share-color, -9px, 23px)
|
10
|
+
|
11
|
+
ul
|
12
|
+
list-style-type: none
|
13
|
+
margin: 0
|
14
|
+
padding: 15px
|
15
|
+
|
16
|
+
li
|
17
|
+
padding-top: 11px
|
18
|
+
+clearfix
|
19
|
+
&:first-child
|
20
|
+
padding-top: 0
|
21
|
+
|
22
|
+
.toggle
|
23
|
+
float: right
|
24
|
+
margin: 0
|
25
|
+
|
26
|
+
.btn
|
27
|
+
+border-radius(0 0 6px 6px)
|
28
|
+
|
29
|
+
.share-label
|
30
|
+
float: left
|
31
|
+
font-size: 15px
|
32
|
+
padding-top: 5px
|
33
|
+
width: 50%
|
34
|
+
|
@@ -0,0 +1,91 @@
|
|
1
|
+
.tagsinput
|
2
|
+
background: #fff
|
3
|
+
border: 2px solid $firm
|
4
|
+
border-radius: 6px
|
5
|
+
height: 100px
|
6
|
+
padding: 6px 1px 1px 6px
|
7
|
+
overflow-y: auto
|
8
|
+
text-align: left
|
9
|
+
|
10
|
+
.tag
|
11
|
+
border-radius: 4px
|
12
|
+
background: $firm
|
13
|
+
color: $inverse
|
14
|
+
cursor: pointer
|
15
|
+
margin-right: 5px
|
16
|
+
margin-bottom: 5px
|
17
|
+
overflow: hidden
|
18
|
+
padding: 6px 13px 6px 19px
|
19
|
+
position: relative
|
20
|
+
vertical-align: middle
|
21
|
+
+inline-block
|
22
|
+
+transition(.14s linear)
|
23
|
+
&:hover
|
24
|
+
background-color: scale-color($firm, $lightness: -15%)
|
25
|
+
padding-left: 12px
|
26
|
+
padding-right: 20px
|
27
|
+
|
28
|
+
.tagsinput-remove-link
|
29
|
+
color: $inverse
|
30
|
+
opacity: 1
|
31
|
+
// Opacity fallback for IE
|
32
|
+
display: block\9
|
33
|
+
|
34
|
+
input
|
35
|
+
background: transparent
|
36
|
+
border: none
|
37
|
+
color: $base
|
38
|
+
font-family: $base-font-family
|
39
|
+
font-size: $base-font-size
|
40
|
+
margin: 0px
|
41
|
+
padding: 0 0 0 5px
|
42
|
+
outline: 0
|
43
|
+
margin-right: 5px
|
44
|
+
margin-bottom: 5px
|
45
|
+
width: 12px
|
46
|
+
|
47
|
+
.tagsinput-remove-link
|
48
|
+
bottom: 0
|
49
|
+
color: $inverse
|
50
|
+
cursor: pointer
|
51
|
+
font-size: 12px
|
52
|
+
opacity: 0
|
53
|
+
padding: 9px 7px 3px 0
|
54
|
+
position: absolute
|
55
|
+
right: 0
|
56
|
+
text-align: right
|
57
|
+
text-decoration: none
|
58
|
+
top: 0
|
59
|
+
width: 100%
|
60
|
+
z-index: 2
|
61
|
+
// Opacity fallback for IE
|
62
|
+
display: none\9
|
63
|
+
|
64
|
+
&:before
|
65
|
+
color: $inverse
|
66
|
+
|
67
|
+
.tagsinput-add-container
|
68
|
+
vertical-align: middle
|
69
|
+
+inline-block
|
70
|
+
|
71
|
+
.tagsinput-add
|
72
|
+
background-color: scale-color(desaturate($base, 15%), $lightness: 67%)
|
73
|
+
border-radius: 3px
|
74
|
+
color: $inverse
|
75
|
+
cursor: pointer
|
76
|
+
margin-bottom: 5px
|
77
|
+
padding: 6px 9px
|
78
|
+
+inline-block
|
79
|
+
+transition(.25s)
|
80
|
+
&:hover
|
81
|
+
background-color: $firm
|
82
|
+
|
83
|
+
.tags_clear
|
84
|
+
clear: both
|
85
|
+
width: 100%
|
86
|
+
height: 0px
|
87
|
+
|
88
|
+
.not_valid
|
89
|
+
background: #FBD8DB !important
|
90
|
+
color: #90111A !important
|
91
|
+
|
@@ -0,0 +1,42 @@
|
|
1
|
+
// Tile module
|
2
|
+
.tile
|
3
|
+
background-color: scale-color($base, $lightness: 92%)
|
4
|
+
border-radius: 6px
|
5
|
+
padding: 14px
|
6
|
+
position: relative
|
7
|
+
text-align: center
|
8
|
+
|
9
|
+
&.tile-hot
|
10
|
+
&:before
|
11
|
+
background: url('../images/tile/ribbon.png') 0 0 no-repeat
|
12
|
+
background-size: 82px 82px
|
13
|
+
content: ''
|
14
|
+
height: 82px
|
15
|
+
position: absolute
|
16
|
+
right: -4px
|
17
|
+
top: -4px
|
18
|
+
width: 82px
|
19
|
+
|
20
|
+
p
|
21
|
+
font-size: 15px
|
22
|
+
margin-bottom: 33px
|
23
|
+
|
24
|
+
.tile-image
|
25
|
+
height: 100px
|
26
|
+
margin: 31px 0 27px
|
27
|
+
vertical-align: bottom
|
28
|
+
&.big-illustration
|
29
|
+
height: 111px
|
30
|
+
margin-top: 20px
|
31
|
+
width: 112px
|
32
|
+
|
33
|
+
.tile-title
|
34
|
+
font-size: 20px
|
35
|
+
margin: 0
|
36
|
+
|
37
|
+
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2)
|
38
|
+
.tile
|
39
|
+
&.tile-hot
|
40
|
+
&:before
|
41
|
+
background-image: url('../images/tile/ribbon-2x.png')
|
42
|
+
|