feat: adding webhooks functionality

README.md

@@ -87,6 +87,28 @@ Error Set:
 | Python | [pyflagr](https://github.com/openflagr/pyflagr) |
 | Ruby | [rbflagr](https://github.com/openflagr/rbflagr) |
 
+## Webhook Tester
+
+A simple local webhook listener is included for testing webhook integrations.
+
+**How to use:**
+
+1. Open a terminal and navigate to the `webhook-tester` directory:
+   ```sh
+   cd webhook-tester
+   ```
+2. Install dependencies (only needed once):
+   ```sh
+   npm install
+   ```
+3. Start the webhook tester:
+   ```sh
+   npm start
+   ```
+4. The tester will listen on [http://localhost:3000](http://localhost:3000) and log all incoming webhook requests to the console.
+
+You can configure your Flagr webhooks to point to `http://localhost:3000/any-path` during development to inspect payloads and headers.
+
 ## License and Credit
 - [`openflagr/flagr`](https://github.com/openflagr/flagr) Apache 2.0
 - [`checkr/flagr`](https://github.com/checkr/flagr) Apache 2.0

browser/flagr-ui/src/App.vue

@@ -14,12 +14,17 @@
                 </div>
               </router-link>
             </el-col>
-            <el-col :span="1" :offset="15">
+            <el-col :span="2">
+              <router-link to="/webhooks">
+                <h3>Webhooks</h3>
+              </router-link>
+            </el-col>
+            <el-col :span="1" :offset="13">
               <a href="https://openflagr.github.io/flagr/api_docs" target="_blank"
                 ><h3>API</h3></a
               >
             </el-col>
-            <el-col :span="1" :offset="1">
+            <el-col :span="1">
               <a href="https://openflagr.github.io/flagr" target="_blank"
                 ><h3>Docs</h3></a
               >

browser/flagr-ui/src/components/Flag.vue

@@ -191,6 +191,15 @@
                       </div>
                     </el-col>
                   </el-row>
+                  <el-row style="margin: 10px;">
+                    <el-col :span="24">
+                      <el-button
+                        type="primary"
+                        size="small"
+                        @click="$router.push('/webhooks')"
+                      >Webhooks</el-button>
+                    </el-col>
+                  </el-row>
                   <el-row style="margin: 10px;">
                     <h5>
                       <span style="margin-right: 10px;">Flag Notes</span>

browser/flagr-ui/src/components/Flags.vue

@@ -6,6 +6,9 @@
           <el-breadcrumb-item>Home page</el-breadcrumb-item>
         </el-breadcrumb>
 
+        <div class="header-actions" v-if="loaded">
+        </div>
+
         <spinner v-if="!loaded" />
 
         <div v-if="loaded">
@@ -290,4 +293,10 @@ export default {
     margin-top: 2rem;
   }
 }
+
+.header-actions {
+  margin: 20px 0;
+  display: flex;
+  justify-content: flex-end;
+}
 </style>