Dashboard

app/app/tests/test_app_urls.py

@@ -89,15 +89,6 @@ def test_faucet_resolve(self):
         self.assertEqual(resolve('/faucet').view_name, 'faucet')
         self.assertEqual(resolve('/faucet/').view_name, 'faucet')
 
-    def test_dashboard_reverse(self):
-        """Test the dashboard url and check the reverse."""
-        self.assertEqual(reverse('dashboard'), '/dashboard')
-
-    def test_dashboard_resolve(self):
-        """Test the dashboard url and check the resolution."""
-        self.assertEqual(resolve('/dashboard').view_name, 'dashboard')
-        self.assertEqual(resolve('/dashboard/').view_name, 'dashboard')
-
     def test_explorer_reverse(self):
         """Test the explorer url and check the reverse."""
         self.assertEqual(reverse('explorer'), '/explorer')

app/app/urls.py

@@ -64,6 +64,9 @@
     # inbox
     path('inbox/', include('inbox.urls', namespace='inbox')),
 
+    # board
+    path('dashboard/', dashboard.views.board, name='dashboard'),
+
     # kudos
     path('kudos/', kudos.views.about, name='kudos_main'),
     path('kudos/about/', kudos.views.about, name='kudos_about'),
@@ -132,9 +135,15 @@
     re_path(r'^onboard/(?P<flow>\w+)/$', dashboard.views.onboard, name='onboard'),
     re_path(r'^onboard/contributor/avatar/?$', dashboard.views.onboard_avatar, name='onboard_avatar'),
     url(r'^postcomment/', dashboard.views.post_comment, name='post_comment'),
-    url(r'^dashboard/?', dashboard.views.dashboard, name='dashboard'),
     url(r'^explorer/?', dashboard.views.dashboard, name='explorer'),
 
+    # Funder dashboard
+    path('funder_dashboard/<str:bounty_type>/', dashboard.views.funder_dashboard, name='funder_dashboard'),
+    path('funder_dashboard/bounties/<int:bounty_id>/', dashboard.views.funder_dashboard_bounty_info, name='funder_dashboard_bounty_info'),
+
+    # Contributor dashboard
+    path('contributor_dashboard/<str:bounty_type>/', dashboard.views.contributor_dashboard, name='contributor_dashboard'),
+
     # Hackathon static page
     url(r'^hackathon/ethhack2019', dashboard.views.ethhack, name='ethhack_2019'),
     url(r'^hackathon/beyondblocks', dashboard.views.beyond_blocks_2019, name='beyond_blocks_2019'),

app/assets/v2/css/board.css

