extends layout
block content
    include imports.pug
    <div id='app'>
        <div class='row'>
            <div class='col-md-10 col-xs-12 col-sm-12'>
                <p> <p class='lead'>无需注册的阅后即焚</p>在下面的框框里输入一些内容
                | <br>然后点一下「去产生」按钮，你就会得到一个长的网址
                | <br>将这个网址发给你的朋友，他只能看一次
                | 内容就会 <b>永远消失</b>！ </p>
                <vue-easymde v-model='text' :options='easyMDEOpts'></vue-easymde>
                <button :disabled='!text' v-on:click='getTempURL' class='btn btn-primary getbtn'>去产生</button>

                <transition name='fade'>
                    <p v-if='enurl'>
                        |可以把这个网址分享给你的朋友：
                        | <span id='enurl'>
                        | {{ enurl }}
                        | <button v-on:click='copyTempURL' class='btn btn-sm'>
                        |   <i class='fa' :class='copyicon'></i>
                        | </button></span>
                    </p>
                </transition>
                hr
                <p>
                    | <h6>Naiveboom - 让Naive的事情不再发生</h6>
                    | 举例：你有个链接或者一段文字需要发送给某人<br>
                    | 你将私密的链接或者文字粘贴到我们这个页面<br>
                    | 产生一个一次性链接<br>
                    | 阅后即焚<br>
                </p>
            </div>
        </div>
    </div>
    //- modal
    <div id='modal'>
        <div id='mmodal' class='modal'>
          <div class='modal-dialog' role='document'>
            <div class='modal-content'>
              <div class='modal-header'>
                <h5 class='modal-title'>{{ title }}</h5>
                <button type='button' class='close' data-dismiss='modal' aria-label='Close'>
                  <span aria-hidden='true'>&times;</span>
                </button>
              </div>
              <div class='modal-body' v-html='msg'>
              </div>
              <div class='modal-footer'>
                <button type='button' class='btn btn-primary' data-dismiss='modal'>关闭</button>
              </div>
            </div>
          </div>
        </div>
    </div>
    script(src='/javascripts/a.js')