expressa 2.1.1 → 2.1.2

package/modules/admin/src/views/ManageListeners.vue

@@ -1,67 +1,67 @@
-<template>
-  <div class="app-container">
-    <span>Filter by Collection</span>
-    <select v-model="selectedCollection">
-      <option value="">
-        Any collection
-      </option>
-      <option v-for="c in collections" :key="c">
-        {{ c }}
-      </option>
-    </select>
-    <el-table
-      :data="filterListeners(listeners)"
-      element-loading-text="Loading"
-      border
-      fit
-      highlight-current-row
-    >
-      <el-table-column align="left" label="Listener Name" width="250">
-        <template slot-scope="scope">
-          {{ scope.row.name }}
-        </template>
-      </el-table-column>
-      <el-table-column align="left" label="Collections" width="150">
-        <template slot-scope="scope">
-          {{ scope.row.collections }}
-        </template>
-      </el-table-column>
-      <el-table-column v-for="column in columns" :key="column" :label="column" align="center">
-        <template slot-scope="scope">
-          {{ scope.row[column] === true ? '✓' : scope.row[column] }}
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script>
-import request from '@/utils/request'
-
-export default {
-  name: 'ManageListeners',
-  data: () => ({
-    listeners: [],
-    columns: ['get', 'post', 'put', 'delete', 'changed', 'deleted', 'priority'],
-    collections: [],
-    selectedCollection: '',
-  }),
-  mounted() {
-    this.update()
-  },
-  methods: {
-    filterListeners(data) {
-      const filtered = data.filter((l) => !this.selectedCollection || !l.collections || l.collections.includes(this.selectedCollection))
-      return filtered
-    },
-    async update() {
-      const statusInfo = (await request({ url: `/status` })).data
-      this.listeners = statusInfo.listeners
-      this.collections = statusInfo.collections
-    },
-  }
-}
-</script>
-
-<style scoped>
-</style>
+<template>
+  <div class="app-container">
+    <span>Filter by Collection</span>
+    <select v-model="selectedCollection">
+      <option value="">
+        Any collection
+      </option>
+      <option v-for="c in collections" :key="c">
+        {{ c }}
+      </option>
+    </select>
+    <el-table
+      :data="filterListeners(listeners)"
+      element-loading-text="Loading"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column align="left" label="Listener Name" width="250">
+        <template slot-scope="scope">
+          {{ scope.row.name }}
+        </template>
+      </el-table-column>
+      <el-table-column align="left" label="Collections" width="150">
+        <template slot-scope="scope">
+          {{ scope.row.collections }}
+        </template>
+      </el-table-column>
+      <el-table-column v-for="column in columns" :key="column" :label="column" align="center">
+        <template slot-scope="scope">
+          {{ scope.row[column] === true ? '✓' : scope.row[column] }}
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import request from '@/utils/request'
+
+export default {
+  name: 'ManageListeners',
+  data: () => ({
+    listeners: [],
+    columns: ['get', 'post', 'put', 'delete', 'changed', 'deleted', 'priority'],
+    collections: [],
+    selectedCollection: '',
+  }),
+  mounted() {
+    this.update()
+  },
+  methods: {
+    filterListeners(data) {
+      const filtered = data.filter((l) => !this.selectedCollection || !l.collections || l.collections.includes(this.selectedCollection))
+      return filtered
+    },
+    async update() {
+      const statusInfo = (await request({ url: `/status` })).data
+      this.listeners = statusInfo.listeners
+      this.collections = statusInfo.collections
+    },
+  }
+}
+</script>
+
+<style scoped>
+</style>

package/modules/admin/src/views/ManageMiddleware.vue

@@ -1,43 +1,43 @@
-<template>
-  <div class="app-container">
-    <el-table
-      :data="middleware"
-      element-loading-text="Loading"
-      border
-      fit
-      highlight-current-row
-    >
-      <el-table-column align="left" label="Middlware Name" width="250">
-        <template slot-scope="scope">
-          {{ scope.row.name }}
-        </template>
-      </el-table-column>
-      <el-table-column v-for="column in columns" :key="column" :label="column" align="center">
-        <template slot-scope="scope">
-          {{ scope.row[column] === true ? '✓' : scope.row[column] }}
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script>
-import request from '@/utils/request'
-
-export default {
-  name: 'ManageMiddleware',
-  data: () => ({
-    middleware: [],
-    columns: ['params'],
-  }),
-  mounted() {
-    this.update()
-  },
-  methods: {
-    async update() {
-      const statusInfo = (await request({ url: `/status` })).data
-      this.middleware = statusInfo.middleware
-    },
-  }
-}
-</script>
+<template>
+  <div class="app-container">
+    <el-table
+      :data="middleware"
+      element-loading-text="Loading"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column align="left" label="Middlware Name" width="250">
+        <template slot-scope="scope">
+          {{ scope.row.name }}
+        </template>
+      </el-table-column>
+      <el-table-column v-for="column in columns" :key="column" :label="column" align="center">
+        <template slot-scope="scope">
+          {{ scope.row[column] === true ? '✓' : scope.row[column] }}
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import request from '@/utils/request'
+
+export default {
+  name: 'ManageMiddleware',
+  data: () => ({
+    middleware: [],
+    columns: ['params'],
+  }),
+  mounted() {
+    this.update()
+  },
+  methods: {
+    async update() {
+      const statusInfo = (await request({ url: `/status` })).data
+      this.middleware = statusInfo.middleware
+    },
+  }
+}
+</script>

