naiveboom/views/index.pug

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 }}</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')