Changeset - e6c0425f5833
[Not reviewed]
default
0 3 0
domruf - 8 years ago 2017-10-29 01:31:02
dominikruf@gmail.com
less: simplify .panel-heading - drop some gradients and shadows
3 files changed with 6 insertions and 40 deletions:
0 comments (0 inline, 0 general)
kallithea/public/css/style.css
Show inline comments
 
/*!
 
 * Don't edit the css file directly.
 
 *
 
 * Instead, edit the less file(s) and regenerate the css:
 
 *
 
 * npm --prefix kallithea/public/less install
 
 * npm --prefix kallithea/public/less run less
 
 *
 
 */
 
body {
 
  background: url("../images/background.png") repeat scroll 0 0 #B0B0B0;
 
  font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
 
}
 
/* Undo unfortunate Bootstrap default styling */
 
body pre {
 
  display: inherit;
 
  padding: inherit;
 
  margin: inherit;
 
  font-size: inherit;
 
  line-height: inherit;
 
  color: inherit;
 
  word-break: inherit;
 
  word-wrap: inherit;
 
  background-color: inherit;
 
  border: inherit;
 
  border-radius: inherit;
 
  overflow: inherit;
 
}
 
a {
 
  color: #577632;
 
  text-decoration: none;
 
}
 
a:hover {
 
  color: #576622;
 
  text-decoration: underline;
 
}
 
code,
 
.code pre,
 
.linenos pre,
 
div.readme pre,
 
div.formatted-fixed,
 
.CodeMirror .CodeMirror-code pre {
 
  font-size: 12px;
 
  font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
 
}
 
/* class for texts where newlines should be preserved, for very light-weight ascii art markup (like pull request descriptions) */
 
.formatted-fixed {
 
  white-space: pre-wrap;
 
}
 
.changeset_hash {
 
  font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
 
}
 
.inline-comments-general.show-general-status .hidden.general-only {
 
  display: block !important;
 
}
 
.truncate {
 
  white-space: nowrap;
 
  overflow: hidden;
 
  text-overflow: ellipsis;
 
  -o-text-overflow: ellipsis;
 
  -ms-text-overflow: ellipsis;
 
}
 
.truncate.autoexpand:hover {
 
  overflow: visible;
 
}
 
/* show comment anchors when hovering over panel-heading */
 
a.permalink {
 
  visibility: hidden;
 
}
 
.panel-heading:hover .permalink {
 
  visibility: visible;
 
}
 
.navbar-inverse {
 
  border: none;
 
}
 
.navbar-inverse .navbar-nav > .active > a,
 
.navbar-inverse .navbar-nav > .active > a:hover,
 
.navbar-inverse .navbar-nav > .active > a:focus {
 
  background-color: inherit;
 
}
 
nav.navbar .navbar-brand:hover,
 
nav.navbar .navbar-brand {
 
  font-size: 20px;
 
  padding-top: 12px;
 
  color: white !important;
 
  height: 44px;
 
}
 
nav.navbar {
 
  min-height: 44px;
 
  background-color: #577632;
 
}
 
nav.navbar #logo > .navbar-brand > img {
 
  margin-top: -9px;
 
  margin-right: 5px;
 
}
 
/* language bars (summary page) */
 
#lang_stats .progress-bar {
 
  min-width: 15px;
 
  border-top-right-radius: 8px;
 
  border-bottom-right-radius: 8px;
 
}
 
#lang_stats td {
 
  padding: 1px 0 !important;
 
}
 
/* every direct child of a main panel, that is not .panel-heading, should auto
 
 * overflow to prevent overflowing of elements like text boxes and tables */
 
#main > .panel > :not(.panel-heading) {
 
  overflow-x: auto;
 
  min-height: 0.01%;
 
}
 
/* use pointer cursor for expand_commit */
 
.expand_commit .icon-align-left {
 
  cursor: pointer;
 
  color: #999;
 
}
 
/* don't break author, date and comment cells into multiple lines in changeset table */
 
table.changesets .author,
 
table.changesets .date,
 
table.changesets .comments {
 
  white-space: nowrap;
 
}
 
.form-group > label {
 
  float: left;
 
}
 
