From 7f83be4eab2601d7caaf65d3be762a28dc59add0 Mon Sep 17 00:00:00 2001
From: Adrian Marin <adrian@adrianthedev.com>
Date: Tue, 11 Aug 2020 12:15:53 +0300
Subject: [PATCH 1/3] refactor: remove v-tooltip from item controls (#100)

---
 app/frontend/js/components/Index/ItemControls.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/frontend/js/components/Index/ItemControls.vue b/app/frontend/js/components/Index/ItemControls.vue
index d342fea5be..f574c321dd 100644
--- a/app/frontend/js/components/Index/ItemControls.vue
+++ b/app/frontend/js/components/Index/ItemControls.vue
@@ -12,7 +12,7 @@
           viaResourceId: viaResourceId,
         }
       }"
-      v-tooltip="`View ${this.resourceNameSingular}`"
+      :title="`View ${this.resourceNameSingular}`"
       data-control="view"
     >
       <eye-icon :class="iconClasses"/>
@@ -29,14 +29,14 @@
           viaResourceId: viaResourceId,
         },
       }"
-      v-tooltip="`Edit ${this.resourceNameSingular}`"
+      :title="`Edit ${this.resourceNameSingular}`"
       data-control="edit"
     >
       <edit-icon :class="iconClasses"/>
     </router-link>
     <a href="javascript:void(0);"
       @click="openDetachModal"
-      v-tooltip="`Detach ${this.resourceNameSingular}`"
+      :title="`Detach ${this.resourceNameSingular}`"
       data-control="detach"
       v-if="relationship === 'has_and_belongs_to_many'"
     >
@@ -44,7 +44,7 @@
     </a>
     <a href="javascript:void(0);"
       @click="openDeleteModal"
-      v-tooltip="`Delete ${this.resourceNameSingular}`"
+      :title="`Delete ${this.resourceNameSingular}`"
       data-control="delete"
       v-else
     >

