taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Single history item

stable
Xavier Julián 2015-01-21 14:41:24 +01:00 committed by David Barragán Merino
parent 8c25f0bad1
commit cdca5a2553
2 changed files with 69 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
app/partials/views/modules/admin/admin-third-parties-webhooks.jade
View File

@ -33,17 +33,41 @@ block content
div.webhook-options div.webhook-options
a.icon.icon-floppy(href="", title="Save Webhook") a.icon.icon-floppy(href="", title="Save Webhook")
a.icon.icon-delete(href="", title="Cancel Webhook") a.icon.icon-delete(href="", title="Cancel Webhook")
div.row div.single-webhook-wrapper
div.webhook-service div.row
span Slack div.webhook-service
div.webhook-url span Github
span http://slack.kjrw3543m/nwdlkw4m535/ffm div.webhook-url
a(href="", title="Test history") (See test history) span http://github.kjrw3543m/nwdlkw4m535/ffm
div.webhook-options a(href="", title="Test history") (See test history)
div.webhook-options-wrapper div.webhook-options
a.icon.icon-floppy(href="", title="Save Webhook") div.webhook-options-wrapper
a.icon.icon-edit(href="", title="Edit Webhook") a.icon.icon-floppy(href="", title="Save Webhook")
a.icon.icon-delete(href="", title="Delete Webhook") a.icon.icon-edit(href="", title="Edit Webhook")
a.icon.icon-delete(href="", title="Delete Webhook")
div.single-webhook-wrapper
div.row
div.webhook-service
span Slack
div.webhook-url
span http://slack.kjrw3543m/nwdlkw4m535/ffm
a(href="", title="Test history") (See test history)
div.webhook-options
div.webhook-options-wrapper
a.icon.icon-floppy(href="", title="Save Webhook")
a.icon.icon-edit(href="", title="Edit Webhook")
a.icon.icon-delete(href="", title="Delete Webhook")
div.webhooks-history
div.history-single
div
span.history-response.history-success
span.history-date Just now
span.icon.icon-arrow-bottom
div.history-single
div
span.history-response.history-error
span.history-date Just now
span.icon.icon-arrow-bottom
// //
form form

37
app/styles/modules/admin/admin-third-parties-webhooks.scss
View File

@ -1,6 +1,7 @@
.admin-webhooks { .admin-webhooks {
.webhooks-table { .webhooks-table {
.row { .row {
border-bottom: 0;
padding: .5rem 0; padding: .5rem 0;
} }
.row:hover { .row:hover {
@ -20,7 +21,9 @@
color: $gray; color: $gray;
} }
} }
.single-webhook-wrapper {
border-bottom: 1px solid $whitish;
}
.webhooks-options { .webhooks-options {
margin-bottom: 1rem; margin-bottom: 1rem;
text-align: right; text-align: right;
@ -31,9 +34,8 @@
margin-right: .5rem; margin-right: .5rem;
} }
.webhook-service { .webhook-service {
flex-basis: 200px; flex-basis: 20%;
flex-grow: 0; flex-grow: 0;
min-width: 200px;
} }
.webhook-url { .webhook-url {
flex-basis: 400px; flex-basis: 400px;
@ -81,4 +83,33 @@
margin-right: .3rem; margin-right: .3rem;
} }
} }
.history-single {
align-items: center;
border-bottom: 1px solid $whitish;
cursor: pointer;
display: flex;
justify-content: space-between;
margin-left: 22%;
padding: .5rem;
transition: background .2s linear;
&:hover {
background: rgba($fresh-taiga, .1);
transition: background .2s linear;
}
}
.history-response {
background: $gray;
border-radius: 25%;
display: inline-block;
height: .8rem;
margin-right: .5rem;
vertical-align: middle;
width: .8rem;
&.history-success {
background: $fresh-taiga;
}
&.history-error {
background: $red;
}
}
} }