@@ -0,0 +1,95 @@
+.line-deco:after {
+  content: '';
+  position: absolute;
+  top: 4em;
+  border: 1px solid #F5F6F6;
+  bottom: 2em;
+  left: 2.25em;
+}
+
+.list-bounty {
+  max-height: 100vh;
+  overflow-y: auto;
+  padding: 0;
+  position: relative;
+  z-index: 1;
+  background: #fff no-repeat;
+  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
+  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
+  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
+  background-position: 0 0, 0 100%;
+  background-size: 100% 14px;
+}
+
+.list-bounty:before,
+.list-bounty:after {
+  content: "";
+  position: relative;
+  z-index: -1;
+  display: block;
+  height: 30px;
+  margin: 0 0 -30px;
+  background: -webkit-linear-gradient(top, #fff, #fff 30%, rgba(255, 255, 255, 0));
+  background: -moz-linear-gradient(top, #fff, #fff 30%, rgba(255, 255, 255, 0));
+  background: linear-gradient(to bottom, #fff, #fff 30%, rgba(255, 255, 255, 0));
+}
+
+.list-bounty:after {
+  margin: -30px 0 0;
+  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff 70%, #fff);
+  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff 70%, #fff);
+  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 70%, #fff);
+}
+
+.list-bounty-item + .list-bounty-item {
+  border-top: 1px solid #dee2e6;
+}
+
+.comment-plan {
+  color: #666666;
+  white-space: pre-line;
+  max-height: 100px;
+  overflow: hidden;
+  overflow-y: auto;
+  background: #F5F6F6;
+  padding: 1em;
+  margin-top: 1em;
+  border-radius: 5px;
+}
+
+.head-number {
+  text-align: center;
+}
+.head-number_title {
+  font-size: 12px;
+  color: #666666;
+  letter-spacing: 1.5px;
+}
+
+.head-number_value {
+  color: var(--gc-purple);
+  font-weight: 700;
+  display: block;
+  font-size: 2rem;
+}
+
+.light-blue {
+  color: #008EFF;
+}
+
+.list-bounty-item_content {
+  width: 100%;
+}
+
+@media (min-width: 768px) {
+  .list-bounty-item_logo {
+    width: 40px;
+    height: 40px;
+  }
+}
+
+@media (min-width: 992px) {
+  .list-bounty-item_content {
+    width: 75%;
+  }
+}

app/assets/v2/css/vue-loader.css

@@ -0,0 +1,130 @@
+/* loading */
+.rhombus-spinner {
+  height: 65px;
+  width: 65px;
+  position: relative;
+  transform: rotate(45deg);
+  margin: auto;
+  color: #25E899;
+}
+
+.rhombus-spinner .rhombus {
+  height: calc(65px / 7.5);
+  width: calc(65px / 7.5);
+  animation-duration: 2000ms;
+  top: calc(65px / 2.3077);
+  left: calc(65px / 2.3077);
+  border-radius: 30px;
+  background-color: currentColor;
+  position: absolute;
+  animation-iteration-count: infinite;
+}
+
+.rhombus-spinner .rhombus:nth-child(2n+0) {
+  margin-right: 0;
+}
+
+.rhombus-spinner .rhombus.child-1 {
+  animation-name: rhombus-spinner-animation-child-1;
+  animation-delay: calc(100ms * 1);
+}
+
+.rhombus-spinner .rhombus.child-2 {
+  animation-name: rhombus-spinner-animation-child-2;
+  animation-delay: calc(100ms * 2);
+}
+
+.rhombus-spinner .rhombus.child-3 {
+  animation-name: rhombus-spinner-animation-child-3;
+  animation-delay: calc(100ms * 3);
+}
+
+.rhombus-spinner .rhombus.child-4 {
+  animation-name: rhombus-spinner-animation-child-4;
+  animation-delay: calc(100ms * 4);
+}
+
+.rhombus-spinner .rhombus.child-5 {
+  animation-name: rhombus-spinner-animation-child-5;
+  animation-delay: calc(100ms * 5);
+}
+
+.rhombus-spinner .rhombus.child-6 {
+  animation-name: rhombus-spinner-animation-child-6;
+  animation-delay: calc(100ms * 6);
+}
+
+.rhombus-spinner .rhombus.child-7 {
+  animation-name: rhombus-spinner-animation-child-7;
+  animation-delay: calc(100ms * 7);
+}
+
+.rhombus-spinner .rhombus.child-8 {
+  animation-name: rhombus-spinner-animation-child-8;
+  animation-delay: calc(100ms * 8);
+}
+
+.rhombus-spinner .rhombus.big {
+  height: calc(65px / 3);
+  width: calc(65px / 3);
+  top: calc(65px / 3);
+  left: calc(65px / 3);
+  background-color: #3E00FF;
+  animation: rhombus-spinner-animation-child-big 2s infinite;
+  animation-duration: 2000ms;
+  animation-delay: 0.5s;
+}
+
+@keyframes rhombus-spinner-animation-child-1 {
+  50% {
+    transform: translate(-325%, -325%);
+  }
+}
+
+@keyframes rhombus-spinner-animation-child-2 {
+  50% {
+    transform: translate(0, -325%);
+  }
+}
+
+@keyframes rhombus-spinner-animation-child-3 {
+  50% {
+    transform: translate(325%, -325%);
+  }
+}
+
+@keyframes rhombus-spinner-animation-child-4 {
+  50% {
+    transform: translate(325%, 0);
+  }
+}
+
+@keyframes rhombus-spinner-animation-child-5 {
+  50% {
+    transform: translate(325%, 325%);
+  }
+}
+
+@keyframes rhombus-spinner-animation-child-6 {
+  50% {
+    transform: translate(0, 325%);
+  }
+}
+
+@keyframes rhombus-spinner-animation-child-7 {
+  50% {
+    transform: translate(-325%, 325%);
+  }
+}
+
+@keyframes rhombus-spinner-animation-child-8 {
+  50% {
+    transform: translate(-325%, 0);
+  }
+}
+
+@keyframes rhombus-spinner-animation-child-big {
+  50% {
+    transform: scale(0.5);
+  }
+}