package/modules/admin/src/views/ManagePermissions.vue

@@ -1,75 +1,75 @@
-<template>
-  <div class="app-container">
-    <el-table
-      :data="data"
-      element-loading-text="Loading"
-      border
-      fit
-      highlight-current-row
-    >
-      <el-table-column align="left" label="Permission Name" width="250">
-        <template slot-scope="scope">
-          {{ scope.row.name }}
-        </template>
-      </el-table-column>
-      <el-table-column v-for="role in roles" :key="role._id" :label="role._id" align="center">
-        <template slot-scope="scope">
-          <input v-model="scope.row[role._id]" :name="scope.row.role" :disabled="role._id=='Admin'" type="checkbox" @change="save">
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script>
-import request from '@/utils/request'
-
-export default {
-  name: 'ManagePermissions',
-  data: () => ({
-    roles: [],
-    data: []
-  }),
-  mounted() {
-    this.update()
-  },
-  methods: {
-    async update() {
-      this.roles = (await request({ url: '/role/' })).data
-
-      const Admin = this.roles.find((r) => r._id === 'Admin')
-      const permissions = Object.keys(Admin.permissions)
-      const ordering = ['Admin', 'Authenticated', 'Anonymous']
-      this.roles.sort(function(a, b) {
-        const ai = ordering.indexOf(a._id)
-        const bi = ordering.indexOf(b._id)
-        return (ai !== bi) ? ai - bi : a._id.localeCompare(b._id)
-      })
-      const reducer = (row, role) => {
-        row[role._id] = role.permissions[row.name]
-        return row
-      }
-      const permissionData = permissions.map((permissionName) => this.roles.reduce(reducer, { name: permissionName }))
-      this.data = permissionData.sort((a, b) => (a.name < b.name) ? -1 : 1)
-    },
-    async save() {
-      // eslint-disable-next-line
-      for (const role of this.roles) {
-        role.permissions = {}
-        this.data.forEach((row) => {
-          if (row[role._id]) {
-            role.permissions[row.name] = 1
-          }
-        })
-        await request({ method: 'put', url: `/role/${role._id}`, data: role })
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-  input[type=checkbox] {
-    transform: scale(1.5);
-  }
-</style>
+<template>
+  <div class="app-container">
+    <el-table
+      :data="data"
+      element-loading-text="Loading"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column align="left" label="Permission Name" width="250">
+        <template slot-scope="scope">
+          {{ scope.row.name }}
+        </template>
+      </el-table-column>
+      <el-table-column v-for="role in roles" :key="role._id" :label="role._id" align="center">
+        <template slot-scope="scope">
+          <input v-model="scope.row[role._id]" :name="scope.row.role" :disabled="role._id=='Admin'" type="checkbox" @change="save">
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import request from '@/utils/request'
+
+export default {
+  name: 'ManagePermissions',
+  data: () => ({
+    roles: [],
+    data: []
+  }),
+  mounted() {
+    this.update()
+  },
+  methods: {
+    async update() {
+      this.roles = (await request({ url: '/role/' })).data
+
+      const Admin = this.roles.find((r) => r._id === 'Admin')
+      const permissions = Object.keys(Admin.permissions)
+      const ordering = ['Admin', 'Authenticated', 'Anonymous']
+      this.roles.sort(function(a, b) {
+        const ai = ordering.indexOf(a._id)
+        const bi = ordering.indexOf(b._id)
+        return (ai !== bi) ? ai - bi : a._id.localeCompare(b._id)
+      })
+      const reducer = (row, role) => {
+        row[role._id] = role.permissions[row.name]
+        return row
+      }
+      const permissionData = permissions.map((permissionName) => this.roles.reduce(reducer, { name: permissionName }))
+      this.data = permissionData.sort((a, b) => (a.name < b.name) ? -1 : 1)
+    },
+    async save() {
+      // eslint-disable-next-line
+      for (const role of this.roles) {
+        role.permissions = {}
+        this.data.forEach((row) => {
+          if (row[role._id]) {
+            role.permissions[row.name] = 1
+          }
+        })
+        await request({ method: 'put', url: `/role/${role._id}`, data: role })
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+  input[type=checkbox] {
+    transform: scale(1.5);
+  }
+</style>

package/modules/admin/src/views/ViewRequest.vue

@@ -1,77 +1,77 @@
-<template>
-  <div class="app-container" style="display: flex; width: 100%;">
-    <div class="side-panel">
-      <h2>Request</h2>
-      <p>
-        {{ log.method }} {{ log.url }}
-      </p>
-      <dl>
-        <dt>Request Time</dt>
-        <dd>{{ log.meta.created }}</dd>
-        <dt>User</dt>
-        <dd>{{ log.user }}</dd>
-        <dt>User Collection</dt>
-        <dd>{{ log.user_collection }}</dd>
-        <dt>IP</dt>
-        <dd>{{ req.ip }}</dd>
-        <dt>User-Agent</dt>
-        <dd>{{ req.headers['user-agent'] }}</dd>
-        <dt>Referrer</dt>
-        <dd>{{ req.headers.referer }}</dd>
-        <dt>Origin</dt>
-        <dd>{{ req.headers.origin }}</dd>
-      </dl>
-    </div>
-
-    <div class="side-panel">
-      <h2>Response</h2>
-      <dl>
-        <dt>ID</dt>
-        <dd>{{ res.requestId }}</dd>
-        <dt>Response Time</dt>
-        <dd>{{ log.meta.created }}</dd>
-        <dt>Status Code</dt>
-        <dd>{{ res.statusCode }}</dd>
-        <dt>Content-Length</dt>
-        <dd>{{ res.headers['content-length'] }} bytes</dd>
-        <dt>Message</dt>
-        <dd>{{ res.message }}</dd>
-        <dt>Token Message</dt>
-        <dd>{{ res.tokenMessage }}</dd>
-      </dl>
-    </div>
-  </div>
-</template>
-
-<script>
-import request from '@/utils/request'
-
-export default {
-  name: 'ViewRequest',
-  data: () => ({
-    log: {},
-    req: {},
-    res: {},
-  }),
-  mounted() {
-    this.update()
-  },
-  methods: {
-    async update() {
-      const id = this.$route.params.requestId
-      console.log('id')
-      console.log(id)
-      const log = (await request({ url: `/requestlog/${id}` })).data
-      this.log = log
-      this.req = log.req
-      this.res = log.res
-    },
-  }
-}
-</script>
-
-<style scoped>
-  .side-panel {
-    flex-grow: 1;
-  }
-</style>
+<template>
+  <div class="app-container" style="display: flex; width: 100%;">
+    <div class="side-panel">
+      <h2>Request</h2>
+      <p>
+        {{ log.method }} {{ log.url }}
+      </p>
+      <dl>
+        <dt>Request Time</dt>
+        <dd>{{ log.meta.created }}</dd>
+        <dt>User</dt>
+        <dd>{{ log.user }}</dd>
+        <dt>User Collection</dt>
+        <dd>{{ log.user_collection }}</dd>
+        <dt>IP</dt>
+        <dd>{{ req.ip }}</dd>
+        <dt>User-Agent</dt>
+        <dd>{{ req.headers['user-agent'] }}</dd>
+        <dt>Referrer</dt>
+        <dd>{{ req.headers.referer }}</dd>
+        <dt>Origin</dt>
+        <dd>{{ req.headers.origin }}</dd>
+      </dl>
+    </div>
+
+    <div class="side-panel">
+      <h2>Response</h2>
+      <dl>
+        <dt>ID</dt>
+        <dd>{{ res.requestId }}</dd>
+        <dt>Response Time</dt>
+        <dd>{{ log.meta.created }}</dd>
+        <dt>Status Code</dt>
+        <dd>{{ res.statusCode }}</dd>
+        <dt>Content-Length</dt>
+        <dd>{{ res.headers['content-length'] }} bytes</dd>
+        <dt>Message</dt>
+        <dd>{{ res.message }}</dd>
+        <dt>Token Message</dt>
+        <dd>{{ res.tokenMessage }}</dd>
+      </dl>
+    </div>
+  </div>
+</template>
+
+<script>
+import request from '@/utils/request'
+
+export default {
+  name: 'ViewRequest',
+  data: () => ({
+    log: {},
+    req: {},
+    res: {},
+  }),
+  mounted() {
+    this.update()
+  },
+  methods: {
+    async update() {
+      const id = this.$route.params.requestId
+      console.log('id')
+      console.log(id)
+      const log = (await request({ url: `/requestlog/${id}` })).data
+      this.log = log
+      this.req = log.req
+      this.res = log.res
+    },
+  }
+}
+</script>
+
+<style scoped>
+  .side-panel {
+    flex-grow: 1;
+  }
+</style>