add protips
This commit is contained in:
Radek Stepan
parent
86d9492b77
commit
f321d2fcb7
Binary file not shown.
|
|
@ -13,13 +13,11 @@
|
|||
<glyph glyph-name="plus-circled" unicode="" d="m0 350q0 117 58 215t155 156 216 58 215-58 156-156 57-215-57-215-156-156-215-58-216 58-155 156-58 215z m179-36q0-14 10-25t25-10h143v-143q0-15 11-25t25-11h71q15 0 25 11t11 25v143h143q14 0 25 10t11 25v72q0 14-11 25t-25 10h-143v143q0 15-11 25t-25 11h-71q-15 0-25-11t-11-25v-143h-143q-14 0-25-10t-10-25v-72z" horiz-adv-x="857.1" />
|
||||
<glyph glyph-name="fire-station" unicode="" d="m425 775l-175-250-100 150c-33-58-150-200-150-350 0-221 204-400 425-400 221 0 425 179 425 400 0 150-117 292-150 350l-100-150z m0-400s175-134 175-250c0-50-75-100-175-100s-175 50-175 100c0 112 175 250 175 250z" horiz-adv-x="850" />
|
||||
<glyph glyph-name="sort-alphabet" unicode="" d="m516 165q12-25-2-50t-44-25q-33 0-47 29l-37 75-249 0-37-75q-9-20-30-27t-40 3q-20 9-27 29t3 41l209 417q13 27 47 27t46-27z m-326 134l143 0-72 143z m905-209l-313 0q-30 0-45 27t4 57l250 332-209 0q-21 0-37 16t-15 37 15 36 37 16l313 0q30 0 45-28t-4-56l-250-333 209 0q21 0 37-15t15-37-15-37-37-15z m-417 209l-105 0q-21 0-36 15t-15 36 15 37 36 15l105 0q22 0 37-15t15-37-15-36-37-15z" horiz-adv-x="1147" />
|
||||
<glyph glyph-name="down-open" unicode="" d="m50 425q0 14 11 25l92 92q11 11 26 11t25-11l296-296 296 296q11 11 25 11t26-11l92-92q11-11 11-25t-11-26l-414-413q-10-11-25-11t-25 11l-414 413q-11 11-11 26z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="spin6" unicode="" d="m855 9c-189-190-520-172-705 13-190 190-200 494-28 695 11 13 21 26 35 34 36 23 85 18 117-13 30-31 35-76 16-112-5-9-9-15-16-22-140-151-145-379-8-516 153-153 407-121 542 34 106 122 142 297 77 451-83 198-305 291-510 222l0 1c236 82 492-24 588-252 71-167 37-355-72-493-11-15-23-29-36-42z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="megaphone" unicode="" d="m0 413q0 66 36 111t89 45l289 0q63 0 119 45t96 125l2 0q58 111 150 111 102 0 160-131t59-307-59-306-160-131q-92 0-150 111l-2 0q-78 155-199 168-6-2-8-2l0-2q-6-2-10-7-2-2-2-4-4-6-4-12l0-221q0-8 16-26t16-36l0-32q0-25-19-43t-44-19l-125 0q-25 0-44 19t-18 43l0 282q0 25-19 44t-44 18q-53 0-89 45t-36 111z m63 0q0-40 18-67t44-27l219 0q-31 37-31 94t31 93l-219 0q-25 0-44-27t-18-66z m169-157q18-29 18-62l0-282 125 0 0 28-2 2-2 2q-27 33-27 62l0 219q0 16 6 31l-118 0z m112 157q0-40 18-67t44-27l8 0q86 0 162-63-13 74-13 157 0 80 13 156-76-63-162-63l-8 0q-25 0-44-27t-18-66z m281 0q0-47 6-94l88 0q25 0 44 27t18 67-18 66-44 27l-88 0q-6-47-6-93z m14-157q19-97 57-158t85-60q65 0 111 109t45 266-45 265-111 109q-47 0-85-60t-57-158l80 0q52 0 89-45t36-112-36-111-89-45l-80 0z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="spin4" unicode="" d="m498 850c-114 0-228-39-320-116l0 0c173 140 428 130 588-31 134-134 164-332 89-495-10-29-5-50 12-68 21-20 61-23 84 0 3 3 12 15 15 24 71 180 33 393-112 539-99 98-228 147-356 147z m-409-274c-14 0-29-5-39-16-3-3-13-15-15-24-71-180-34-393 112-539 185-185 479-195 676-31l0 0c-173-140-428-130-589 31-134 134-163 333-89 495 11 29 6 50-12 68-11 11-27 17-44 16z" horiz-adv-x="1001" />
|
||||
<glyph glyph-name="desktop" unicode="" d="m0 154v607q0 37 26 63t63 26h893q37 0 63-26t26-63v-607q0-37-26-63t-63-27h-303q0-20 9-43t17-40 9-24q0-14-10-25t-25-11h-286q-15 0-25 11t-11 25q0 8 9 25t18 39 9 43h-304q-36 0-63 27t-26 63z m71 142q0-7 6-12t12-5h893q7 0 13 5t5 12v465q0 7-5 12t-13 6h-893q-7 0-12-6t-6-12v-465z" horiz-adv-x="1071.4" />
|
||||
<glyph glyph-name="megaphone" unicode="" d="m792 500q58-138 67-258t-39-140q-28-12-61 3t-65 40-99 41-149 8q-28-4-42-19t-6-37q22-56 46-108 4-10 24-22t24-20q14-34-22-46-50-22-102-40-30-10-54 42-32 76-58 132-6 12-34 17t-46 31q-30-10-38-14-34-12-74 12t-54 60q-17 32-5 79t43 61q126 52 213 108t124 103 59 92 25 78 15 59 36 36q48 20 130-70t142-228z m-28-300q8 4 10 38t-11 98-41 128q-28 66-67 123t-67 84-36 23-10-42 10-105 40-133 68-119 68-76 36-19z" horiz-adv-x="860" />
|
||||
<glyph glyph-name="rocket" unicode="" d="m20 252l125 214q6 8 15 9l211 11q54 64 98 109 105 104 200 144t241 40q7 0 13-6t6-12q0-139-43-241t-141-201q-45-44-109-98l-11-211q-1-9-9-15l-214-125q-4-2-9-2-7 0-13 5l-36 36q-7 7-4 17l47 155-156 156-155-47q-1-1-5-1-7 0-12 5l-36 36q-10 11-3 22z m676 348q0-22 16-38t38-16 38 16 16 38-16 38-38 16-38-16-16-38z" horiz-adv-x="928.6" />
|
||||
<glyph glyph-name="spinner1" unicode="" d="m469 614v204q129 0 237-61t169-170 62-237h-204q0 72-36 133t-95 96-133 35z" horiz-adv-x="937.5" />
|
||||
<glyph glyph-name="attention" unicode="" d="m957-24q10-16 0-34-10-16-30-16l-892 0q-18 0-28 16-13 18-2 34l446 782q8 18 30 18t30-18z m-420 50l0 100-110 0 0-100 110 0z m0 174l0 300-110 0 0-300 110 0z" horiz-adv-x="962" />
|
||||
<glyph glyph-name="download-cloud" unicode="" d="m0 243q0 72 39 134t105 92q-1 17-1 24 0 118 84 202t202 84q87 0 159-49t105-129q40 35 93 35 59 0 101-42t42-101q0-43-23-77 72-17 119-76t46-133q0-89-62-151t-152-63h-607q-103 0-177 73t-73 177z m286 89q0-8 5-13l196-196q5-5 13-5t13 5l196 196q5 6 5 13 0 8-5 13t-13 5h-125v196q0 8-5 13t-12 5h-108q-7 0-12-5t-5-13v-196h-125q-8 0-13-5t-5-13z" horiz-adv-x="1071.4" />
|
||||
<glyph glyph-name="heart" unicode="" d="m508-66q-17 0-29 9-26 17-85 58t-154 112-134 110q-106 106-106 264 0 116 82 198t198 82q143 0 228-118 38 55 99 86t129 32q117 0 198-82t81-198q0-158-106-264-38-38-133-110t-155-113-83-57q-13-9-30-9z m-228 729q-72 0-124-51t-52-125q0-114 76-190 79-79 328-248 248 169 327 248 76 76 76 190 0 73-51 125t-124 51q-73 0-125-51t-51-125q0-22-16-37t-36-15-37 15-15 37q0 73-52 125t-124 51z" horiz-adv-x="1015" />
|
||||
<glyph glyph-name="lifebuoy" unicode="" d="m0 350q0 102 40 194t106 160 160 106 194 40 194-40 160-106 106-160 40-194-40-194-106-160-160-106-194-40-194 40-160 106-106 160-40 194z m71 0q0-106 51-201l108 108q-16 46-16 93t16 93l-108 108q-51-95-51-201z m215 0q0-89 63-151t151-63 152 63 62 151-62 152-152 62-151-62-63-152z m13-378q95-51 201-51t201 51l-108 108q-46-16-93-16t-93 16z m0 756l108-108q46 16 93 16t93-16l108 108q-95 51-201 51t-201-51z m471-471l108-108q51 95 51 201t-51 201l-108-108q16-46 16-93t-16-93z" horiz-adv-x="1000" />
|
||||
</font>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 7.1 KiB After Width: | Height: | Size: 6.0 KiB |
Binary file not shown.
Binary file not shown.
|
|
@ -245,7 +245,7 @@ ul {
|
|||
.border-radius(2px);
|
||||
color: #fff;
|
||||
padding: 30px;
|
||||
background: rgba(0,0,0,0.3);
|
||||
background: rgba(0,0,0,0.5);
|
||||
.box-shadow(inset 0 1px 2px rgba(0,0,0,0.2));
|
||||
|
||||
h2 {
|
||||
|
|
@ -262,7 +262,7 @@ ul {
|
|||
text-justify: inter-word;
|
||||
}
|
||||
|
||||
.address {
|
||||
.icon.direction {
|
||||
font-size: 120px;
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -354,7 +354,7 @@ ul {
|
|||
display: inline-block;
|
||||
}
|
||||
|
||||
.sort {
|
||||
.sort:not(.icon) {
|
||||
float: right;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
|
@ -473,6 +473,14 @@ ul {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.protip {
|
||||
border: 1px solid #EFEFEF;
|
||||
.border-radius(2px);
|
||||
padding: 20px;
|
||||
margin: 30px 0;
|
||||
color: #B1B6C4
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -17,15 +17,15 @@
|
|||
|
||||
<!--
|
||||
<div class="q">
|
||||
<Icons icon="search"/>
|
||||
<Icons icon="spyglass"/>
|
||||
<Icons icon="down-open"/>
|
||||
<input type="text" placeholder="Jump to...">
|
||||
</div>
|
||||
-->
|
||||
|
||||
<ul>
|
||||
<li><a href="#new/project" class="add"><Icons icon="plus-circled"/> Add a Project</a></li>
|
||||
<li><a href="#demo"><Icons icon="download-cloud"/> Demo Projects</a></li>
|
||||
<li><a href="mailto:your-account@helpful.io" data-helpful="burnchart" data-helpful-modal="on"><Icons icon="lifebuoy"/> Contact</a></li>
|
||||
<li><a href="#new/project" class="add"><Icons icon="plus"/> Add a Project</a></li>
|
||||
<li><a href="#demo"><Icons icon="computer"/> See Examples</a></li>
|
||||
<li><a href="mailto:your-account@helpful.io" data-helpful="burnchart" data-helpful-modal="on"><Icons icon="help"/> Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -1,11 +1,11 @@
|
|||
<div id="hero">
|
||||
<div class="content">
|
||||
<Icons icon="address"/>
|
||||
<Icons icon="direction"/>
|
||||
<h2>See your project progress</h2>
|
||||
<p>Not sure where to start? Add your own project or load some example ones. You will see a burndown chart per milestone showing you progress through time as you close issues.</p>
|
||||
<p>Serious about a project deadline? Add your GitHub project and we'll tell you if it is running on time or not.</p>
|
||||
<div class="cta">
|
||||
<a href="#new/project" class="primary"><Icons icon="plus-circled"/> Add your Project</a>
|
||||
<a href="#demo" class="secondary"><Icons icon="download-cloud"/> Demo Projects</a>
|
||||
<a href="#new/project" class="primary"><Icons icon="plus"/> Add a Project</a>
|
||||
<a href="#demo" class="secondary"><Icons icon="computer"/> See Examples</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -2,11 +2,11 @@
|
|||
<div id="add">
|
||||
<div class="header">
|
||||
<h2>Add a Project</h2>
|
||||
<p>Type in the name of the repository as you would normally.
|
||||
<p>Type the name of a GitHub repository that has some milestones with issues.
|
||||
{{#with user}}
|
||||
{{#ready}}
|
||||
{{^uid}}
|
||||
If you'd like to add a private GitHub project, <a on-click="!login">Sign In</a> first.
|
||||
If you'd like to add a private GitHub repo, <a on-click="!login">Sign In</a> first.
|
||||
{{/uid}}
|
||||
{{/ready}}
|
||||
{{/with}}
|
||||
|
|
@ -25,5 +25,9 @@
|
|||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="protip">
|
||||
<Icons icon="rocket"/> Protip: To see if a milestone is on track or not, make sure it has a due date assigned to it.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<div id="projects">
|
||||
<div class="header">
|
||||
<a class="sort" on-click="sortBy"><Icons icon="sort-alphabet"/> Sorted by {{projects.sortBy}}</a>
|
||||
<a class="sort" on-click="sortBy"><Icons icon="sort"/> Sorted by {{projects.sortBy}}</a>
|
||||
<h2>Milestones</h2>
|
||||
</div>
|
||||
|
||||
|
|
@ -34,6 +34,6 @@
|
|||
</table>
|
||||
|
||||
<div class="footer">
|
||||
<!--<a href="#"><Icons icon="cog"/> Edit</a>-->
|
||||
<!--<a href="#"><Icons icon="settings"/> Edit</a>-->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
<div id="projects">
|
||||
<div class="header">
|
||||
<a class="sort" on-click="sortBy"><Icons icon="sort-alphabet"/> Sorted by {{projects.sortBy}}</a>
|
||||
<a class="sort" on-click="sortBy"><Icons icon="sort"/> Sorted by {{projects.sortBy}}</a>
|
||||
<h2>Projects</h2>
|
||||
</div>
|
||||
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
{{#if errors}}
|
||||
<tr>
|
||||
<td colspan="3" class="repo">
|
||||
<div class="project">{{owner}}/{{name}} <span class="error" title="{{errors.join('\n')}}"><Icons icon="attention"/></span></div>
|
||||
<div class="project">{{owner}}/{{name}} <span class="error" title="{{errors.join('\n')}}"><Icons icon="warning"/></span></div>
|
||||
</td>
|
||||
</tr>
|
||||
{{/if}}
|
||||
|
|
@ -47,6 +47,6 @@
|
|||
</table>
|
||||
|
||||
<div class="footer">
|
||||
<!--<a href="#"><Icons icon="cog"/> Edit</a>-->
|
||||
<!--<a href="#"><Icons icon="settings"/> Edit</a>-->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -14,7 +14,7 @@ module.exports = Ractive.extend
|
|||
'data':
|
||||
'user': user
|
||||
# Default app icon.
|
||||
'icon': 'fire-station'
|
||||
'icon': 'fire'
|
||||
|
||||
'components': { Icons }
|
||||
|
||||
|
|
@ -28,4 +28,4 @@ module.exports = Ractive.extend
|
|||
onrender: ->
|
||||
# Switch loading icon with app icon.
|
||||
system.observe 'loading', (ya) =>
|
||||
@set 'icon', if ya then 'spinner1' else 'fire-station'
|
||||
@set 'icon', if ya then 'spinner' else 'fire'
|
||||
|
|
@ -4,22 +4,21 @@ format = require '../utils/format.coffee'
|
|||
|
||||
# Fontello icon hex codes.
|
||||
codes =
|
||||
'cog': '\e800'
|
||||
'search': '\e801'
|
||||
'github': '\e802'
|
||||
'address': '\e803'
|
||||
'plus-circled': '\e804'
|
||||
'fire-station': '\e805'
|
||||
'sort-alphabet': '\e806'
|
||||
'down-open': '\e807'
|
||||
'spin6': '\e808'
|
||||
'megaphone': '\e809'
|
||||
'spin4': '\e80a'
|
||||
'spinner1': '\e80b'
|
||||
'attention': '\e80c'
|
||||
'download-cloud': '\e80d'
|
||||
'heart': '\e80e'
|
||||
'lifebuoy': '\e80f'
|
||||
'spyglass': '\e801' # Font Awesome - search
|
||||
'plus': '\e804' # Font Awesome - plus-circled
|
||||
'settings': '\e800' # Font Awesome - cog
|
||||
'rocket': '\e80a' # Font Awesome - rocket
|
||||
'computer': '\e807' # Font Awesome - desktop
|
||||
'help': '\e80f' # Font Awesome - lifebuoy
|
||||
'github': '\e802' # Font Awesome - github
|
||||
'warning': '\e80c' # Entypo - attention
|
||||
'direction': '\e803' # Entypo - address
|
||||
'megaphone': '\e808' # Entypo - megaphone
|
||||
'heart': '\e80e' # Typicons - heart
|
||||
'sort': '\e806' # Typicons - sort-alphabet
|
||||
'spinner': '\e80b' # MFG Labs - spinner1
|
||||
'fire': '\e805' # Maki - fire-station
|
||||
|
||||
|
||||
module.exports = Ractive.extend
|
||||
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@ module.exports = Eventful.extend
|
|||
|
||||
# No issues?
|
||||
return @publish '!app/notify', {
|
||||
'text': 'The milestone has no issues'
|
||||
'text': 'This milestone has no issues'
|
||||
'type': 'warn'
|
||||
'system': yes
|
||||
'ttl': null
|
||||
|
|
@ -41,13 +41,13 @@ module.exports = Eventful.extend
|
|||
|
||||
# Done?
|
||||
@publish '!app/notify', {
|
||||
'text': 'The milestone is complete'
|
||||
'text': 'This milestone is complete'
|
||||
'type': 'success'
|
||||
} if data.stats.isDone
|
||||
|
||||
# Overdue?
|
||||
@publish '!app/notify', {
|
||||
'text': 'The milestone is overdue'
|
||||
'text': 'This milestone is overdue'
|
||||
'type': 'warn'
|
||||
} if data.stats.isOverdue
|
||||
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@ firebase = require '../../models/firebase.coffee'
|
|||
system = require '../../models/system.coffee'
|
||||
user = require '../../models/user.coffee'
|
||||
key = require '../../utils/key.coffee'
|
||||
Icons = require '../icons.coffee'
|
||||
|
||||
module.exports = Eventful.extend
|
||||
|
||||
|
|
@ -15,6 +16,8 @@ module.exports = Eventful.extend
|
|||
|
||||
'data': { 'value': 'radekstepan/disposable', user }
|
||||
|
||||
'components': { Icons }
|
||||
|
||||
'adapt': [ Ractive.adaptors.Ractive ]
|
||||
|
||||
# Listen to Enter keypress or Submit button click.
|
||||
|
|
@ -36,7 +39,7 @@ module.exports = Eventful.extend
|
|||
do firebase.login
|
||||
|
||||
onrender: ->
|
||||
document.title = 'Add a new project'
|
||||
document.title = 'Add a project'
|
||||
|
||||
# TODO: autocomplete on our username if we are logged in or based
|
||||
# on repos we already have.
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@ module.exports = Eventful.extend
|
|||
milestones.fetchAll project, cb
|
||||
|
||||
fetchIssues = (allMilestones, cb) ->
|
||||
return cb 'The project has no milestones' unless allMilestones.length
|
||||
return cb 'This project has no milestones' unless allMilestones.length
|
||||
|
||||
async.each allMilestones, (milestone, cb) ->
|
||||
# Maybe we have this milestone already?
|
||||
|
|
|
|||
Loading…
Reference in New Issue