toolmantim-bananajour 2.1.1

data/sinatra/views/commit.haml

@@ -0,0 +1,112 @@
+- @page_title = "Commit #{@commit}"
+
+%style{:type => 'text/css'}
+  :sass
+    #title
+      :margin-left 0
+    
+    #commit_id
+      :text-transform uppercase
+      :margin 0
+      &, a
+        :color rgb(153, 136, 0)
+      a:hover
+        :color #760
+    
+    p.message
+      .meta
+        :font-size 90%
+        :margin-top 0
+        :color #796B00
+    
+    .codediff
+      :font 90%/140% "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace
+      :width 100%
+      :border-collapse collapse
+      :margin-bottom 20px
+      
+      th:first-child
+        :-webkit-border-top-left-radius 9px
+      tr:last-child td:last-child
+        :-webkit-border-bottom-right-radius 9px
+      
+      .line-num-cut
+        :background #ccc
+        :border-top 1px dashed #ccc
+        :border-bottom 1px dashed #ccc
+
+      th, .line_numbers
+        :background #F0E342
+      
+      th
+        :text-align left
+        :padding 3px 0
+      
+      td
+        :padding 0 3px
+        &.line_numbers
+          :text-align right
+          :min-width 9px
+                    
+        &.code
+          :white-space pre-wrap
+          :white-space -moz-pre-wrap
+          :white-space -pre-wrap
+          :white-space -o-pre-wrap
+          :word-wrap break-word
+          :background #fff
+
+        &.unwrapped
+          :white-space pre
+
+        &.softwrapped
+          :white-space pre-wrap
+          :white-space -moz-pre-wrap
+          :white-space -pre-wrap
+          :white-space -o-pre-wrap
+          :word-wrap break-word
+
+        &.marked
+          :background #ffc !important
+        
+        &.ins
+          :background #a3ffa3        
+          ins
+            :text-decoration none
+        
+        &.del
+          :background #ffa3a3
+          del
+            :text-decoration none
+  
+  
+%h2#commit_id
+  Commit
+  = @commit.id_abbrev
+  to
+  %a{:href => @repository.web_uri}= @repository.name
+
+%p.message
+  &= @commit.message
+  %span.meta
+    \~
+    = @commit.committed_date.strftime('%a %b %e %I:%M%p').sub(/\b0(\d+):/, '\1:').sub('AM', 'am').sub('PM', 'pm')
+    - unless @commit.committed_date.year == Time.now.year
+      = @commit.committed_date.strftime(' %Y')
+    by
+    %span.author&= @commit.author
+
+- for diff in @commit.diffs
+  - filename, lines = parse_diff(diff)
+  %table.codediff
+    %thead
+      %tr
+        %th
+        %th
+        %th= filename
+    %tbody
+      - for line in lines
+        %tr.changes
+          %td.line_numbers= line.op == DiffHelpers::DIFF_INS ? '' : line.num
+          %td.line_numbers= line.op == DiffHelpers::DIFF_DEL ? '' : line.num
+          %td{:class => diff_op_css_class(line.op)}= html_escape(line.body)

data/sinatra/views/home.haml

