[doc] example of agent code usage

Author: patatoid

apps/boruta_admin/assets/src/models/client.model.js

@@ -5,8 +5,10 @@ import { addClientErrorInterceptor } from './utils'
 
 const allGrantTypes = [
   'client_credentials',
+  'agent_credentials',
   'password',
   'authorization_code',
+  'agent_code',
   'refresh_token',
   'implicit',
   'preauthorized_code',

apps/boruta_identity/assets/wallet/src/components/Credentials.vue

@@ -30,6 +30,19 @@
             </div>
           </div>
         </div>
+        <form class="ui form card">
+          <div class="content">
+            <div class="header">
+              Share content
+            </div>
+            <div class="description">
+              <textarea placeholder="content" v-model="shareContent"></textarea>
+            </div>
+          </div>
+          <div class="extra content">
+            <a :href="shareUrl" class="ui basic fluid blue button">Share credential offer</a>
+          </div>
+        </form>
       </div>
     </div>
     <div class="modal-wrapper" v-if="credential">
@@ -64,7 +77,9 @@ export default defineComponent({
   data () {
     return {
       formattedCredentials: [],
-      credential: null
+      shareContent: null,
+      credential: null,
+      shareUrl: window.env.BORUTA_OAUTH_BASE_URL + `/oauth/authorize?client_id=00000000-0000-0000-0000-000000000001&redirect_uri=http://localhost:4000/accounts/wallet/agent-code&response_type=code`
     }
   },
   methods: {
@@ -74,6 +89,11 @@ export default defineComponent({
     hideCredential (credential) {
       this.credential = null
     }
+  },
+  watch: {
+    shareContent (value) {
+      localStorage.setItem('shareContent', value)
+    }
   }
 })
 </script>

apps/boruta_identity/assets/wallet/src/router/index.ts

@@ -1,8 +1,10 @@
 import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
+
 import HomeView from '../views/HomeView.vue'
 import Siopv2View from '../views/Siopv2View.vue'
 import VerifiableCredentialsIssuanceView from '../views/VerifiableCredentialsIssuanceView.vue'
 import VerifiablePresentationsView from '../views/VerifiablePresentationsView.vue'
+import AgentCodeView from '../views/AgentCodeView.vue'
 
 const routes: Array<RouteRecordRaw> = [
   {
@@ -25,6 +27,11 @@ const routes: Array<RouteRecordRaw> = [
     name: 'verifiable-presentation',
     component: VerifiablePresentationsView
   },
+  {
+    path: '/agent-code',
+    name: 'agent-code',
+    component: AgentCodeView
+  },
   {
     path: '/callback',
     name: 'callback',