port log autoscrolling, something still broken about jquery scroll event

2012-09-17 13:52:19 +02:00 · 2012-09-17 13:52:19 +02:00 · 3e56f85eaa
commit 3e56f85eaa
parent 6c6a83d469
8 changed files with 194 additions and 30 deletions
--- a/assets/javascripts/app/app.coffee
+++ b/assets/javascripts/app/app.coffee
@ -5,6 +5,7 @@ require 'models'
 require 'pusher'
 require 'routes'
 require 'store'
+require 'tailing'
 require 'templates'
 require 'views'

@ -31,6 +32,7 @@ Travis.reopen

      @routes = new Travis.Routes()
      @pusher = new Travis.Pusher()
+      @tailing = new Travis.Tailing()

      @setCurrentUser(JSON.parse($.cookie('user')))

--- a/assets/javascripts/app/tailing.coffee
+++ b/assets/javascripts/app/tailing.coffee
@ -0,0 +1,44 @@
+@Travis.Tailing = ->
+  $(window).scroll(@positionButton.bind(this))
+  this
+
+$.extend Travis.Tailing.prototype,
+  options:
+    timeout: 200
+
+  run: ->
+    @autoScroll()
+    Ember.run.later(@run.bind(this), @options.timeout) if @active()
+
+  toggle: (event) ->
+    if @active() then @stop() else @start()
+
+  active: ->
+    $('#tail').hasClass('active')
+
+  start: ->
+    $('#tail').addClass('active')
+    @run()
+
+  stop: ->
+    $('#tail').removeClass('active')
+
+  autoScroll: ->
+    return unless @active()
+    win = $(window)
+    log = $('#log')
+    logBottom = log.offset().top + log.outerHeight() + 40
+    winBottom = win.scrollTop() + win.height()
+    win.scrollTop(logBottom - win.height()) if logBottom - winBottom > 0
+
+  positionButton: ->
+    tail = $('#tail')
+    return if tail.length is 0
+    offset = $(window).scrollTop() - $('#log').offset().top
+    max = $('#log').height() - $('#tail').height() + 5
+    offset = max if offset > max
+    if offset > 0
+      tail.css(top: offset - 2)
+    else
+      tail.css(top: 0)
+
--- a/assets/javascripts/app/templates/jobs/log.hbs
+++ b/assets/javascripts/app/templates/jobs/log.hbs
@ -1,7 +1,10 @@
 {{view.logSubscriber}}

 {{#if log.isLoaded}}
-  <pre id="log">{{{formatLog log.body}}}</pre>
+  <pre id="log"><a href="#" id="tail" {{action toggleTailing}}>
+    <span class="status"></span>
+    <label>Follow logs</label>
+  </a>{{{formatLog log.body}}}</pre>

  {{#if sponsor.name}}
    <p class="sponsor">
--- a/assets/javascripts/app/templates/profile/tabs/hooks.hbs
+++ b/assets/javascripts/app/templates/profile/tabs/hooks.hbs
@ -26,6 +26,10 @@
            <a {{action toggle target="hook"}} class="switch"></a>
          </div>
        </li>
+      {{else}}
+        <li>
+          You do not seem to have any repositories that we could sync.
+        </li>
      {{/each}}
    </ul>
  {{/if}}
--- a/assets/javascripts/app/views/job.coffee
+++ b/assets/javascripts/app/views/job.coffee
@ -56,6 +56,10 @@

    jobBinding: 'context'

+    toggleTailing: (event) ->
+      Travis.app.tailing.toggle()
+      event.preventDefault()
+
    logSubscriber: (->
      # for some reason observing context does not work,
      # TODO: find out why
--- a/assets/stylesheets/main/log.sass
+++ b/assets/stylesheets/main/log.sass
@ -2,11 +2,15 @@

 #main
  .sponsor
+    float: left
+    margin-top: 1px
    font-size: 13px
    color: #999

 pre#log
+  position: relative
  clear: left
+  min-height: 12px
  white-space: pre-wrap
  word-wrap: break-word
  line-height: 140%
@ -87,4 +91,43 @@ pre#log
 #log.loading
  padding: 25px 0 0 10px

+#log #tail
+  z-index: 99
+  position: absolute
+  display: block
+  top: 0
+  right: 0
+  margin: 10px 10px 0 0
+  padding: 1px 4px 1px 6px
+  color: #666
+  text-shadow: 1px 1px 0px #fff
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
+  font-size: 11px
+  line-height: 17px
+  text-decoration: none
+  white-space: nowrap
+  border: 1px solid #bbb
+  border-top-color: #ddd
+  border-bottom-color: #bbb
+  @include border-radius(12px)
+  @include background(linear-gradient(#fff, #e0e0e0))
+
+  label
+    display: none
+    cursor: pointer
+
+  &:hover label
+    display: inline
+
+  .status
+    display: inline-block
+    margin-right: 1px
+    width: 8px
+    height: 8px
+    background-color: #aaa
+    @include border-radius(4px)
+    @include box-shadow(white 1px 1px 2px)
+
+  &.active .status
+    background-color: #6c0

--- a/public/javascripts/application.js
+++ b/public/javascripts/application.js
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@ -447,13 +447,17 @@ table.list td:last-child {
 }
 /* line 4, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 #main .sponsor {
+  float: left;
+  margin-top: 1px;
  font-size: 13px;
  color: #999999;
 }

-/* line 8, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 10, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log {
+  position: relative;
  clear: left;
+  min-height: 12px;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 140%;
@ -468,124 +472,184 @@ pre#log {
  -o-border-radius: 4px;
  border-radius: 4px;
 }
-/* line 21, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 25, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log p {
  position: relative;
  padding: 0 15px 0 50px;
  margin: 0;
  min-height: 16px;
 }
-/* line 26, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 30, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log p:hover {
  background-color: rgba(255, 255, 255, 0.05);
 }
-/* line 28, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 32, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log p.highlight {
  background-color: rgba(255, 255, 255, 0.5);
 }
-/* line 30, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 34, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log p a {
  position: absolute;
  margin-left: -40px;
  cursor: pointer;
 }
-/* line 35, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 39, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .fold {
  height: 16px;
  overflow: hidden;
  background: #444444 url('data:image/png;base64,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') no-repeat 99.5% 2px;
  cursor: pointer;
 }
-/* line 40, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 44, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .fold.open {
  height: auto;
  background-image: url('data:image/png;base64,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');
 }
-/* line 44, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 48, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .bold {
  font-weight: bold;
 }
-/* line 46, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 50, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .italic {
  font-style: italic;
 }
-/* line 48, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 52, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .underscore {
  /* monochrome displays only according to http://ascii-table.com/ansi-escape-sequences.php */
 }
-/* line 51, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 55, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .black {
  color: black;
 }
-/* line 53, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 57, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .red {
  color: red;
 }
-/* line 55, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 59, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .green {
  color: lime;
 }
-/* line 57, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 61, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .yellow {
  color: yellow;
 }
-/* line 59, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 63, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .blue {
  color: blue;
 }
-/* line 61, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 65, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .magenta {
  color: magenta;
 }
-/* line 63, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 67, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .cyan {
  color: cyan;
 }
-/* line 65, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 69, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .white {
  color: white;
 }
-/* line 67, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 71, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .black.bright {
  color: #999999;
 }
-/* line 70, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 74, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .bg-black {
  background-color: black;
 }
-/* line 72, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 76, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .bg-red {
  background-color: red;
 }
-/* line 74, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 78, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .bg-green {
  background-color: lime;
 }
-/* line 76, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 80, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .bg-yellow {
  background-color: yellow;
 }
-/* line 78, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 82, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .bg-blue {
  background-color: blue;
 }
-/* line 80, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 84, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .bg-magenta {
  background-color: magenta;
 }
-/* line 82, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 86, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .bg-cyan {
  background-color: cyan;
 }
-/* line 84, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 88, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 pre#log .bg-white {
  background-color: white;
 }

-/* line 87, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+/* line 91, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
 #log.loading {
  padding: 25px 0 0 10px;
 }
+
+/* line 94, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+#log #tail {
+  z-index: 99;
+  position: absolute;
+  display: block;
+  top: 0;
+  right: 0;
+  margin: 10px 10px 0 0;
+  padding: 1px 4px 1px 6px;
+  color: #666666;
+  text-shadow: 1px 1px 0px white;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 17px;
+  text-decoration: none;
+  white-space: nowrap;
+  border: 1px solid #bbbbbb;
+  border-top-color: #dddddd;
+  border-bottom-color: #bbbbbb;
+  -webkit-border-radius: 12px;
+  -moz-border-radius: 12px;
+  -ms-border-radius: 12px;
+  -o-border-radius: 12px;
+  border-radius: 12px;
+  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0));
+  background: -webkit-linear-gradient(#ffffff, #e0e0e0);
+  background: -moz-linear-gradient(#ffffff, #e0e0e0);
+  background: -o-linear-gradient(#ffffff, #e0e0e0);
+  background: linear-gradient(#ffffff, #e0e0e0);
+}
+/* line 115, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+#log #tail label {
+  display: none;
+  cursor: pointer;
+}
+/* line 119, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+#log #tail:hover label {
+  display: inline;
+}
+/* line 122, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+#log #tail .status {
+  display: inline-block;
+  margin-right: 1px;
+  width: 8px;
+  height: 8px;
+  background-color: #aaaaaa;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: white 1px 1px 2px;
+  -moz-box-shadow: white 1px 1px 2px;
+  box-shadow: white 1px 1px 2px;
+}
+/* line 131, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/log.sass */
+#log #tail.active .status {
+  background-color: #66cc00;
+}
 /* line 3, /Users/sven/Development/projects/travis/travis-ember/assets/stylesheets/main/repository.sass */
 #repository {
  position: relative;