@@ -0,0 +1,308 @@
+- @page_title = "#{Bananajour.config.name}’s Bananajour"
+
+%style{:type => "text/css"}
+  :sass
+    .people
+      :font-size 14px
+      a
+        :color black
+  
+- if @my_repositories.empty?
+
+  %h2 Add a project
+  
+  %pre
+    :preserve
+      $ cd ~/code/myproj
+      $ bananajour init
+      #{Bananajour.plain_init_success_message('myproj.git')}
+      $ git push banana master
+      Counting objects: 3, done.
+      Writing objects: 100% (3/3), 229 bytes, done.
+      Total 3 (delta 0), reused 3 (delta 0)
+      Unpacking objects: 100% (3/3), done.
+      To #{Bananajour.repositories_path.expand_path}/myproj.git
+       * [new branch]      master -> master
+      
+- else
+
+  %style{:type => "text/css"}
+    :sass
+      .repository
+        :clear both
+        :background-color white
+        :-webkit-border-radius 10px
+        :-moz-border-radius 10px
+        :padding 7px 10px
+        :margin 10px 0
+        :position relative
+        :border 4px solid #ff0
+        
+        a
+          :color #888
+        
+        h2, p.uri
+          :margin 0
+          :display inline
+
+        h2
+          :color #333
+          :font-size 24px
+        p.uri
+          :color #666
+          :margin 5px 0
+          :font-size 12px
+        
+        p.branches
+          :margin 5px 0
+          :font-size 12px
+        
+        ul, li
+          :margin 0
+          :padding 0
+          :list-style none
+          
+        p.readme
+          :margin 0 -5px 0 0
+          a
+            :float right
+            :margin 0
+            :text-transform uppercase
+            :font-size 10px
+            :font-weight bold
+            :color #999
+            :background-color #eee
+            :line-height 20px
+            :padding 0 5px
+            :text-decoration none
+            :-webkit-border-radius 2px
+            :-moz-border-radius 2px
+            &:hover
+              :color #666
+              :background-color #ddd
+          
+        h3
+          :margin 10px 0 0 0
+          :font-size 12px
+          :color #999
+          :text-transform uppercase
+        
+        ul.network
+          :margin-top 5px
+          li
+            :line-height 1em
+            :min-height 16px
+            :padding-left 30px
+            :margin 10px 0
+            &.loading
+              :background transparent url('/loader.gif') no-repeat 4px center
+            a.name
+              :font-size 12px
+              :font-weight bold
+              :color #666
+              :text-transform uppercase
+              :text-decoration none
+            span.branches
+              :font-size 12px
+              :color #999
+            span.more
+              :float right
+              :width 15px
+              :height 15px
+              :color #fff
+              :background-color #ccc
+              :font-size 12px
+              :line-height 15px
+              :font-weight bold
+              :-webkit-border-radius 2px
+              :-moz-border-radius 2px
+              :text-align center
+              :cursor pointer
+              &:hover
+                :background-color #aaa
+                :color #fff
+            p.message
+              :font-size 12px
+              :margin 2px 0 5px 1px
+              a
+                :color #333
+                :text-decoration none
+                &:hover
+                  :text-decoration underline
+              span.meta
+                :font-size 10px
+                :color #999
+              em.branch
+                :font-weight bold
+                :font-style normal
+                :color #666
+            img.gravatar
+              :float left
+              :margin-left -30px
+              :margin-top 2px
+      
+      img.gravatar
+        :width 20px
+        :height 20px
+      
+      .projects, .people
+        :float left
+        :width 48%
+        :background-color #fff
+        :border 4px solid #ff0
+        :-webkit-border-radius 10px
+        :-moz-border-radius 10px
+        :margin-top 10px
+        
+        h2
+          :margin 0
+          :text-align center
+          :font-size 16px
+          :line-height 28px
+          :background-color #ff0
+          :color #960
+          :text-transform uppercase
+
+        h3
+          :margin 0 0 5px 0
+          
+        ul, li
+          :margin 0
+          :padding 0
+          :list-style none
+
+        > ul
+          :font-size 12px
+          :margin 10px
+          > li
+            :margin-bottom 10px
+          li li
+            :margin-right 0.2em
+          a
+            :color #000
+        
+      .projects
+        ul li
+          ul, li
+            :display inline
+        a
+          :white-space nowrap
+      
+      .people
+        :margin-left 10px
+        ul
+          li
+            :float left
+            :width 50%
+            :margin-bottom 5px
+            a
+              :text-decoration none
+              .name
+                :text-decoration underline
+              img
+                :vertical-align middle
+        
+      .local .repository
+        :border-color #980
+    
+  - for repository in @my_repositories
+    - repository_id = repository.html_friendly_name
+    - heads = repository.grit_repo.heads
+    
+    .repository{:id => repository_id, 'data-name' => repository.name}
+
+      - if repository.readme_file && !local?
+        %p.readme
+          %a{:href => "/#{repository.name}/readme"} Readme
+
+      %h2
+        &= repository.name
+
+      %p.uri&= repository.uri
+
+      - unless local?
+        %p.branches
+          %strong Branches:
+          = heads.map {|h| h.name}.join(", ")
+        %ul.commits
+          - for commit in repository.recent_commits
+            %li
+              %img.gravatar{:src => commit.author.gravatar_uri}
+              %p.message
+                %a{:href => "/#{repository.html_friendly_name}/#{commit.id}"}&= commit.short_message
+                %span.meta
+                  - if head = heads.find {|h| h.commit == commit}
+                    \-
+                    %em.branch= head.name
+                  \~
+                  &= time_ago_in_words(commit.committed_date).gsub("about ","")
+                  ago by
+                  &= commit.author
+      - else
+        %ul.network
+          - for repo in @repository_browser.repositories_similar_to(repository)
+            %li.loading{'data-json-uri' => repo.json_uri}
+              %a.name{:href => "#{repo.person.uri}##{repo.html_friendly_name}"}= repo.person.name
+
+  - if local?
+    :javascript
+      $(function() {
+        $("ul.network li").each(function() {
+          var repoLi = $(this);
+          $.getJSON(repoLi.attr("data-json-uri") + "?callback=?", function(data) {
+            repoLi.removeClass("loading");
+            $("<img class='gravatar'/>").attr("src", data.bananajour.gravatar).prependTo(repoLi);
+            $("<span class='branches' />").text(data.heads.join(", ")).appendTo(repoLi);
+            $('<span class="more">+</span>')
+              .click(function() {
+                if ($(this).text() == "+") {
+                  repoLi.find(".message").show();
+                  $(this).text("-");
+                } else {
+                  repoLi.find(".message").each(function(i) {
+                    if (i != 0) $(this).hide();
+                  });
+                  $(this).text("+");
+                }
+              })
+              .appendTo(repoLi);
+            $(data.recent_commits).each(function(i) {
+              var commit = this;
+              var message = $("<p class='message'/>").html(
+                $("<a/>").attr("href", data.bananajour.uri + data.html_friendly_name + "/" + commit.id).text(commit.message)
+              ).appendTo(repoLi).append(
+                $("<span class='meta'/>")
+                  .append($("<em class='branch'/>").text(commit.head && (" - " + commit.head)))
+                  .append(" ~ " + commit.committed_date_pretty + " by " + commit.author.name)
+                  .appendTo(repoLi)
+              )
+              if (i != 0) message.hide();
+            });
+          });
+        });
+      });
+    
+    .projects
+      - if @other_repos_by_name.empty?
+        %h2 No other projects
+      - else
+        %h2= pluralize @other_repos_by_name.length, "Other Project", "Other Projects"
+        %ul
+          - for repo_name in @other_repos_by_name.keys.sort
+            %li
+              %h3&= repo_name
+              %ul
+                - for repo in @other_repos_by_name[repo_name].sort_by {|r| r.person.name}
+                  %li
+                    %a{:href => repo.web_uri}&= repo.person.name
+    .people
+      - if @people.empty?
+        %h2 No other bananas
+      - else
+        %h2= pluralize @people.length, "Other Banana", "Other Bananas"
+        %ul
+          - for person in @people
+            %li
+              %a{:href => person.uri}
+                %img.gravatar{:src => person.gravatar}
+                %span.name&= person.name

