+
#{{ packet.id }} at {{ dateToText(packet.timestamp) }}, {{ printPacketFlags(packet) }}
-
+
diff --git a/src/components/ThemeButton.vue b/src/components/ThemeButton.vue
new file mode 100644
index 0000000..17a3e5c
--- /dev/null
+++ b/src/components/ThemeButton.vue
@@ -0,0 +1,127 @@
+
+
+
+
+
+
+
diff --git a/src/store.js b/src/store.js
index b070dea..57e10aa 100644
--- a/src/store.js
+++ b/src/store.js
@@ -8,6 +8,8 @@ Vue.use(Vuex);
// noinspection JSUnusedLocalSymbols,JSUnusedGlobalSymbols
export default new Vuex.Store({
state: {
+ theme: null,
+
hexdumpBlockSize: 16,
hexdumpLineNumberBase: 10,
pageSize: 25,
@@ -29,6 +31,7 @@ export default new Vuex.Store({
currentServicesStreamsCount: {},
},
mutations: {
+ setTheme: (s, p) => s.theme = p,
setHexdumpBlockSize: (s, p) => s.hexdumpBlockSize = p,
setHexdumpLineNumberBase: (s, p) => s.hexdumpLineNumberBase = p,
setPageSize: (s, p) => s.pageSize = p,
@@ -64,6 +67,7 @@ export default new Vuex.Store({
console.debug('Got mutation:', mutation);
const mName = mutation?.type;
const process = mName !== 'toggleDisplayFavoritesOnly'
+ && mName !== 'setTheme'
&& mName !== 'setServiceModalName'
&& mName !== 'setServiceModalId'
&& mName !== 'togglePause'
diff --git a/src/views/ContentStream.vue b/src/views/ContentStream.vue
index 42244af..b8f5e22 100644
--- a/src/views/ContentStream.vue
+++ b/src/views/ContentStream.vue
@@ -1,18 +1,22 @@
- Response,
- request.
+ Request,
+ response.
+
-
+
+
+
+
+