diff options
Diffstat (limited to 'widgets/gitlab_merge_requests')
3 files changed, 94 insertions, 0 deletions
diff --git a/widgets/gitlab_merge_requests/gitlab_merge_requests.coffee b/widgets/gitlab_merge_requests/gitlab_merge_requests.coffee new file mode 100644 index 0000000..e68c3f6 --- /dev/null +++ b/widgets/gitlab_merge_requests/gitlab_merge_requests.coffee @@ -0,0 +1,9 @@ +class Dashing.GitlabMergeRequests extends Dashing.Widget + + ready: -> + # This is fired when the widget is done being rendered + + onData: (data) -> + # Handle incoming data + # You can access the html node of this widget with `@node` + # Example: $(@node).fadeOut().fadeIn() will make the node flash each time data comes in.
\ No newline at end of file diff --git a/widgets/gitlab_merge_requests/gitlab_merge_requests.html b/widgets/gitlab_merge_requests/gitlab_merge_requests.html new file mode 100644 index 0000000..396da97 --- /dev/null +++ b/widgets/gitlab_merge_requests/gitlab_merge_requests.html @@ -0,0 +1,18 @@ +<h1 class="header">GitLab</h1> +<h2 class="sub-header" data-bind="header"></h2> + +<ul class="list"> + <li data-foreach-merge="merges" class="merge"> + <div class="merge-title" data-bind="merge.title"></div> + <div class="merge-info"> + <div data-bind="merge.creator"></div> + <div> · </div> + <div data-bind="merge.repo"></div> + <div> · </div> + <div data-bind="merge.updated_at"></div> + </div> + <div style="clear: both;"></div> + </li> +</ul> + +<p class="updated-at" data-bind="updatedAtMessage"></p> diff --git a/widgets/gitlab_merge_requests/gitlab_merge_requests.scss b/widgets/gitlab_merge_requests/gitlab_merge_requests.scss new file mode 100644 index 0000000..d3c51f5 --- /dev/null +++ b/widgets/gitlab_merge_requests/gitlab_merge_requests.scss @@ -0,0 +1,67 @@ +// ---------------------------------------------------------------------------- +// Sass declarations +// ---------------------------------------------------------------------------- +$background-color: teal; + +$heading-color: rgba(255, 255, 255, 0.7); +$merge-title-color: rgba(255, 255, 255, 1.0); +$merge-info-color: rgba(255, 255, 255, 1.0); + +// ---------------------------------------------------------------------------- +// Widget-gitlab-merge-requests styles +// ---------------------------------------------------------------------------- +.widget-gitlab-merge-requests { + + background-color: $background-color; + vertical-align: top !important; + + .header { + margin-bottom: 0; + font-size: xx-large; + color: $heading-color; + } + + .sub-header { + color: $heading-color; + font-size: large; + margin-bottom: 1vh; + } + + .merge { + margin-bottom: 2vh; + } + + .merge-title { + font-size: medium; + font-weight: bold; + color: $merge-title-color; + } + + .merge-info { + font-size: small; + font-style: italic; + color: $merge-info-color; + } + + .merge-info div { + float:left; + } + + .list { + list-style: none; + } + + .updated-at { + color: rgba(0, 0, 0, 0.3); + } + + ol, ul { + margin: 0 15px; + text-align: left; + } + + ol { + list-style-position: inside; + } + +} |