data/sinatra/views/layout.haml

@@ -0,0 +1,119 @@
+!!!
+%html{:lang => "en-au"}
+  %head
+    %meta{:charset => "UTF-8"}
+    %title= @page_title
+    
+    %style{:type => "text/css"}
+      :sass
+        body
+          :position relative
+          :background-color #dc0
+          :color black
+          :font-family "Helvetica", arial, sans-serif
+          :width 650px
+          :margin 0 auto
+          :padding 30px 0
+          
+        h1#title
+          :font-size 32px
+          :margin 0 0 10px 12px
+          :position relative
+          :text-transform uppercase
+          img.gravatar
+            :width 50px
+            :height 50px
+            :float right
+            :margin-right 10px
+            :border 2px solid #ff0
+            :-webkit-border-radius 3px
+          a
+            :color #000
+            :text-decoration none
+            img
+              :position absolute
+              :top 0
+              :left -140px
+              :border none
+            .owner
+              :display block
+              :font-size 16px
+              :font-weight bold
+              :text-transform uppercase
+              :color #fff
+    
+        pre
+          :overflow auto
+          
+        ul.commits
+          :width 100%
+          :margin-top 5px
+
+        ul.commits li
+          :font-size 12px
+          :line-height 1.5em
+          :padding 8px 0
+          :border 0px solid #ddd
+          :border-top-width 1px
+          
+          a
+            :text-decoration none
+            :color #333
+            &:hover
+              :text-decoration underline
+
+          &:first-child
+            :border-top-width 0
+
+          p
+            :margin 0
+            :line-height 1em
+
+          p.message
+            :line-height 1.4em
+            :padding-left 30px
+
+          span.meta
+            :font-size 10px
+            :color #666
+            :line-height 1.5em
+
+          img.gravatar
+            :margin-top -5px
+            :width 25px
+            :height 25px
+            :float left
+        
+        .clear
+          :clear both
+        
+        #pbjt
+          :width 54px
+          :height 93px
+          :position absolute
+          :bottom 0
+          :right -100px
+          &:hover
+            :background-image url(/peanut.png)
+      
+    %script{:src => "/jquery-1.3.2.min.js", :type => "text/javascript"}
+
+  %body{:class => ("local" if local?)}
+    %h1#title
+      %img.gravatar{:src => Bananajour.gravatar}
+      %a{:href => "/"}
+        %img{:src => "/logo.png", :width => "100", :height => "163", :alt => "Banana broadcasting to the world"}/
+        %span.owner
+          == #{Bananajour.config.name}’s
+        Bananajour
+
+    = yield
+
+    #pbjt
+
+    .clear
+
+    :javascript
+      $("#pbjt").bind("click", function(){ 
+        $("<embed bgcolor='#000000' height='400' width='550' name='pbjt' pluginspage='http://www.adobe.com/go/getflashplayer' quality='high' src='/pbjt.swf' style='position:fixed;top:0;left:0;width:100%;height:100%' type='application/x-shockwave-flash' />").appendTo($("body"));
+      });

data/sinatra/views/readme.haml

@@ -0,0 +1,52 @@
+- @page_title = "Readme for #{@repository.name}"
+
+%style{:type => "text/css"}
+  :sass
+    #readme
+      :clear both
+      :background-color white
+      :-webkit-border-radius 10px
+      :-moz-border-radius 10px
+      :padding 7px 10px
+      :margin 10px 0
+      :position relative
+      :border 4px solid #ff0
+      :font-size 75%
+      :line-height 1.3em
+      
+      > *
+        :margin-left 10px
+        :margin-right 10px
+        
+    .return
+      :float right
+      a
+        :color #000
+        
+    body > h2
+      :margin-left 12px
+      
+    body > h2, .return a
+      :color #980
+      
+    code
+      :background-color #fff
+      :font-size 12px
+      :color #666
+  
+%p.return
+  %a{:href => "/"} Return to repositories
+
+%h2
+  Readme for
+  = @repository.name
+
+#readme
+  - if @rendered_readme
+    :preserve
+      #{@rendered_readme}
+  - else
+    %pre
+      :preserve
+        #{@plain_readme}
+