.dt_repo_pending {
 
  opacity: 0.5;
 
}
 
.dt_repo i.icon-keyhole-circled,
 
.dt_repo i.icon-globe {
 
  font-size: 16px;
 
  vertical-align: -2px;
 
  margin: 0px 1px 0px 3px;
 
}
 
div.panel-primary {
 
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
 
  border: none;
 
}
 
div.panel div.panel-heading {
 
  background-color: #577632;
 
  background-repeat: repeat-x;
 
  background-image: linear-gradient(to bottom, #577632, #577632);
 
  border-radius: 4px 4px 0 0;
 
}
 
#content div.panel div.panel-heading ul.links li {
 
  list-style: none;
 
  float: left;
 
  margin: 0;
 
  padding: 0;
 
}
 
div.panel.panel-default {
 
  border: 1px solid #ccc;
 
  box-shadow: none;
 
  border-radius: 6px 6px 0px 0px;
 
  margin-bottom: 15px;
 
  font-size: 14px;
 
  font-weight: 700;
 
}
 
div.panel.panel-default:last-child {
 
  margin-bottom: 0;
 
}
 
div.panel.panel-default > div.panel-heading {
 
  background: #eee;
 
  border-bottom: 1px solid #ccc;
 
  font-size: 14px;
 
  font-weight: 700;
 
}
 
#content div.panel div.panel-heading .pull-left {
 
  margin-right: 10px;
 
}
 
#content div.panel div.panel-heading .pull-right {
 
  margin-left: 10px;
 
}
 
#content div.panel div.form div.form-group {
 
  border-bottom: 1px solid #DDD;
 
  clear: both;
 
}
 
#content div.panel ul.pagination {
 
  margin: 10px 0 0 0;
 
}
 
#content div.panel ul.pagination > li > a,
 
#content div.panel ul.pagination > li > span {
 
  background: #ebebeb url("../images/pager.png") repeat-x;
 
  color: #4A4A4A;
 
  font-weight: 700;
 
  border-top: 1px solid #dedede;
 
  border-left: 1px solid #cfcfcf;
 
  border-bottom: 1px solid #c4c4c4;
 
  border-right: 1px solid #cfcfcf;
 
}
 
#content div.panel ul.pagination > li.active > span,
 
#content div.panel ul.pagination > li:hover > a,
 
#content div.panel ul.pagination > li:active > a {
 
  background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
 
  border-top: 1px solid #ccc;
 
  border-left: 1px solid #bebebe;
 
  border-bottom: 1px solid #afafaf;
 
  border-right: 1px solid #bebebe;
 
  color: #515151;
 
}
 
#content div.panel div#summary-panel-body.form div.form-group > div {
 
  margin: 0 0 10px 150px;
 
}
 
#content div.panel #summary {
 
  margin-right: 200px;
 
  min-height: 200px;
 
}
 
#summary .metatag {
 
  display: inline-block;
 
  padding: 3px 5px;
 
  margin-bottom: 3px;
 
  margin-right: 1px;
 
  border-radius: 5px;
 
}
 
#content div.panel #summary p {
 
  margin-bottom: -5px;
 
  width: 600px;
 
  white-space: pre-wrap;
 
}
 
#clone_by_name.input-group,
 
#clone_by_id.input-group {
 
  width: 100%;
 
}
 
#clone_by_name.input-group > span,
 
#clone_by_id.input-group > span {
 
  display: inline-block;
 
  float: left;
 
  height: 30px;
 
}
 
#clone_by_name.input-group > input,
 
#clone_by_id.input-group > input {
 
  width: 50%;
 
}
 
#clone_by_name.input-group .form-control,
 
#clone_by_id.input-group .form-control {
 
  height: 30px;
 
}
 
.metatag {
 
  display: inline-block;
 
  margin-right: 1px;
 
  border-radius: 4px 4px 4px 4px;
 
  border: solid 1px #9CF;
 
  padding: 2px 3px 2px 3px !important;
 
  background-color: #DEF;
 
}
 
.metatag[data-tag="dead"] {
 
  background-color: #E44;
 
}
 
.metatag[data-tag="stale"] {
 
  background-color: #EA4;
 
}
 
.metatag[data-tag="featured"] {
 
  background-color: #AEA;
 
}
 
