{/*
+
{
{/* */}
-
+
);
};
diff --git a/sidebar/stolen-data-cluster.scss b/sidebar/stolen-data-cluster.scss
new file mode 100644
index 0000000..29f70fb
--- /dev/null
+++ b/sidebar/stolen-data-cluster.scss
@@ -0,0 +1,135 @@
+@import './colors.scss';
+
+.stolen-data-cluster-container {
+ .domains-container {
+ padding-top: 1rem;
+ display: flex;
+ flex-flow: column;
+ border-bottom: none;
+
+ .domain {
+ color: $mid-grey;
+ font-size: 0.875rem;
+ font-weight: 600;
+ text-decoration: none;
+ }
+
+ .subdomains-container {
+ .subdomain {
+ color: $blue;
+ font-size: 0.75rem;
+ font-weight: 600;
+ text-decoration: none;
+ }
+ }
+ }
+
+ section {
+ padding-bottom: 0.5rem;
+ border-bottom: 1px solid $light-grey;
+ }
+
+ table {
+ width: 100%;
+ position: relative;
+ left: -2px;
+ text-align: left;
+ font-size: 0.75rem;
+ font-family: 'Fira Code';
+ border-collapse: separate;
+ border-spacing: 1px;
+
+ tr {
+ vertical-align: middle;
+
+ &:hover {
+ background-color: $icd-yellow;
+ color: $mid-grey !important;
+ cursor: pointer;
+ }
+
+ &.untoggled {
+ color: $disabled-grey;
+ font-weight: 500;
+ }
+
+ &.toggled {
+ font-weight: 600;
+ color: $mid-grey;
+
+ th {
+ font-weight: 600;
+ }
+ }
+ th {
+ text-align: left;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ word-wrap: normal;
+ word-break: normal;
+ padding-left: 0.25rem;
+ font-weight: 500;
+ vertical-align: middle;
+ width: 10rem;
+ min-width: 10rem;
+ max-width: 10rem;
+ }
+ }
+
+ .value {
+ overflow: hidden;
+ word-break: break-all;
+ text-overflow: clip;
+ }
+
+ .icons {
+ white-space: nowrap;
+ padding: 0 0.25rem;
+ position: relative;
+ top: 2px;
+
+ .cookie-data {
+ path {
+ fill: #000;
+ }
+ }
+ .request-with-cookie {
+ path {
+ fill: #000;
+ }
+ }
+ .show-history-part {
+ path {
+ fill: #000;
+ }
+ }
+ .request-with-history-part {
+ path {
+ fill: #000;
+ }
+ }
+ }
+
+ .table-header {
+ color: $mid-grey;
+ font-size: 0.75rem;
+ font-weight: 600;
+ padding: 0.5rem 0;
+ text-align: left;
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+ Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
+ sans-serif;
+
+ &:hover {
+ background: #fff;
+ }
+ }
+ .checkbox {
+ // background: red;
+ // width: 1rem;
+ position: relative;
+ top: 1px;
+ width: 0.875rem;
+ }
+ }
+}
diff --git a/sidebar/stolen-data-cluster.tsx b/sidebar/stolen-data-cluster.tsx
index 7ca3139..8c8a4fc 100644
--- a/sidebar/stolen-data-cluster.tsx
+++ b/sidebar/stolen-data-cluster.tsx
@@ -1,8 +1,12 @@
-import React from 'react';
+import React, { Fragment } from 'react';
import { getMemory } from '../memory';
import { StolenDataEntry } from '../stolen-data-entry';
import { maskString, useEmitter } from '../util';
+import CookieIcon from '../assets/icons/cookie.svg';
+import WarningIcon from '../assets/icons/warning.svg';
+
+import './stolen-data-cluster.scss';
const MAX_STRING_VALUE_LENGTH = 100;
@@ -24,15 +28,16 @@ function StolenDataValue({
);
}
return (
- {
{/* */}
-
+ {
entry.toggleMark();
e.stopPropagation();
}}
- style={{ color: entry.isMarked ? 'black' : 'gray' }}
+ // style={{ color: entry.isMarked ? 'black' : 'gray' }}
>
{body}
-
+
);
}
@@ -45,8 +50,12 @@ function StolenDataRow({
}) {
const [version] = useEmitter(entry);
return (
-
-
- {cluster.id}{' '}
- {cluster.hasCookies() ? '🍪' : ''} x{cluster.requests.length}{' '}
- {/* getMemory().removeCookiesFor(origin, shorthost)}
- * >
- * Wyczyść cookiesy
- * */}
- {
- cluster.autoMark();
- refresh();
- e.preventDefault();
- }}
- >
- Zaznacz auto
+
- {cluster.id}{' '}
- {cluster.hasCookies() ? '🍪' : ''} x{cluster.requests.length}{' '}
- {/* getMemory().removeCookiesFor(origin, shorthost)}
- * >
- * Wyczyść cookiesy
- * */}
- {
- cluster.autoMark();
- refresh();
- e.preventDefault();
- }}
- >
- Zaznacz auto
+
+
+
+ {cluster.id}
-
-
- {cluster.getFullHosts().map((host) => (
-
- {host},{' '}
-
- ))}
-
-
-
- {cluster
- .calculateRepresentativeStolenData({
- minValueLength,
- cookiesOnly,
- cookiesOrOriginOnly,
- })
- .map((entry) => (
-
+
+ {fullHosts.map((host, index) => (
+
+ {host}{' '}
+ {`${fullHosts.length - 1 !== index ? '· ' : ''}`}
+
+ ))}
+
+
+
+
+
+
+
+ Znalezione ustawienia:
+
+
+
+
+ {cluster
+ .calculateRepresentativeStolenData({
+ minValueLength,
+ cookiesOnly,
+ cookiesOrOriginOnly,
+ })
+ .map((entry) => (
+
+
+
+ //
+ //
+ // {cluster.id}{' '}
+ // {cluster.hasCookies() ? '🍪' : ''} x{cluster.requests.length}{' '}
+ // {/* getMemory().removeCookiesFor(origin, shorthost)}
+ // * >
+ // * Wyczyść cookiesy
+ // * */}
+ // {
+ // cluster.autoMark();
+ // refresh();
+ // e.preventDefault();
+ // }}
+ // >
+ // Zaznacz auto
+ //
+ //
+ //
+ // {cluster.getFullHosts().map((host) => (
+ //
+ // {host},{' '}
+ //
+ // ))}
+ //
+ //
+ //
+ // {cluster
+ // .calculateRepresentativeStolenData({
+ // minValueLength,
+ // cookiesOnly,
+ // cookiesOrOriginOnly,
+ // })
+ // .map((entry) => (
+ //
+ //
);
}
diff --git a/sidebar/stolen-data.scss b/sidebar/stolen-data.scss
new file mode 100644
index 0000000..3e01021
--- /dev/null
+++ b/sidebar/stolen-data.scss
@@ -0,0 +1,10 @@
+@import './colors.scss';
+
+.stolen-data-container {
+ padding-top: .5rem;
+ span {
+ color: $mid-grey;
+ font-size: 0.75rem;
+ font-weight: 600;
+ }
+}
\ No newline at end of file
diff --git a/sidebar/stolen-data.tsx b/sidebar/stolen-data.tsx
index 5a3d4a9..02a044f 100644
--- a/sidebar/stolen-data.tsx
+++ b/sidebar/stolen-data.tsx
@@ -5,6 +5,8 @@ import StolenDataCluster from './stolen-data-cluster';
import { getshorthost } from '../util';
import { getMemory } from '../memory';
+import './stolen-data.scss';
+
export function StolenData({
origin,
minValueLength,
@@ -21,7 +23,11 @@ export function StolenData({
cookiesOrOriginOnly: boolean;
}) {
if (!origin) {
- return ;
+ return (
+
+ Otwórz nową kartę z wybraną stroną internetową
+
+ );
}
const clusters = Object.values(getMemory().getClustersForOrigin(origin))
.sort(RequestCluster.sortCompare)
@@ -33,9 +39,8 @@ export function StolenData({
cluster.exposesOrigin()
);
return (
-
-
- {/*
+ Domeny otrzymujące informacje
+
+ {clusters.map((cluster) => {
+ return (
+
- {cluster.getFullHosts().map((host) => (
-
- {host},{' '}
-
- ))}
-
-
+ {fullHosts.map((host, index) => (
+
+ {host}{' '}
+ {`${fullHosts.length - 1 !== index ? '· ' : ''}`}
+
+ ))}
+
+ | + Znalezione ustawienia: + | +
|---|
+ // {cluster.id}{' '} + // {cluster.hasCookies() ? '🍪' : ''} x{cluster.requests.length}{' '} + // {/* getMemory().removeCookiesFor(origin, shorthost)} + // * > + // * Wyczyść cookiesy + // * */} + // { + // cluster.autoMark(); + // refresh(); + // e.preventDefault(); + // }} + // > + // Zaznacz auto + // + //
+ //
+ // {cluster.getFullHosts().map((host) => (
+ //
+ // {host},{' '}
+ //
+ // ))}
+ //
+ //
- {/*
+ Domeny otrzymujące informacje
+
+ {clusters.map((cluster) => {
+ return (
+