From 64059a2d460d386eb0b1bc0ca5f7a441d4c3faef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=86=E3=82=AF=E3=83=8B=E3=82=AB=E3=83=AB=E8=AB=8F?=
 =?UTF-8?q?=E8=A8=AA=E5=AD=90?= <d@076.ne.jp>
Date: Thu, 28 May 2020 16:18:33 +0900
Subject: [PATCH] =?UTF-8?q?=E3=82=B7=E3=83=A7=E3=82=BF=E3=83=8E=E3=83=BC?=
 =?UTF-8?q?=E3=83=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/img/bash/note_bg.png            | Bin 0 -> 5335 bytes
 public/img/bash/note_icon.png          | Bin 0 -> 4562 bytes
 public/img/bash/note_top_left.png      | Bin 0 -> 1346 bytes
 public/mix-manifest.json               |   5 +-
 resources/img/bash/note_bg.png         | Bin 0 -> 5335 bytes
 resources/img/bash/note_icon.png       | Bin 0 -> 4562 bytes
 resources/img/bash/note_top_left.png   | Bin 0 -> 1346 bytes
 resources/js/bootstrap.js              |   2 +-
 resources/js/components/appbar.vue     |  15 ++
 resources/js/components/bash.vue       |   9 +
 resources/js/components/note.vue       | 236 +++++++++++++++++++++++++
 resources/views/layouts/site.blade.php |   2 +-
 12 files changed, 266 insertions(+), 3 deletions(-)
 create mode 100644 public/img/bash/note_bg.png
 create mode 100644 public/img/bash/note_icon.png
 create mode 100644 public/img/bash/note_top_left.png
 create mode 100644 resources/img/bash/note_bg.png
 create mode 100644 resources/img/bash/note_icon.png
 create mode 100644 resources/img/bash/note_top_left.png
 create mode 100644 resources/js/components/appbar.vue
 create mode 100644 resources/js/components/note.vue