.metatag[data-tag="requires"] {
 
  background-color: #9CF;
 
}
 
.metatag[data-tag="recommends"] {
 
  background-color: #BDF;
 
}
 
.metatag[data-tag="lang"] {
 
  background-color: #FAF474;
 
}
 
.metatag[data-tag="license"] {
 
  border: solid 1px #9CF;
 
  background-color: #DEF;
 
}
 
.metatag[data-tag="see"] {
 
  border: solid 1px #CBD;
 
  background-color: #EDF;
 
}
 
a.metatag[data-tag="license"]:hover {
 
  background-color: #577632;
 
  color: #FFF;
 
  text-decoration: none;
 
}
 
#perms .perm_tag {
 
  position: relative;
 
  top: -2px;
 
  margin-left: 3px;
 
  padding: 3px 3px 1px 3px;
 
  font-size: 10px;
 
  font-weight: bold;
 
  text-transform: uppercase;
 
  white-space: nowrap;
 
  border-radius: 3px;
 
}
 
#perms .perm_tag.admin {
 
  background-color: #B94A48;
 
  color: #ffffff;
 
}
 
#perms .perm_tag.write {
 
  background-color: #DB7525;
 
  color: #ffffff;
 
}
 
#perms .perm_tag.read {
 
  background-color: #468847;
 
  color: #ffffff;
 
}
 
#perms .perm_tag.none {
 
  background-color: #bfbfbf;
 
  color: #ffffff;
 
}
 
.mergetag {
 
  padding: 1px 3px 1px 3px;
 
  background-color: #fca062;
 
  font-size: 10px;
 
  color: #ffffff;
 
  text-transform: uppercase;
 
  white-space: nowrap;
 
  border-radius: 3px;
 
  margin-right: 2px;
 
}
 
.parent {
 
  color: #666666;
 
  clear: both;
 
}
 
.logtags {
 
  line-height: 2.2em;
 
}
 
.phasetag,
 
.bumpedtag,
 
.divergenttag,
 
.extincttag,
 
.unstabletag,
 
.repotag,
 
.branchtag,
 
.logtags .tagtag,
 
.logtags .booktag {
 
  margin: 0px 2px;
 
}
 
.phasetag,
 
.bumpedtag,
 
.divergenttag,
 
.extincttag,
 
.unstabletag,
 
.repotag,
 
.branchtag,
 
.tagtag,
 
.booktag,
 
.spantag {
 
  padding: 1px 3px 1px 3px;
 
  font-size: 10px;
 
  color: #577632;
 
  white-space: nowrap;
 
  border-radius: 4px;
 
  border: 1px solid #d9e8f8;
 
  line-height: 1.5em;
 
}
 
table#changesets .phasetag,
 
table#changesets .bumpedtag,
 
table#changesets .divergenttag,
 
table#changesets .extincttag,
 
table#changesets .unstabletag,
 
table#changesets .branchtag,
 
table#changesets .tagtag,
 
table#changesets .booktag {
 
  margin: 1.1em 0;
kallithea/public/less/style.less
Show inline comments
 
/*!
 
 * Don't edit the css file directly.
 
 *
 
 * Instead, edit the less file(s) and regenerate the css:
 
 *
 
 * npm --prefix kallithea/public/less install
 
 * npm --prefix kallithea/public/less run less
 
 *
 
 */
 

	
 
body {
 
  background: url("../images/background.png") repeat scroll 0 0 #B0B0B0;
 
  font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
 
}
 
/* Undo unfortunate Bootstrap default styling */
 
body pre {
 
  display: inherit;
 
  padding: inherit;
 
  margin: inherit;
 
  font-size: inherit;
 
  line-height: inherit;
 
  color: inherit;
 
  word-break: inherit;
 
  word-wrap: inherit;
 
  background-color: inherit;
 
  border: inherit;
 
  border-radius: inherit;
 
  overflow: inherit;
 
}
 

	
 
a {
 
  color: #577632;
 
  text-decoration: none;
 
}
 
a:hover {
 
  color: #576622;
 
  text-decoration: underline;
 
}
 
code,
 
.code pre,
 
.linenos pre,
 
div.readme pre,
 
