diff --git a/app/partials/views/modules/admin/admin-third-parties-webhooks.jade b/app/partials/views/modules/admin/admin-third-parties-webhooks.jade index c9596251..8a97ba98 100644 --- a/app/partials/views/modules/admin/admin-third-parties-webhooks.jade +++ b/app/partials/views/modules/admin/admin-third-parties-webhooks.jade @@ -33,17 +33,41 @@ block content div.webhook-options a.icon.icon-floppy(href="", title="Save Webhook") a.icon.icon-delete(href="", title="Cancel Webhook") - 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.single-webhook-wrapper + div.row + div.webhook-service + span Github + div.webhook-url + span http://github.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.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 diff --git a/app/styles/modules/admin/admin-third-parties-webhooks.scss b/app/styles/modules/admin/admin-third-parties-webhooks.scss index caa9de38..aaac4f1a 100644 --- a/app/styles/modules/admin/admin-third-parties-webhooks.scss +++ b/app/styles/modules/admin/admin-third-parties-webhooks.scss @@ -1,6 +1,7 @@ .admin-webhooks { .webhooks-table { .row { + border-bottom: 0; padding: .5rem 0; } .row:hover { @@ -20,7 +21,9 @@ color: $gray; } } - + .single-webhook-wrapper { + border-bottom: 1px solid $whitish; + } .webhooks-options { margin-bottom: 1rem; text-align: right; @@ -31,9 +34,8 @@ margin-right: .5rem; } .webhook-service { - flex-basis: 200px; + flex-basis: 20%; flex-grow: 0; - min-width: 200px; } .webhook-url { flex-basis: 400px; @@ -81,4 +83,33 @@ 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; + } + } }