Add Backup-File Generate System of app/bandr [0.2.0]

diff --git a/app/bandr/b.html b/app/bandr/b.html
new file mode 100644 (file)
index 0000000..8564619
--- /dev/null
+++ b/app/bandr/b.html
@@ -0,0 +1,4 @@
+<a kit-ref="default.html" class="kit-button-alt small" kaf>戻る</a>
+<span class="kit-inblock">バックアップ</span>
+<div class="kit-small">　クリックするとバックアップファイルの生成が開始されます。</div>
+<div class="kit-button-alt large m kit-block" kit-e="b" kaf>バックアップを開始</div>
\ No newline at end of file

diff --git a/app/bandr/bandr.js b/app/bandr/bandr.js
index d3c766a..d13ddb4 100644 (file)
--- a/app/bandr/bandr.js
+++ b/app/bandr/bandr.js
@@ -1,3 +1,16 @@
 ((_pid) => {
-    
+    App.event(_pid, "b", ()=>{
+        let _export = encodeURI(JSON.stringify(localStorage));
+        let _blob = new Blob([_export], { type: "application/json" });
+        const a = document.createElement('a');
+        a.download = new Date().toISOString() + '.json';
+        a.href = URL.createObjectURL(_blob);
+        a.click();
+        a.parentNode.removeChild(a);
+    });
+    App.event(_pid, "r", ()=>{
+        //System.dialog("復元の確認", "本当に現在のプロファイルを破棄して復元を実行しますか？", ()=>{
+        //    Notification.push( S.dom(_pid, "#bandr-file").val() );
+        //});
+    });
 })(pid);
\ No newline at end of file

diff --git a/app/bandr/default.html b/app/bandr/default.html
index 120555f..4a14778 100644 (file)
--- a/app/bandr/default.html
+++ b/app/bandr/default.html
@@ -1,5 +1,5 @@
 バックアップと復元ウィザードでは、kit環境のバックアップ・復元を簡単な手順で行います。
 <div class="bandr-container">
-    <div class="btn"><i class="bandr-b"></i>バックアップ</div>
-    <div class="btn"><i class="bandr-r"></i>リストア</div>
+    <div class="btn" kit-ref="b.html" kaf><i class="bandr-b"></i>バックアップ</div>
+    <div class="btn" kit-ref="r.html" kaf><i class="bandr-r"></i>リストア</div>
 </div>
\ No newline at end of file

diff --git a/app/bandr/r.html b/app/bandr/r.html
new file mode 100644 (file)
index 0000000..0e66806
--- /dev/null
+++ b/app/bandr/r.html
@@ -0,0 +1,6 @@
+<a kit-ref="default.html" class="kit-button-alt small" kaf>戻る</a>
+<span class="kit-inblock">リストア</span>
+<div class="kit-small">　ファイルを読み込んでリストアを実行できます。バックアップと復元アプリケーションで作成したバックアップファイルを選択してください。</div>
+<input type="file" name="" id="bandr-file" class="textbox m">
+<div class="kit-small">　「復元を開始」を押下すると、現在のkitデータは失われます。異なるプロファイルを復元しようとしている場合は必ず現在のプロファイルのバックアップファイルを保存してから復元を行ってください。</div>
+<div class="kit-button-alt large m kit-block crimson" kit-e="r" kaf>復元を開始</div>
\ No newline at end of file