div.formatted-fixed,
 
.CodeMirror .CodeMirror-code pre {
 
  font-size: 12px;
 
  font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
 
}
 

	
 
/* class for texts where newlines should be preserved, for very light-weight ascii art markup (like pull request descriptions) */
 
.formatted-fixed {
 
  white-space: pre-wrap;
 
}
 

	
 
.changeset_hash {
 
  font-family: Lucida Console, Consolas, Monaco, Inconsolata, Liberation Mono, monospace;
 
}
 

	
 
.inline-comments-general.show-general-status .hidden.general-only {
 
  display: block !important;
 
}
 
.truncate {
 
  white-space: nowrap;
 
  overflow: hidden;
 
  text-overflow: ellipsis;
 
  -o-text-overflow: ellipsis;
 
  -ms-text-overflow: ellipsis;
 
}
 
.truncate.autoexpand:hover {
 
  overflow: visible;
 
}
 

	
 
/* show comment anchors when hovering over panel-heading */
 
a.permalink {
 
  visibility: hidden;
 
}
 
.panel-heading:hover .permalink {
 
  visibility: visible;
 
}
 

	
 
.navbar-inverse {
 
  border: none;
 
}
 
.navbar-inverse .navbar-nav > .active > a,
 
.navbar-inverse .navbar-nav > .active > a:hover,
 
.navbar-inverse .navbar-nav > .active > a:focus {
 
  background-color: inherit;
 
}
 
nav.navbar .navbar-brand:hover,
 
nav.navbar .navbar-brand {
 
  font-size: 20px;
 
  padding-top: 12px;
 
  color: white !important;
 
  height: 44px;
 
}
 
nav.navbar {
 
  min-height: 44px;
 
  background-color: #577632;
 
}
 
nav.navbar #logo > .navbar-brand > img {
 
  margin-top: -9px;
 
  margin-right: 5px;
 
}
 

	
 
/* language bars (summary page) */
 
#lang_stats {
 
  .progress-bar {
 
    min-width: 15px;
 
    border-top-right-radius: 8px;
 
    border-bottom-right-radius: 8px;
 
  }
 
  td {
 
    padding: 1px 0 !important;
 
  }
 
}
 

	
 
/* every direct child of a main panel, that is not .panel-heading, should auto
 
 * overflow to prevent overflowing of elements like text boxes and tables */
 
#main > .panel > :not(.panel-heading) {
 
  overflow-x: auto;
 
  min-height: 0.01%;
 
}
 

	
 
/* use pointer cursor for expand_commit */
 
.expand_commit .icon-align-left {
 
  cursor: pointer;
 
  color: #999;
 
}
 

	
 
/* don't break author, date and comment cells into multiple lines in changeset table */
 
table.changesets {
 
  .author,
 
  .date,
 
  .comments {
 
    white-space: nowrap;
 
  }
 
}
 

	
 
.form-group > label {
 
  float: left;
 
}
 
.dt_repo_pending {
 
  opacity: 0.5;
 
}
 
.dt_repo i.icon-keyhole-circled,
 
.dt_repo i.icon-globe {
 
  font-size: 16px;
 
  vertical-align: -2px;
 
  margin: 0px 1px 0px 3px;
 
}
 

	
 
div.panel-primary {
 
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
 
  border: none;
 
}
 
div.panel div.panel-heading {
 
  background-color: #577632;
 
  background-repeat: repeat-x;
 
  background-image: linear-gradient(to bottom, #577632, #577632);
 
  border-radius: 4px 4px 0 0;
 
}
 
#content div.panel div.panel-heading ul.links li {
 
  list-style: none;
 
  float: left;
 
  margin: 0;
 
  padding: 0;
 
}
 
div.panel.panel-default {
 
  border: 1px solid #ccc;
 
  box-shadow: none;
 
  border-radius: 6px 6px 0px 0px;
 
  margin-bottom: 15px;
 
  font-size: 14px;
 
  font-weight: 700;
 
}
 
div.panel.panel-default:last-child {
 
  margin-bottom: 0;
 
}
 
div.panel.panel-default > div.panel-heading {
 
  background: #eee;
 
  border-bottom: 1px solid #ccc;
 
  font-size: 14px;
 
  font-weight: 700;
 
}
 
