Some fixes for the UI (#74)

* Some fixes for the UI

* Update CHANGELOG.md

CHANGELOG.md

@@ -6,7 +6,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## [Unreleased]
-
+- Small tweaks to the Agents UI. Fix scroll on the agents view tab
 - Auto-merge `private-main` to downstream `main` branches using a label
 
 ## [2.0.0] - 2023-01-14

package.json

@@ -11,7 +11,7 @@
  "main": "background.js",
  "dependencies": {
  "@fontsource/roboto": "^4.5.1",
- "@fortawesome/fontawesome-free": "^5.15.4",
+ "@fortawesome/fontawesome-free": "^6",
  "@mdi/font": "5.9.55",
  "axios": "^0.24.0",
  "lodash.debounce": "^4.0.8",

src/App.vue

@@ -13,7 +13,7 @@
  app
  >
  <template
- v-if="$route.name === 'agentEdit'"
+ v-if="$route.name === 'agentEdit' || $route.name === 'agents'"
  #extension
  >
  <portal-target

src/components/GeneralForm.vue

@@ -169,10 +169,18 @@ export default {
  },
  },
  mounted() {
- this.$store.dispatch('listener/getListeners');
- this.$store.dispatch('bypass/getBypasses');
- this.$store.dispatch('malleable/getMalleableProfiles');
- this.$store.dispatch('credential/getCredentials');
+ if (!this.listeners) {
+ this.$store.dispatch('listener/getListeners');
+ }
+ if (!this.bypasses) {
+ this.$store.dispatch('bypass/getBypasses');
+ }
+ if (!this.malleableProfiles) {
+ this.$store.dispatch('malleable/getMalleableProfiles');
+ }
+ if (!this.credentials) {
+ this.$store.dispatch('credential/getCredentials');
+ }
  },
  methods: {
  suggestedValuesForField(field) {

src/components/agents/AgentExecuteModule.vue

@@ -14,6 +14,8 @@
  class="info-viewer"
  :info="moduleInfo"
  />
+ <!-- todo could make this more friendly by looking up the "name" in the state in case it was changed -->
+ <span class="mr-2 mb-4">Executing on Agents: {{ agents.join(', ') }}</span>
  <technique-chips :techniques="selectedItem.techniques" />
  <v-autocomplete
  v-model="selectedModule"
@@ -44,7 +46,6 @@
  class="pa-1"
  label="Ignore Admin Check"
  color="primary"
- v-on="on"
  />
  <v-checkbox
  v-model="ignoreLanguageCheck"

src/components/agents/AgentForm.vue

@@ -4,7 +4,6 @@
  v-if="agent.session_id"
  ref="form"
  v-model="valid"
- style="overflow-y: hidden;"
  >
  <click-to-edit
  label="Session ID"
@@ -311,12 +310,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.agent-form {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-
 .form {
  max-width: 600px;
  width: 100%;