Gitlab merge reqs

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>&nbsp;&middot;&nbsp;</div>
+            <div data-bind="merge.repo"></div>
+            <div>&nbsp;&middot;&nbsp;</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;
+  }
+
+}