#content div.panel div.panel-heading .pull-left {
 
  margin-right: 10px;
 
}
 
#content div.panel div.panel-heading .pull-right {
 
  margin-left: 10px;
 
}
 

	
 
#content div.panel div.form div.form-group {
 
  border-bottom: 1px solid #DDD;
 
  clear: both;
 
}
 

	
 
#content div.panel ul.pagination {
 
  margin: 10px 0 0 0;
 
}
 
#content div.panel ul.pagination > li > a,
 
#content div.panel ul.pagination > li > span {
 
  background: #ebebeb url("../images/pager.png") repeat-x;
 
  color: #4A4A4A;
 
  font-weight: 700;
 
  border-top: 1px solid #dedede;
 
  border-left: 1px solid #cfcfcf;
 
  border-bottom: 1px solid #c4c4c4;
 
  border-right: 1px solid #cfcfcf;
 
}
 
#content div.panel ul.pagination > li.active > span,
 
#content div.panel ul.pagination > li:hover > a,
 
#content div.panel ul.pagination > li:active > a {
 
  background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
 
  border-top: 1px solid #ccc;
 
  border-left: 1px solid #bebebe;
 
  border-bottom: 1px solid #afafaf;
 
  border-right: 1px solid #bebebe;
 
  color: #515151;
 
}
 
#content div.panel div#summary-panel-body.form div.form-group > div {
 
  margin: 0 0 10px 150px;
 
}
 
#content div.panel #summary {
 
  margin-right: 200px;
 
  min-height: 200px;
 
}
 
#summary .metatag {
 
  display: inline-block;
 
  padding: 3px 5px;
 
  margin-bottom: 3px;
 
  margin-right: 1px;
 
  border-radius: 5px;
 
}
 
#content div.panel #summary p {
 
  margin-bottom: -5px;
 
  width: 600px;
 
  white-space: pre-wrap;
 
}
 
#clone_by_name.input-group,
 
#clone_by_id.input-group {
 
  width: 100%;
 
}
 
#clone_by_name.input-group > span,
 
#clone_by_id.input-group > span {
 
  display: inline-block;
 
  float: left;
 
  height: 30px;
 
}
 
#clone_by_name.input-group > input,
 
#clone_by_id.input-group > input {
 
  width: 50%;
 
}
 
#clone_by_name.input-group .form-control,
 
#clone_by_id.input-group .form-control {
 
  height: 30px;
 
}
 

	
 
@import "kallithea-tags.less";
 

	
 
#summary .desc {
 
  white-space: pre;
 
  width: 100%;
 
}
 

	
 
#footer {
 
  background-color: #577632;
 
  margin-bottom: 0;
 
}
 
#footer > span {
 
  color: #FFF;
 
  font-weight: 700;
 
}
 
#footer .navbar-link {
 
  color: #FFF;
 
}
 

	
 
#login .panel-body .icon-lock {
 
  font-size: 100px;
 
  color: #DDD;
 
  margin-left: -15px;
 
  z-index: 1;
 
}
 
.user-menu {
 
  padding: 0 !important;
 
}
 
.user-menu .gravatar {
 
  margin: 0px 0px 0px 0px;
 
  cursor: pointer;
 
}
 
.user-menu .gravatar.enabled {
 
  background-color: #FDF784 !important;
 
}
 
.user-menu .gravatar:hover {
 
  background-color: #FDF784 !important;
 
}
 
#quick_login {
 
  width: 330px;
 
  min-height: 110px;
 
  padding: 0;
 
  position: absolute;
 
  right: 0;
 
  color: #fff;
 
  background-color: #577632;
 
  background-repeat: repeat-x;
 
  background-image: linear-gradient(to bottom, #577632, #577632);
 
  z-index: 999;
 
  border-radius: 0px 0px 4px 4px;
 
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
 
  overflow: hidden;
 
}
 
#quick_login .form {
 
  margin: 15px;
 
}
 
#quick_login h4 {
 
  color: #fff;
 
  margin-bottom: 10px;
 
}
 
#quick_login input#username,
 
#quick_login input#password {
 
  display: block;
 
  margin: 5px 0 10px;
 
}
 
