feat(playground): add a note that data is not uploaded

polygonplanet · Sep 19, 2024 · 47f1cbb · 47f1cbb
1 parent 27f3cc4
commit 47f1cbb
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/tests/css/playground.css b/tests/css/playground.css
@@ -24,6 +24,12 @@ fieldset {
   padding-right: 1.5em;
 }
 
+.data-not-uploaded {
+  color: #666;
+  font-size: 14px;
+  margin: 0.2em 0.2em 1em 0.2em;
+}
+
 .convert-param-container {
   display: flex;
   justify-content: center;

diff --git a/tests/js/playground-i18n.js b/tests/js/playground-i18n.js
@@ -5,6 +5,7 @@ window.__translations__ = {
   ja: {
     'title': '{{{encodingjs}}} Playground',
     'description': 'JavaScript で文字コードの変換や判定をします',
+    'data-not-uploaded': '※入力内容はサーバーにアップロードされたり、保存・共有されることはありません。変換処理はこのページ内のJavaScriptでのみ実行されます。',
     'display-as-hex': '16進数で表示',
     'input': '変換する内容',
     'code': 'コード',
@@ -26,6 +27,7 @@ window.__translations__ = {
   en: {
     'title': '{{{encodingjs}}} Playground',
     'description': 'Convert and detect character encoding in JavaScript',
+    'data-not-uploaded': '* The input data is not uploaded, saved or shared. The conversion process is executed only in this page with JavaScript.',
     'display-as-hex': 'Display as HEX',
     'input': 'Input',
     'code': 'Code',

diff --git a/tests/playground.html b/tests/playground.html
@@ -11,6 +11,7 @@
     <div class="container playground">
       <h1 data-i18n="title"><a href="https://github.com/polygonplanet/encoding.js">Encoding.js</a> Playground</h1>
       <h2 data-i18n="description">Convert and detect character encoding in JavaScript</h2>
+      <p data-i18n="data-not-uploaded" class="data-not-uploaded">* The input data is not uploaded, saved or shared. The conversion process is executed only in this page with JavaScript.</p>
       <div class="language-select-wrapper">
         <label for="language-select">Language:</label>
         <select id="language-select">