Show unentitled app store plugins with disabled install button

Author: ryan-pratt

openc3-cosmos-cmd-tlm-api/app/controllers/plugins_controller.rb

@@ -38,7 +38,7 @@ def check_localhost_reachability(gem_url, store_plugin_id)
     api_key_setting = OpenC3::SettingModel.get(name: 'store_api_key', scope: 'DEFAULT')
     api_key = api_key_setting['data'] if api_key_setting
 
-    test_url = "http://#{uri.host}:#{uri.port}/api/v1.1/cosmos_plugins/#{store_plugin_id}"
+    test_url = "http://#{uri.host}:#{uri.port}/api/v1.2/cosmos_plugins/#{store_plugin_id}"
     begin
       uri_obj = URI(test_url)
       req = Net::HTTP::Get.new(uri_obj)

openc3-cosmos-init/plugins/packages/openc3-vue-common/src/plugins/plugin-store/PluginCard.vue

@@ -55,12 +55,20 @@
     </v-card-text>
     <v-spacer />
     <v-card-actions class="flex-wrap">
-      <v-btn
-        text="Install"
-        append-icon="mdi-puzzle-plus"
-        variant="elevated"
-        @click.stop="install"
-      />
+      <v-tooltip :open-delay="600" location="top">
+        <template #activator="{ props }">
+          <span v-bind="entitled ? null : props">
+            <v-btn
+              text="Install"
+              append-icon="mdi-puzzle-plus"
+              variant="elevated"
+              :disabled="!entitled"
+              @click.stop="install"
+            />
+          </span>
+        </template>
+        <span> {{accessTooltip}} </span>
+      </v-tooltip>
     </v-card-actions>
   </v-card>
   <plugin-details-dialog

openc3-cosmos-init/plugins/packages/openc3-vue-common/src/plugins/plugin-store/PluginDetailsDialog.vue

@@ -64,7 +64,7 @@
           density="compact"
           variant="outlined"
           hide-details
-          class="version-select"
+          class="mt-1 version-select"
         />
       </v-card-subtitle>
       <!--
@@ -191,13 +191,20 @@
           color="red"
           @click="uninstall"
         />
-        <v-btn
-          v-else
-          text="Install"
-          append-icon="mdi-puzzle-plus"
-          variant="elevated"
-          @click="install"
-        />
+        <v-tooltip v-else :open-delay="600" location="top">
+          <template #activator="{ props }">
+            <span v-bind="entitled ? null : props">
+              <v-btn
+                text="Install"
+                append-icon="mdi-puzzle-plus"
+                variant="elevated"
+                :disabled="!entitled"
+                @click="install"
+              />
+            </span>
+          </template>
+          <span> {{accessTooltip}} </span>
+        </v-tooltip>
         <v-btn
           v-if="versionRepository"
           text="Repository"

openc3-cosmos-init/plugins/packages/openc3-vue-common/src/plugins/plugin-store/PluginProps.js

@@ -39,6 +39,8 @@ export default {
     checksum: String,
     versions: Array,
     current_version_id: Number,
+    access: String,
+    entitled: Boolean,
   },
   data: function () {
     return {
@@ -71,6 +73,8 @@ export default {
         checksum: this.checksum,
         versions: this.versions,
         current_version_id: this.current_version_id,
+        access: this.access,
+        entitled: this.entitled,
       }
     },
     imageContentsWithMimeType: function () {
@@ -116,6 +120,19 @@ export default {
     isPluginInstalled: function () {
       return !!this.name // Plugins only have a title, not a name, from the store
     },
+    accessTooltip: function () {
+      if (this.entitled) {
+        return null
+      }
+      if (localStorage.getItem('pluginStore.isApiKeySet') !== "true") {
+        return "Please add your App Store API key using the settings cog icon."
+      }
+      if (this.access === "enterprise") {
+        return "A COSMOS Enterprise license is required for this plugin."
+      } else {
+        return "Please contact sales@openc3.com for access to this plugin."
+      }
+    },
   },
   created: async function () {
     try {

openc3-cosmos-init/plugins/packages/openc3-vue-common/src/plugins/plugin-store/PluginStoreSettingsDialog.vue

@@ -125,6 +125,7 @@ export default {
   watch: {
     apiKey: function (val) {
       this.checkEnterpriseKey()
+      localStorage.setItem('pluginStore.isApiKeySet', !!val)
     },
     isEnterprise: function (val) {
       this.checkEnterpriseKey()

openc3/lib/openc3/models/plugin_store_model.rb

@@ -18,7 +18,7 @@ module OpenC3
   class PluginStoreModel < Model
     PRIMARY_KEY = 'openc3_plugin_store'
     DEFAULT_STORE_URL = 'https://store.openc3.com'
-    JSON_ENDPOINT = '/api/v1.1/cosmos_plugins'
+    JSON_ENDPOINT = '/api/v1.2/cosmos_plugins'
 
     def self.set(plugin_store_data)
       Store.set(PRIMARY_KEY, plugin_store_data)