#quick_login .password_forgotten a,
 
#quick_login .register a {
 
  padding: 0 !important;
 
  line-height: 25px !important;
 
  float: left;
 
  clear: both;
 
}
 
#quick_login .submit {
 
  float: right;
 
}
 
#quick_login .submit input#sign_in {
 
  margin-top: 5px;
 
}
 
#quick_login > .pull-left {
 
  width: 170px;
 
}
 
#quick_login > .pull-right {
 
  width: 140px;
 
}
 
#quick_login .full_name {
 
  color: #FFFFFF;
 
  font-weight: bold;
 
  padding: 3px 3px 3px 15px;
 
}
 
#quick_login .big_gravatar {
 
  padding: 15px 0px 0px 15px;
 
}
 
#quick_login .notifications {
 
  padding: 2px 0px 0px 15px;
 
  color: #FFFFFF;
 
  font-weight: bold;
 
  line-height: 10px !important;
 
}
 
#quick_login .notifications a,
 
#quick_login .unread a {
 
  color: #FFFFFF;
 
  display: block;
 
  padding: 0px !important;
 
}
 
#quick_login .notifications a:hover,
 
#quick_login .unread a:hover {
 
  background-color: inherit !important;
 
}
 
#quick_login .email,
 
#quick_login .unread {
 
  color: #FFFFFF;
 
  padding: 3px 3px 3px 15px;
 
}
 
#quick_login div.form div.form-group {
 
  padding: 5px;
 
}
 
#quick_login div.form div.form-group > label {
 
  color: #fff;
 
  padding-bottom: 3px;
 
}
 
#quick_login div.form div.form-group > div input {
 
  width: 236px;
 
  background: #FFF;
 
  border-top: 1px solid #b3b3b3;
 
  border-left: 1px solid #b3b3b3;
 
  border-right: 1px solid #eaeaea;
kallithea/templates/changeset/changeset.html
Show inline comments
 
## -*- coding: utf-8 -*-
 

	
 
<%inherit file="/base/base.html"/>
 

	
 
<%namespace name="comment" file="/changeset/changeset_file_comment.html"/>
 

	
 
<%block name="title">
 
    ${_('%s Changeset') % c.repo_name} - ${h.show_id(c.changeset)}
 
</%block>
 

	
 
<%def name="breadcrumbs_links()">
 
    ${_('Changeset')} - <span class='changeset_hash'>${h.show_id(c.changeset)}</span>
 
</%def>
 

	
 
<%block name="header_menu">
 
    ${self.menu('repositories')}
 
</%block>
 

	
 
<%def name="main()">
 
${self.repo_context_bar('changelog', c.changeset.raw_id)}
 
