diff --git a/Brocfile.js b/Brocfile.js index 328cc541..16bcd676 100644 --- a/Brocfile.js +++ b/Brocfile.js @@ -32,6 +32,7 @@ app.import('bower_components/JavaScript-MD5/js/md5.js'); app.import('vendor/ansiparse.js'); app.import('vendor/log.js'); app.import('vendor/customerio.js'); +app.import('vendor/charmscout.js'); app.import('bower_components/moment/moment.js'); // Use `app.import` to add additional libraries to the generated // output files. diff --git a/app/initializers/charm.coffee b/app/initializers/charm.coffee index d3b2fd02..68088671 100644 --- a/app/initializers/charm.coffee +++ b/app/initializers/charm.coffee @@ -4,9 +4,10 @@ initialize = (container, app) -> if config.charmKey window.__CHARM = key: config.charmKey - url: "https://charmscout.herokuapp.com/feedback" + url: window.location.protocol + "//charmscout.herokuapp.com/feedback" - $('head').append $('') + window.bootstrapCharm() + # $('head').append $('') Initializer = name: 'charm' diff --git a/app/routes/main/recent.coffee b/app/routes/main/recent.coffee index 8f1739ce..4c00c403 100644 --- a/app/routes/main/recent.coffee +++ b/app/routes/main/recent.coffee @@ -5,9 +5,11 @@ Route = MainTabRoute.extend reposTabName: 'recent' activate: -> + @_super.apply(this, arguments) @store.set('isRecentTabOpen', true) deactivate: -> + @_super.apply(this, arguments) @store.set('isRecentTabOpen', false) `export default Route` diff --git a/app/styles/app/_mixins/vars.sass b/app/styles/app/_mixins/vars.sass index b392962a..b3697b69 100644 --- a/app/styles/app/_mixins/vars.sass +++ b/app/styles/app/_mixins/vars.sass @@ -7,6 +7,7 @@ $logo-red: #dc4136 $topbar-bg: $blue-grey $topbar-bg-darker: #31363d +$topbar-height: 55px $main-repo-link-color: #50555b $main-repo-hover-color: #607a84 @@ -17,6 +18,7 @@ $travis-lint-bg: #fafafa $left-bg: $light-gray $right-bg: $light-gray + // dashboard $pass-color: #3FA75F $fail-color: #DB423C diff --git a/app/styles/app/charm.sass b/app/styles/app/charm.sass index 3f8ccdde..2b8a89d2 100644 --- a/app/styles/app/charm.sass +++ b/app/styles/app/charm.sass @@ -5,3 +5,100 @@ .pro .feedback-button display: inline-block + +.feedback-button + display: inline-block + position: fixed + right: 1% + left: auto + bottom: 0 + margin: 0 + padding: .5em 1em .5em + border-radius: 4px + // transform: rotate(90deg) translateY(-140%) + transform: translateY(20%) + will-change: transform + transition: transform ease 200ms + background: $white + font-size: 13px + color: #a2afb3 + text-transform: uppercase + box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15) + z-index: 89 + &.hidden + display: none + +.feedback-button:hover + // transform: rotate(90deg) translateY(-130%) + transform: translateY(5%) + +.feedback-popup + position: fixed + top: 50% + left: 50% + width: 30em + transform: translate(-50%, -50%) + padding: 1em 1.3em + background-color: #ffffff + border-radius: 5px + z-index: 85 + box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15) + h1 + margin: 0 0 .4em + padding-left: .4em + color: #347389 + font-size: 22px + textarea + box-sizing: border-box + display: block + width: 100% + height: 10em + margin-bottom: .8em + padding: .5em .6em + resize: vertical + background-color: #f4f3eb + font-size: 16px + color: #7d7e80 + border: none + font-family: $font-family-sans-serif + .submit + margin-right: 1em + padding: .3em .7em + background-color: #37a766 + color: $white + font-size: 16px + border: none + border-radius: 4px + font-family: $font-family-sans-serif + cursor: pointer + p + padding-left: 0.7em + margin: 0.3em 0 0 + a + color: #7d7e80 + font-size: 16px + text-decoration: none + a:hover + text-decoration: underline + + .closed & + display: none + +.feedback-overlay + display: block + position: fixed + top: 0 + right: 0 + bottom: 0 + left: 0 + width: 100% + height: 100% + background-color: rgba(#D5D5CE, 0.7) + z-index: 84 + .closed & + display: none + + +#CHARM_FORM_TARGET + display: none + diff --git a/app/styles/app/maximize.sass b/app/styles/app/maximize.sass index 92e32226..c18d9d8e 100644 --- a/app/styles/app/maximize.sass +++ b/app/styles/app/maximize.sass @@ -5,7 +5,8 @@ #right display: none - .application:not(> .error) +#profile, #home + &.pro.maximized .application #global_slider position: absolute background-color: $color-bg-slider diff --git a/app/templates/job.hbs b/app/templates/job.hbs index c77b5179..5b34f99b 100644 --- a/app/templates/job.hbs +++ b/app/templates/job.hbs @@ -1,8 +1,8 @@ {{#if job.isLoaded}}
-
-
+
+
@@ -38,12 +38,13 @@
-
- {{job.commit.branch}} -
- -
- - {{format-message job.commit.subject repoBinding=job.repo}} +
+
+ {{job.commit.branch}} +
+
+ - {{format-message job.commit.subject repoBinding=job.repo}} +
{{format-message job.commit.body repoBinding=job.repo pre=true}}
diff --git a/package.json b/package.json index 2292372b..498c2e91 100644 --- a/package.json +++ b/package.json @@ -14,7 +14,7 @@ }, "repository": "", "engines": { - "node": ">= 0.10.0" + "node": "0.10.33" }, "author": "", "license": "MIT", diff --git a/public/cancelled-favicon.ico b/public/cancelled-favicon.ico new file mode 100644 index 00000000..e82838fa Binary files /dev/null and b/public/cancelled-favicon.ico differ diff --git a/public/failed-favicon.ico b/public/failed-favicon.ico new file mode 100644 index 00000000..81497d53 Binary files /dev/null and b/public/failed-favicon.ico differ diff --git a/public/favicon.ico b/public/favicon.ico index 339dd24c..acb338dc 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/public/passed-favicon.ico b/public/passed-favicon.ico new file mode 100644 index 00000000..b43783e2 Binary files /dev/null and b/public/passed-favicon.ico differ diff --git a/public/queued-favicon.ico b/public/queued-favicon.ico new file mode 100644 index 00000000..558bf72e Binary files /dev/null and b/public/queued-favicon.ico differ diff --git a/vendor/charmscout.js b/vendor/charmscout.js index 6c1907f9..27a4c815 100644 --- a/vendor/charmscout.js +++ b/vendor/charmscout.js @@ -1,112 +1,33 @@ // Copyright (c) 2010-2012 Slash7 LLC http://charmhq.com/ // Copyright (c) 2010-2012 Thomas Fuchs http://mir.aculo.us/ // License: https://github.com/cheerful/charmeur/blob/master/MIT-LICENSE -(function(){ + +window.bootstrapCharm = function(){ var tab, box, email, shown = false, sending = false, openmsg = null, callbacks = {}, - VENDORS = ['webkit','moz','o','ms'], - STYLE = - '.feedback-button {' + - ' display: inline-block;' + - ' position: fixed;' + - ' right: 0;' + - ' left: auto;' + - ' top: 35%;' + - ' margin: 0;' + - ' padding: 1.5em 1em .5em;' + - ' border-radius: 4px;' + - ' transform: rotate(90deg) translateY(-140%);' + - ' will-change: transform;' + - ' transition: transform ease 200ms;' + - ' background: #ffffff;' + - ' font-size: 13px;' + - ' color: #a2afb3;' + - ' text-transform: uppercase;' + - ' box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);' + - '}' + - '.feedback-button:hover {' + - ' transform: rotate(90deg) translateY(-130%);' + - '}' + - '.feedback-popup {' + - ' position: fixed;' + - ' top: 50%;' + - ' left: 50%;' + - ' width: 30em;' + - ' transform: translate(-50%, -50%);' + - ' padding: 1em 1.3em;' + - ' background-color: #ffffff;' + - ' border-radius: 5px;' + - ' z-index: 999;' - ' box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.15);' + - ' }' + - ' .feedback-popup h1 {' + - ' margin: 0 0 .4em;' + - ' padding-left: .4em;' + - ' color: #347389;' + - ' font-size: 20px;' + - ' }' + - ' .feedback-popup textarea {' + - ' box-sizing: border-box;' + - ' display: block;' + - ' width: 100%;' + - ' height: 10em;' + - ' margin-bottom: .8em;' + - ' padding: .5em .6em;' + - ' resize: vertical;' + - ' background-color: #f4f3eb;' + - ' font-size: 15px;' + - ' color: #7d7e80;' + - ' border: none;' + - ' font-family: "Source Sans Pro", Helvetica, sans-serif;' + - ' }' + - ' .feedback-popup .submit {' + - ' margin-right: 1em;' + - ' padding: .3em .7em;' + - ' background-color: #37a766;' + - ' color: #ffffff;' + - ' font-size: 15px;' + - ' border: none;' + - ' border-radius: 4px;' + - ' font-family: "Source Sans Pro", Helvetica, sans-serif;' + - ' }' + - ' .feedback-popup a {' + - ' color: #7d7e80;' + - ' font-size: 15px;' + - ' text-decoration: none;' + - ' }' + - ' .feedback-popup a:hover {' + - ' text-decoration: underline;' + - ' }', BOX = '', + '
' + + '', DEFAULTS = { text: '', submit: 'Send feedback', cancel: 'cancel', your_email: 'Your email address:', your_comment: 'Your message:', - feedback_sending: 'Sending...', - feedback_sent: 'Your feedback was sent!
We will get back to you as soon as possible!', + feedback_sending: '

Sending...

', + feedback_sent: '

Your feedback was sent!

We will get back to you as soon as possible!

', feedback_error: 'There was a problem sending your message.
Please contact support directly.

close this message' }; - function vendored(property, value){ - var string = ''; - for(var i=0;i