From 1c84f7167afbcc3b8b44b66a27c1f29d646c9188 Mon Sep 17 00:00:00 2001
From: Adrian Marin <adrian@adrianthedev.com>
Date: Tue, 11 Aug 2020 12:18:41 +0300
Subject: [PATCH 2/3] refactor: remove generated id field name (#101)

---
 lib/generators/avo/templates/resource.rb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/generators/avo/templates/resource.rb b/lib/generators/avo/templates/resource.rb
index f780f0b322..1a7ed43a5c 100644
--- a/lib/generators/avo/templates/resource.rb
+++ b/lib/generators/avo/templates/resource.rb
@@ -7,7 +7,7 @@ def initialize
       end
 
       fields do
-        id :ID
+        id
       end
     end
   end

From 99537b213107280d11ca6f3bc3140d18ac4fe3f7 Mon Sep 17 00:00:00 2001
From: Adrian Marin <adrian@adrianthedev.com>
Date: Tue, 11 Aug 2020 14:53:16 +0300
Subject: [PATCH 3/3] Feature/add resource overview dashboard widget (#102)

---
 .../avo/resource_overview_controller.rb       |  21 ++++
 app/frontend/js/components/LoadingOverlay.vue |   2 +-
 app/frontend/js/components/Pane.vue           |   5 +
 .../js/components/ResourceOverview.vue        |  88 +++++++++++++
 app/frontend/js/components/index.js           |   2 +
 app/frontend/js/views/Dashboard.vue           |   9 +-
 config/routes.rb                              |   4 +
 lib/avo/configuration.rb                      |   4 +
 scripts/build.sh                              |  16 +--
 .../avo/resource_overview_request_spec.rb     | 118 ++++++++++++++++++
 10 files changed, 252 insertions(+), 17 deletions(-)
 create mode 100644 app/controllers/avo/resource_overview_controller.rb
 create mode 100644 app/frontend/js/components/Pane.vue
 create mode 100644 app/frontend/js/components/ResourceOverview.vue
 create mode 100644 spec/requests/avo/resource_overview_request_spec.rb

diff --git a/app/controllers/avo/resource_overview_controller.rb b/app/controllers/avo/resource_overview_controller.rb
new file mode 100644
index 0000000000..c27f8a29a0
--- /dev/null
+++ b/app/controllers/avo/resource_overview_controller.rb
@@ -0,0 +1,21 @@
+require_dependency 'avo/application_controller'
+
+module Avo
+  class ResourceOverviewController < ApplicationController
+    def index
+      resources = App.get_resources.map do |resource|
+        {
+          name: resource.name,
+          url: resource.url,
+          count: resource.model.count,
+        }
+      end
+
+      render json: {
+        resources: resources,
+        hidden: Avo.configuration.hide_resource_overview_component,
+        hide_docs: Avo.configuration.hide_documentation_link,
+      }
+    end
+  end
+end
diff --git a/app/frontend/js/components/LoadingOverlay.vue b/app/frontend/js/components/LoadingOverlay.vue
index 5513c7d4fb..778dda6d0a 100644
--- a/app/frontend/js/components/LoadingOverlay.vue
+++ b/app/frontend/js/components/LoadingOverlay.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="absolute flex items-center justify-center h-full w-full bg-white bg-opacity-75 z-20">
+  <div class="absolute flex items-center justify-center h-full w-full bg-white bg-opacity-75 z-20 rounded-xl">
     <loading-component class="bg-white rounded bg-opacity-75"/>
   </div>
 </template>
diff --git a/app/frontend/js/components/Pane.vue b/app/frontend/js/components/Pane.vue
new file mode 100644
index 0000000000..1a9dfb423d
--- /dev/null
+++ b/app/frontend/js/components/Pane.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="relative bg-white rounded-xl shadow-xl mb-8">
+    <slot />
+  </div>
+</template>
diff --git a/app/frontend/js/components/ResourceOverview.vue b/app/frontend/js/components/ResourceOverview.vue
new file mode 100644
index 0000000000..ebee3d3d7a
--- /dev/null
+++ b/app/frontend/js/components/ResourceOverview.vue
@@ -0,0 +1,88 @@
+<template>
+  <div v-if="!hidden">
+    <div v-if="noResources">
+      <pane class="p-6">
+        <heading class="mb-4">
+          Welcome to Avo 🥑
+        </heading>
+
+        <p class="mb-2">
+          You haven't generated any Resources. <strong>Resources</strong> are the backbone of Avo.
+        </p>
+
+        <p class="mb-2">
+          To generate a resource run this command.
+        </p>
+
+        <div class="mb-2 mt-4">
+          <code class="block bg-gray-200 px-3 py-2 rounded text-gray-800">bin/rails generate avo:resource Post</code>
+        </div>
+      </pane>
+    </div>
+    <div v-else>
+      <div class="mb-4 text-lg font-bold">
+        Current resources
+      </div>
+      <div class="grid grid-cols-3 col-gap-6">
+        <div v-for="resource in resources" :key="resource.name">
+          <pane class="p-6">
+            <div class="font-semibold leading-tight mb-2 text-lg">
+              {{resource.count}} {{resource.name | pluralize(resource.count) | capitalize()}}
+            </div>
+            <div class="flex justify-end">
+              <router-link :to="{
+                name: 'index',
+                params: {
+                  resourceName: resource.url,
+                },
+              }"
+              >view all</router-link>
+            </div>
+          </pane>
+        </div>
+      </div>
+    </div>
+    <pane class="p-6" v-if="!hideDocs">
+      Read the <a href="https://docs.avohq.io" target="_blank">docs</a> for options on how to customize resources.
+    </pane>
+  </div>
+</template>
+
+<script>
+import Api from '@/js/Api'
+import Avo from '@/js/Avo'
+import pluralize from 'pluralize'
+
+export default {
+  data: () => ({
+    resources: [],
+    hidden: true,
+    hideDocs: false,
+  }),
+  props: [],
+  filters: {
+    pluralize(value, count) {
+      return pluralize(value, count)
+    },
+    capitalize(value) {
+      return value.charAt(0).toUpperCase() + value.slice(1)
+    },
+  },
+  computed: {
+    noResources() {
+      return this.resources.length === 0
+    },
+  },
+  methods: {
+    async getResources() {
+      const { data } = await Api.get(`${Avo.rootPath}/avo-tools/resource-overview`)
+      this.resources = data.resources
+      this.hidden = data.hidden
+      this.hideDocs = data.hide_docs
+    },
+  },
+  async mounted() {
+    await this.getResources()
+  },
+}
+</script>
diff --git a/app/frontend/js/components/index.js b/app/frontend/js/components/index.js
index fba7177ee9..6a92bc41cb 100644
--- a/app/frontend/js/components/index.js
+++ b/app/frontend/js/components/index.js
@@ -91,6 +91,8 @@ Vue.component('item-controls',                       require('@/js/components/In
 Vue.component('view-header',                         require('@/js/components/ViewHeader.vue').default)
 Vue.component('view-footer',                         require('@/js/components/ViewFooter.vue').default)
 Vue.component('panel',                               require('@/js/components/Panel.vue').default)
+Vue.component('pane',                                require('@/js/components/Pane.vue').default)
+Vue.component('resource-overview',                   require('@/js/components/ResourceOverview.vue').default)
 Vue.component('heading',                             require('@/js/components/Heading.vue').default)
 Vue.component('a-button',                            require('@/js/components/Button.vue').default)
 Vue.component('resources-search',                    require('@/js/components/ResourcesSearch.vue').default)
diff --git a/app/frontend/js/views/Dashboard.vue b/app/frontend/js/views/Dashboard.vue
index 1dad42e1a4..f40f6f2da2 100644
--- a/app/frontend/js/views/Dashboard.vue
+++ b/app/frontend/js/views/Dashboard.vue
@@ -1,5 +1,8 @@
 <template>
-  <heading>
-    Dashboard
-  </heading>
+  <div>
+    <heading class="pt-4 mb-8">
+      Dashboard
+    </heading>
+    <resource-overview />
+  </div>
 </template>
diff --git a/config/routes.rb b/config/routes.rb
index 30e5b2b484..760f417fa4 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -14,5 +14,9 @@
   post '/avo-api/:resource_name/:id/attach/:attachment_name/:attachment_id', to: 'resources#attach'
   post '/avo-api/:resource_name/:id/detach/:attachment_name/:attachment_id', to: 'resources#detach'
 
+  # Tools
+  get '/avo-tools/resource-overview', to: 'resource_overview#index'
+
+  # Catch them all
   get '/:view/(:tool)/(:resource_name)/(:option)', to: 'home#index'
 end
diff --git a/lib/avo/configuration.rb b/lib/avo/configuration.rb
index a1c15ce06c..2554b958bf 100644
--- a/lib/avo/configuration.rb
+++ b/lib/avo/configuration.rb
@@ -8,6 +8,8 @@ class Configuration
     attr_accessor :locale
     attr_accessor :currency
     attr_accessor :default_view_type
+    attr_accessor :hide_resource_overview_component
+    attr_accessor :hide_documentation_link
 
     def initialize
       @root_path = '/avo'
@@ -18,6 +20,8 @@ def initialize
       @locale = 'us-US'
       @currency = 'USD'
       @default_view_type = :table
+      @hide_resource_overview_component = false
+      @hide_documentation_link = false
     end
   end
 
diff --git a/scripts/build.sh b/scripts/build.sh
index 5729600cb5..b477d47148 100644
--- a/scripts/build.sh
+++ b/scripts/build.sh
@@ -2,16 +2,6 @@
 
 set -e
 
-IMAGE_NAME=avo-dev
-WORKSPACE_DIR=$1	BUMP=${1:-'patch'}
-TAG=$2
-OS=$(node -r os -e 'console.log(os.platform())')
-
-cd $WORKSPACE_DIR
-
-docker build -t $IMAGE_NAME -f docker/Dockerfile .
-
-CID=$(docker create $IMAGE_NAME)
-
-docker cp ${CID}:/avo/pkg/. $WORKSPACE_DIR/pkg
-docker rm ${CID}
+rm -rf public/avo-packs
+bin/webpack
+gem build avo --output pkg/avo.gem
diff --git a/spec/requests/avo/resource_overview_request_spec.rb b/spec/requests/avo/resource_overview_request_spec.rb
new file mode 100644
index 0000000000..bc34310d1d
--- /dev/null
+++ b/spec/requests/avo/resource_overview_request_spec.rb
@@ -0,0 +1,118 @@
+require 'rails_helper'
+
+RSpec.describe 'ResourceOverview', type: :request do
+  context 'configs' do
+    describe 'with false values' do
+      it 'returns false values' do
+        get '/avo/avo-tools/resource-overview'
+
+        expect(response).to have_http_status(200)
+
+        expect(parsed_response['hidden']).to be false
+        expect(parsed_response['hide_docs']).to be false
+      end
+    end
+
+    describe 'with true values' do
+      around do |spec|
+        Avo.configuration.hide_resource_overview_component = true
+        Avo.configuration.hide_documentation_link = true
+
+        spec.run
+
+        Avo.configuration.hide_resource_overview_component = false
+        Avo.configuration.hide_documentation_link = false
+      end
+
+      it 'returns true values' do
+        get '/avo/avo-tools/resource-overview'
+
+        expect(response).to have_http_status(200)
+
+        expect(parsed_response['hidden']).to be true
+        expect(parsed_response['hide_docs']).to be true
+      end
+    end
+  end
+
+  describe 'without any resources in the DB' do
+    it 'returns empty response' do
+      get '/avo/avo-tools/resource-overview'
+
+      expect(response).to have_http_status(200)
+
+      expect(parsed_response['hidden']).to be false
+      expect(parsed_response['hide_docs']).to be false
+      expect(parsed_response['resources']).to match_array([
+        {
+          count: 0,
+          name: 'Team',
+          url: 'teams',
+        },
+        {
+          count: 0,
+          name: 'Project',
+          url: 'projects',
+        },
+        {
+          count: 0,
+          name: 'Post',
+          url: 'posts',
+        },
+        {
+          count: 0,
+          name: 'Team Membership',
+          url: 'team_memberships',
+        },
+        {
+          count: 0,
+          name: 'User',
+          url: 'users',
+        },
+      ].map(&:deep_stringify_keys))
+    end
+  end
+
+  describe 'with some resources in the DB' do
+    before do
+      create_list :user, 3
+      create_list :team, 2
+    end
+
+    it 'returns non-empty response' do
+      get '/avo/avo-tools/resource-overview'
+
+      expect(response).to have_http_status(200)
+
+      expect(parsed_response['hidden']).to be false
+      expect(parsed_response['hide_docs']).to be false
+      expect(parsed_response['resources']).to match_array([
+        {
+          count: 2,
+          name: 'Team',
+          url: 'teams',
+        },
+        {
+          count: 0,
+          name: 'Project',
+          url: 'projects',
+        },
+        {
+          count: 0,
+          name: 'Post',
+          url: 'posts',
+        },
+        {
+          count: 0,
+          name: 'Team Membership',
+          url: 'team_memberships',
+        },
+        {
+          count: 3,
+          name: 'User',
+          url: 'users',
+        },
+      ].map(&:deep_stringify_keys))
+    end
+  end
+end