diff --git a/public/img/bash/note_bg.png b/public/img/bash/note_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..9d71459f14337d1339aaeec63167d1e0d0925cfb
GIT binary patch
literal 5335
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
ac|)(#E^mLAd3Xv~hvYFzSxwZ`;y(d2Cc`BF

literal 0
HcmV?d00001

diff --git a/public/img/bash/note_icon.png b/public/img/bash/note_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..9cbb62b04913b5e88e68cceb05df22585411ae78
GIT binary patch
literal 4562
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
ViiNLsvi^GoSeV!tR~dSx{tvB+tDgV>

literal 0
HcmV?d00001

diff --git a/public/img/bash/note_top_left.png b/public/img/bash/note_top_left.png
new file mode 100644
index 0000000000000000000000000000000000000000..774f7305d151ec2e62fc9d8af912db87da63daa5
GIT binary patch
literal 1346
zcmV-I1-<%-P)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I0004mX+uL$Nkc;*
zaB^>EX>4Tx04R}tkv&MmKpe$iQ)@*k4t5afkfAzR@C$L&DionYs1;guFuC*#nlvOW
zE{=k0!NHHks)LKOt`4q(Aou~|<mja6A|?JWDYS_3;J6>}?mh0_0Yan9G^=Y2(DbUA
zO2oxXc2x|%B7g|G;m5elEMrcRlJFc~_we!cF2=LG&;2?2)SSftpGZ8*46{nSK|H-#
zH8}4RhgnfpiO-2gO}ZfQBi9v|-#8Z>7I<dZOsD3F!^C2tgOv_uMN=c5B95w>PWeK{
zWtH<5XRTagt$XqphI0DKGS_KFkia6AAVGwJ8cHamiWsdrDHc++ANTMNIev*;3b{&P
z<XAuj8f3>0{s+Iiweph_Zc-=?1YT_WV;BhT0?oQ@e;?a+^91le16O+6Uugg{pQP8@
zTJ#9$-v%zO+nTZmT<!paPljyDj^w8)<nzG$8GTb07`O#`*WBJ(`#607($rP*1~@nb
zMhcX@?(y!P&ffk#)9UXBO?+~gMrCWP00006VoOIv00000008+zyMF)x010qNS#tmY
z4#WTe4#WYKD-Ig~000McNliru<OLiC3J3EjmG}Sv13yVbK~zY`<(9v197PnzKQpuT
z{Z3-+g9ZpfLHHy<B9s)yJy7yjP^RY30Ez#AhCU6Vpg@R<gcEULi~|BYvCsBh?uT#p
zJ&M`g+q;{+P(*gYlSVuHX6Ak0?->KU3RoZlUfS8&sTpHjk|fSrYemF5=ZvZv5wWUj
z0HP=YAp6f~@xP1=@cP<X{gvByI`^v8#xBORxdMuS==Pn?y=txb8COUVuvM+pcTwd^
zfjgbfUA-dr7Rg#`9oImSh&UT?^WDx3KHYr{ML`o(1=R$VB>f610%U7~DxR-`BHaIR
z%)|X83~Y>Xq3C|}e#9pqHc^d16VN!F$DkG^#^*%@EK2bI)9Hi<`>QNw8CsJBO~yc+
zf_iW$&Ywdn0i|XZN1?UT^C9x=5J>!C5sXO?1cP{a>N|lNy!FQ9KnCdbrl7X8oO~P?
z=<s+1dY-ydLDd_8q6MBmn$0u5m-+a~4V3jTu&UZ%kMo(53)GCa05}>X)aoV&TvDQ}
zoK)538yANNs;Px4eu(Buo%}Q5{x?tQ{ydl|DpELKB3Bg)*i5&%u>uegPL3v=Kb^AC
zj@bKU$fzIBDV!x%Q1;B#A(v#J%kDcln$kaud2_o0D!lVS)w^3{wzn9Xk{E|^7u}S`
z@Z{){{#nc$Z&f(h8*y{PvAN}D`H<&FF&6?ccFvW$BX?OU<l=P7!=DB;nudeDF|C$m
zvu)@0%+5%T8yXfc!2~F}H;wB>Z_4(2H4c6o(`Z1mWtfbF$w-h`mh*w~<cdVZh03YE
z4pIAKtgGg{cI6L_e*K=e->op6Do_5t%yVFK%TlY``8t2jeQZJv<m_U|;IHqvwf#B9
zdT=w0S>I^Vx;e(Ez?PY-X;qo4bAMUrsyYq@!Z7abbKd<DO-5<$DM>7x4xG0tb!m1x
zEtTDhAltOtF0B{^D~?I;cP_eLd2j*e1jH~HIz&nUi%p~i*{*sAT6I`;T=ov>cfST1
zv1S#kF`!(=7EMY3SKLg6I$qw;{j<Us-@aVn3~9A~;Mut01sV@9*93Ha^5AhLO|)=w
z1+6~rJB}aK0xK`(rDXr>1N?<Q_R>51{{?(4bZs&I7wGTAP*XyWVE_OC07*qoM6N<$
Ef^=$lyZ`_I

literal 0
HcmV?d00001

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 5bfa117..40d32d7 100755
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -25,5 +25,8 @@
     "/img/bash/top_min.png": "/img/bash/top_min.png",
     "/img/bash/top_right_hover.png": "/img/bash/top_right_hover.png",
     "/img/bash/top_right.png": "/img/bash/top_right.png",
-    "/img/bash/user_bg.png": "/img/bash/user_bg.png"
+    "/img/bash/user_bg.png": "/img/bash/user_bg.png",
+    "/img/bash/note_bg.png": "/img/bash/note_bg.png",
+    "/img/bash/note_icon.png": "/img/bash/note_icon.png",
+    "/img/bash/note_top_left.png": "/img/bash/note_top_left.png"
 }
diff --git a/resources/img/bash/note_bg.png b/resources/img/bash/note_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..9d71459f14337d1339aaeec63167d1e0d0925cfb
GIT binary patch
literal 5335
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
ac|)(#E^mLAd3Xv~hvYFzSxwZ`;y(d2Cc`BF

literal 0
HcmV?d00001

diff --git a/resources/img/bash/note_icon.png b/resources/img/bash/note_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..9cbb62b04913b5e88e68cceb05df22585411ae78
GIT binary patch
literal 4562
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
ViiNLsvi^GoSeV!tR~dSx{tvB+tDgV>

literal 0
HcmV?d00001

diff --git a/resources/img/bash/note_top_left.png b/resources/img/bash/note_top_left.png
new file mode 100644
index 0000000000000000000000000000000000000000..774f7305d151ec2e62fc9d8af912db87da63daa5
GIT binary patch
literal 1346
zcmV-I1-<%-P)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I0004mX+uL$Nkc;*
zaB^>EX>4Tx04R}tkv&MmKpe$iQ)@*k4t5afkfAzR@C$L&DionYs1;guFuC*#nlvOW
zE{=k0!NHHks)LKOt`4q(Aou~|<mja6A|?JWDYS_3;J6>}?mh0_0Yan9G^=Y2(DbUA
zO2oxXc2x|%B7g|G;m5elEMrcRlJFc~_we!cF2=LG&;2?2)SSftpGZ8*46{nSK|H-#
zH8}4RhgnfpiO-2gO}ZfQBi9v|-#8Z>7I<dZOsD3F!^C2tgOv_uMN=c5B95w>PWeK{
zWtH<5XRTagt$XqphI0DKGS_KFkia6AAVGwJ8cHamiWsdrDHc++ANTMNIev*;3b{&P
z<XAuj8f3>0{s+Iiweph_Zc-=?1YT_WV;BhT0?oQ@e;?a+^91le16O+6Uugg{pQP8@
zTJ#9$-v%zO+nTZmT<!paPljyDj^w8)<nzG$8GTb07`O#`*WBJ(`#607($rP*1~@nb
zMhcX@?(y!P&ffk#)9UXBO?+~gMrCWP00006VoOIv00000008+zyMF)x010qNS#tmY
z4#WTe4#WYKD-Ig~000McNliru<OLiC3J3EjmG}Sv13yVbK~zY`<(9v197PnzKQpuT
z{Z3-+g9ZpfLHHy<B9s)yJy7yjP^RY30Ez#AhCU6Vpg@R<gcEULi~|BYvCsBh?uT#p
zJ&M`g+q;{+P(*gYlSVuHX6Ak0?->KU3RoZlUfS8&sTpHjk|fSrYemF5=ZvZv5wWUj
z0HP=YAp6f~@xP1=@cP<X{gvByI`^v8#xBORxdMuS==Pn?y=txb8COUVuvM+pcTwd^
zfjgbfUA-dr7Rg#`9oImSh&UT?^WDx3KHYr{ML`o(1=R$VB>f610%U7~DxR-`BHaIR
z%)|X83~Y>Xq3C|}e#9pqHc^d16VN!F$DkG^#^*%@EK2bI)9Hi<`>QNw8CsJBO~yc+
zf_iW$&Ywdn0i|XZN1?UT^C9x=5J>!C5sXO?1cP{a>N|lNy!FQ9KnCdbrl7X8oO~P?
z=<s+1dY-ydLDd_8q6MBmn$0u5m-+a~4V3jTu&UZ%kMo(53)GCa05}>X)aoV&TvDQ}
zoK)538yANNs;Px4eu(Buo%}Q5{x?tQ{ydl|DpELKB3Bg)*i5&%u>uegPL3v=Kb^AC
zj@bKU$fzIBDV!x%Q1;B#A(v#J%kDcln$kaud2_o0D!lVS)w^3{wzn9Xk{E|^7u}S`
z@Z{){{#nc$Z&f(h8*y{PvAN}D`H<&FF&6?ccFvW$BX?OU<l=P7!=DB;nudeDF|C$m
zvu)@0%+5%T8yXfc!2~F}H;wB>Z_4(2H4c6o(`Z1mWtfbF$w-h`mh*w~<cdVZh03YE
z4pIAKtgGg{cI6L_e*K=e->op6Do_5t%yVFK%TlY``8t2jeQZJv<m_U|;IHqvwf#B9
zdT=w0S>I^Vx;e(Ez?PY-X;qo4bAMUrsyYq@!Z7abbKd<DO-5<$DM>7x4xG0tb!m1x
zEtTDhAltOtF0B{^D~?I;cP_eLd2j*e1jH~HIz&nUi%p~i*{*sAT6I`;T=ov>cfST1
zv1S#kF`!(=7EMY3SKLg6I$qw;{j<Us-@aVn3~9A~;Mut01sV@9*93Ha^5AhLO|)=w
z1+6~rJB}aK0xK`(rDXr>1N?<Q_R>51{{?(4bZs&I7wGTAP*XyWVE_OC07*qoM6N<$
Ef^=$lyZ`_I

literal 0
HcmV?d00001

diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js
index 0d118ea..39979ed 100644
--- a/resources/js/bootstrap.js
+++ b/resources/js/bootstrap.js
@@ -11,7 +11,7 @@ window.axios = require('axios');
 
 window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
 
-Vue.component('bash', require('./components/bash.vue').default);
+Vue.component('appbar', require('./components/appbar.vue').default);
 
 const app = new Vue({ el: '#app' });
 
diff --git a/resources/js/components/appbar.vue b/resources/js/components/appbar.vue
new file mode 100644
index 0000000..40584a4
--- /dev/null
+++ b/resources/js/components/appbar.vue
@@ -0,0 +1,15 @@
+<template>
+  <span>
+    <bash />
+    <note />
+  </span>
+</template>
+
+<script>
+  import Bash from './bash';
+  import Note from './note';
+
+  export default {
+    components: { Bash, Note }
+  }
+</script>
diff --git a/resources/js/components/bash.vue b/resources/js/components/bash.vue
index f27d217..934de7e 100644
--- a/resources/js/components/bash.vue
+++ b/resources/js/components/bash.vue
@@ -145,6 +145,15 @@
     height: 325px;
   }
 
+  .konsole_right {
+    width: 2px;
+    background: url('/img/bash/right_bg.png') repeat-y;
+    position: absolute;
+    height: 325px;
+    top: 30px;
+    right: 0;
+  }
+
   .konsoleuser { background: url('/img/bash/user_bg.png') repeat; }
   .konsoleroot { background: url('/img/bash/root_bg.png') repeat; }
 
diff --git a/resources/js/components/note.vue b/resources/js/components/note.vue
new file mode 100644
index 0000000..a7b134e
--- /dev/null
+++ b/resources/js/components/note.vue
@@ -0,0 +1,236 @@
+<template>
+  <span>
+    <a href="#" @click="show = true"><img src="/img/bash/note_icon.png" width="50" /></a>
+    <span v-if="show">
+      <vue-draggable-resizable style="border: 0px solid #232629;" :drag-handle="'.drag-handle'" class-name-handle="resize-handle" class="shotanote" :x="50" :y="10" :z="99999999">
+        <div style="width: 100%; position: relative;">
+          <div class="drag-handle-left"></div>
+          <div class="drag-handle">ショタノート</div>
+          <div class="drag-handle-min"></div>
+          <div class="drag-handle-max"></div>
+          <div class="drag-handle-right" @click="show = false"></div>
+        </div>
+        <div class="konsole_left"></div>
+        <div style="padding: 5px; color: #232629;">
+          <textarea cols="30" rows="10" class="noter" v-model="text"></textarea>
+        </div>
+        <div class="konsole_right"></div>
+        <div class="konsole_bottom_left"></div>
+        <div class="konsole_bottom"></div>
+        <div class="konsole_bottom_right"></div>
+      </vue-draggable-resizable>
+    </span>
+  </span>
+</template>
+
+<script>
+  import VueDraggableResizable from 'vue-draggable-resizable';
+  import 'vue-draggable-resizable/dist/VueDraggableResizable.css';
+
+  Vue.component('vue-draggable-resizable', VueDraggableResizable);
+
+  export default {
+    data: function () {
+      return {
+        show: false,
+        text: (localStorage.shotanote || 'かいて〜♡'),
+        width: 0,
+        height: 0,
+        x: 0,
+        y: 0
+      }
+    },
+    watch: { text (x) { localStorage.shotanote = x; } },
+    methods: {
+      onResize: function (x, y, width, height) {
+        this.x = x
+        this.y = y
+        this.width = width
+        this.height = height
+      },
+      onDrag: function (x, y) {
+        this.x = x
+        this.y = y
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  #dragger {
+    position: absolute;
+    z-index: 9;
+  }
+
+  #draggerheader {
+    cursor: move;
+    z-index: 10;
+  }
+
+  .konsole {
+    width: 600px;
+    height: 358px;
+    margin: auto;
+    color: #fcfcfc;
+  }
+
+  ::-webkit-scrollbar {
+    width: 8px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: #7f8c8d; 
+  }
+
+  ::-webkit-scrollbar-thumb {
+    border-radius: 5px;
+    background: #ff80e0; 
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background: #452886; 
+  }
+
+  .drag-handle-left {
+    height: 30px;
+    width: 30px;
+    background: url('/img/bash/note_top_left.png') no-repeat;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+
+  .drag-handle {
+    height: 30px;
+    background: url('/img/bash/top_bg.png') repeat-x;
+    width: auto;
+    margin-left: 30px;
+    margin-right: 74px;
+    padding-top: 7px;
+    padding-right: 30px;
+    text-align: center;
+    font-weight: bold;
+  }
+
+  .drag-handle-right {
+    height: 30px;
+    width: 28px;
+    background: url('/img/bash/top_right.png') no-repeat;
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+
+  .drag-handle-right:hover {
+    background: url('/img/bash/top_right_hover.png') no-repeat;
+    cursor: default;
+  }
+
+  .drag-handle-max {
+    height: 30px;
+    width: 23px;
+    background: url('/img/bash/top_max.png') no-repeat;
+    position: absolute;
+    top: 0;
+    right: 28px;
+  }
+
+  .drag-handle-max:hover { 
+    background: url('/img/bash/top_max_hover.png') no-repeat;
+    cursor: default;
+  }
+
+  .drag-handle-min {
+    height: 30px;
+    width: 23px;
+    background: url('/img/bash/top_min.png') no-repeat;
+    position: absolute;
+    top: 0;
+    right: 51px;
+  }
+
+  .drag-handle-min:hover { 
+    background: url('/img/bash/top_min_hover.png') no-repeat;
+    cursor: default;
+  }
+
+  .konsole_left {
+    width: 2px;
+    background: url('/img/bash/left_bg.png') repeat-y;
+    position: absolute;
+    top: 30px;
+    left: 0;
+    height: 367px;
+  }
+
+  .konsole_right {
+    width: 2px;
+    background: url('/img/bash/right_bg.png') repeat-y;
+    position: absolute;
+    height: 367px;
+    top: 30px;
+    right: 0;
+  }
+
+  .shotanote { background: url('/img/bash/note_bg.png') repeat; }
+
+  .noter, .noter:active, .noter:focus {
+    background: transparent;
+    border: 0;
+    min-height: 360px;
+    width: 290px;
+    resize: none;
+  }
+
+  .vdr {
+    background-size: cover;
+    backdrop-filter: blur(17px);
+    font-family: "Lucida Console", Monospace, "DejaVu Sans Mono", "Courier New", MiscFixed;
+    font-size: 12px;
+    /* white-space: pre; */
+    color: #fcfcfc;
+    overflow: hidden;
+    position: absolute;
+    top: 30px;
+    left: 2px;
+    height: 400px !important;
+    width: 300px !important;
+    padding: 0;
+  }
+
+  .resize-handle-mr {
+    width: 2px;
+    background: url('/img/bash/right_bg.png') repeat-y;
+    position: absolute;
+    height: 325px;
+    top: 30px;
+    right: 0;
+  }
+
+  .konsole_bottom_left {
+    width: 3px;
+    height: 3px;
+    background: url('/img/bash/bottom_left.png') no-repeat;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+  }
+
+  .konsole_bottom {
+    height: 2px;
+    background: url('/img/bash/bottom_bg.png') repeat-x;
+    position: absolute;
+    bottom: 0;
+    left: 2px;
+    width: 295px;
+  }
+
+  .konsole_bottom_right {
+    height: 3px;
+    width: 3px;
+    background: url('/img/bash/bottom_right.png') no-repeat;
+    position: absolute;
+    right: 0;
+    bottom: 0;
+  }
+</style>
diff --git a/resources/views/layouts/site.blade.php b/resources/views/layouts/site.blade.php
index d4a7724..abec343 100644
--- a/resources/views/layouts/site.blade.php
+++ b/resources/views/layouts/site.blade.php
@@ -91,7 +91,7 @@
       <div class="row">
         <div class="col-md" style="padding-bottom: 32px;">
           <div class="within">
-            <bash />
+            <appbar />
           </div>
         </div>
       </div>