<div class="panel panel-primary">
 
  <div class="panel-heading clearfix">
 
    ${self.breadcrumbs()}
 
  </div>
 
  <script>
 
    var _USERS_AC_DATA = ${h.js(c.users_array)};
 
    AJAX_COMMENT_URL = ${h.js(url('changeset_comment',repo_name=c.repo_name,revision=c.changeset.raw_id))};
 
    AJAX_COMMENT_DELETE_URL = ${h.js(url('changeset_comment_delete',repo_name=c.repo_name,comment_id='__COMMENT_ID__'))};
 
  </script>
 
  <div class="panel-body">
 
    <div class="panel panel-default">
 
        <div class="panel-heading clearfix">
 
            ${self.parent_child_navigation()}
 

	
 
            <div class="pull-left">
 
                <div class="pull-left" title="${_('Changeset status')}">
 
                    %if c.statuses:
 
                        <i class="icon-circle changeset-status-${c.statuses[0]}"></i>
 
                        [${h.changeset_status_lbl(c.statuses[0])}]
 
                    %endif
 
                </div>
 
                <div class="diff-actions pull-left">
 
                  <a href="${h.url('changeset_raw_home',repo_name=c.repo_name,revision=c.changeset.raw_id)}" data-toggle="tooltip" title="${_('Raw diff')}">
 
                      <i class="icon-diff"></i>
 
                  </a>
 
                  <a href="${h.url('changeset_patch_home',repo_name=c.repo_name,revision=c.changeset.raw_id)}" data-toggle="tooltip" title="${_('Patch diff')}">
 
                      <i class="icon-file-powerpoint"></i>
 
                  </a>
 
                  <a href="${h.url('changeset_download_home',repo_name=c.repo_name,revision=c.changeset.raw_id,diff='download')}" data-toggle="tooltip" title="${_('Download diff')}">
 
                      <i class="icon-floppy"></i>
 
                  </a>
 
                  ${c.ignorews_url(request.GET)}
 
                  ${c.context_url(request.GET)}
 
                </div>
 
            </div>
 
        </div>
 
        <div class="panel-body">
 
            <div class="form-group changeset_content_header clearfix">
 
                <div class="pull-right">
 
                    <span class="logtags">
 
                        %if len(c.changeset.parents)>1:
 
                        <span class="mergetag">${_('Merge')}</span>
 
                        %endif
 

	
 
                        %for book in c.changeset.bookmarks:
 
                        <span class="booktag" title="${_('Bookmark %s') % book}">
 
                           ${h.link_to(book,h.url('changeset_home',repo_name=c.repo_name,revision=c.changeset.raw_id))}
 
                        </span>
 
                        %endfor
 

	
 
                        %for tag in c.changeset.tags:
 
                         <span class="tagtag"  title="${_('Tag %s') % tag}">
 
                         ${h.link_to(tag,h.url('changeset_home',repo_name=c.repo_name,revision=c.changeset.raw_id))}</span>
 
                        %endfor
 

	
 
                        %if c.changeset.branch:
 
                         <span class="branchtag" title="${_('Branch %s') % c.changeset.branch}">
 
                         ${h.link_to(c.changeset.branch,h.url('changelog_home',repo_name=c.repo_name,branch=c.changeset.branch))}
 
                         </span>
 
                        %endif
 
                    </span>
 

	
 
                    <div class="changes">
 
                        % if (len(c.changeset.affected_files) <= c.affected_files_cut_off) or c.fulldiff:
 
                         <span class="label deleted" title="${_('Removed')}">${len(c.changeset.removed)}</span>
 
                         <span class="label changed" title="${_('Changed')}">${len(c.changeset.changed)}</span>
 
                         <span class="label added" title="${_('Added')}">${len(c.changeset.added)}</span>
 
                        % else:
 
                         <span class="label deleted" title="${_('Affected %s files') % len(c.changeset.affected_files)}">!</span>
 
                         <span class="label changed" title="${_('Affected %s files') % len(c.changeset.affected_files)}">!</span>
 
                         <span class="label added"   title="${_('Affected %s files') % len(c.changeset.affected_files)}">!</span>
 
                        % endif
 
                    </div>
 
                </div>
 
                <div class="pull-left">
 
                     <div class="author">
 
                         ${h.gravatar_div(h.email_or_none(c.changeset.author), size=20)}
 
                         <span><b>${h.person(c.changeset.author,'full_name_and_username')}</b> - ${h.age(c.changeset.date,True)} ${h.fmt_date(c.changeset.date)}</span><br/>
 
                         <span>${h.email_or_none(c.changeset.author)}</span><br/>
 
                     </div>
 
                     <% rev = c.changeset.extra.get('source') %>
 
                     %if rev:
 
                     <div>
 
                       ${_('Grafted from:')} ${h.link_to(h.short_id(rev),h.url('changeset_home',repo_name=c.repo_name,revision=rev), class_="changeset_hash")}
 
                     </div>
 
                     %endif
 
                     <% rev = c.changeset.extra.get('transplant_source', '').encode('hex') %>
 
                     %if rev:
 
                     <div>
 
                       ${_('Transplanted from:')} ${h.link_to(h.short_id(rev),h.url('changeset_home',repo_name=c.repo_name,revision=rev), class_="changeset_hash")}
 
                     </div>
 
                     %endif
 

	
 
                     % if hasattr(c.changeset, 'successors') and c.changeset.successors:
 
                     <div class='successors'>
 
                       <span class='successors_header'>${_('Replaced by:')} </span>
 
                       % for i, s in enumerate(c.changeset.successors):
 
                           <%
 
                           comma = ""
 
                           if i != len(c.changeset.successors)-1:
 
                             comma = ", "
 
                           %>
 
                         <a class='successors_hash' href="${h.url('changeset_home',repo_name=c.repo_name, revision=s)}">${s}</a>${comma}
 
                       % endfor
 
                     </div>
 
                     % endif
 

	
 
                     % if hasattr(c.changeset, 'precursors') and c.changeset.precursors:
 
                     <div class='precursors'>
 
                       <span class='precursors_header'>${_('Preceded by:')} </span>
 
                       % for i, s in enumerate(c.changeset.precursors):
 
                           <%
 
                           comma = ""
 
                           if i != len(c.changeset.precursors)-1:
 
                             comma = ", "
 
                           %>
 
                           <a class="precursors_hash" href="${h.url('changeset_home',repo_name=c.repo_name, revision=s)}">${s}</a>${comma}
 
                       % endfor
 
                     </div>
 
                     % endif
 
                </div>
 
            </div>
 
            <div class="form-group">${h.urlify_text(c.changeset.message, c.repo_name)}</div>
 
            <div>
 
              <% a_rev, cs_rev, file_diff_data = c.changes[c.changeset.raw_id] %>
 
              % if c.limited_diff:
 
                  ${ungettext('%s file changed', '%s files changed', len(file_diff_data)) % len(file_diff_data)}:
 
              % else:
 
                  ${ungettext('%s file changed with %s insertions and %s deletions', '%s files changed with %s insertions and %s deletions', len(file_diff_data)) % (len(file_diff_data), c.lines_added, c.lines_deleted)}:
 
              %endif
 
              </div>
 
              <div class="cs_files">
 
                %for fid, url_fid, op, a_path, path, diff, stats in file_diff_data:
 
                    <div class="cs_${op} clearfix">
 
                      <span class="node">
 
                          <i class="icon-diff-${op}"></i>
 
                          ${h.link_to(h.safe_unicode(path), '#%s' % fid)}
 
                      </span>
 
                      <div class="changes">${h.fancy_file_stats(stats)}</div>
 
                    </div>
 
                %endfor
 
                %if c.limited_diff:
 
                  <h5>${_('Changeset was too big and was cut off...')} <a href="${h.url.current(fulldiff=1, **request.GET.mixed())}">${_('Show full diff anyway')}</a></h5>
 
                %endif
 
            </div>
 
            <div class="comments-number">
 
                ${comment.comment_count(c.inline_cnt, len(c.comments))}
 
            </div>
 
        </div>
 

	
 
    </div>
 

	
 
    ## diff block
 

	
 
    <div class="commentable-diff">
 
    <%namespace name="diff_block" file="/changeset/diff_block.html"/>
 
    ${diff_block.diff_block_js()}
 
    <% a_rev, cs_rev, file_diff_data = c.changes[c.changeset.raw_id] %>
 
    ${diff_block.diff_block(c.repo_name, 'rev', a_rev, a_rev,
 
                            c.repo_name, 'rev', cs_rev, cs_rev, file_diff_data)}
 
    % if c.limited_diff:
 
      <h4>${_('Changeset was too big and was cut off...')} <a href="${h.url.current(fulldiff=1, **request.GET.mixed())}">${_('Show full diff anyway')}</a></h4>
 
    % endif
 
    </div>
 

	
 
    ## template for inline comment form
 
    ${comment.comment_inline_form()}
 

	
 
    ## render comments and inlines
 
    ${comment.generate_comments()}
 

	
 
    ## main comment form and it status
 
    ${comment.comments()}
 

	
 
    </div>
 

	
 
    ## FORM FOR MAKING JS ACTION AS CHANGESET COMMENTS
 
    <script type="text/javascript">
 
      $(document).ready(function(){
 
          $('.code-difftable').on('click', '.add-bubble', function(e){
 
              show_comment_form($(this));
 
          });
 

	
 
          move_comments($(".comments .comments-list-chunk"));
 

	
 
          // hack: re-navigate to target after JS is done ... if a target is set and setting href thus won't reload
 
          if (window.location.hash != "") {
 
              window.location.href = window.location.href;
 
          }
 
      });
 

	
 
    </script>
 

	
 
  </div>
 
</%def>
0 comments (0 inline, 0 general)