119 lines
4.0 KiB
Plaintext
119 lines
4.0 KiB
Plaintext
@page
|
|
@model Yes.Blog.Areas.Admin.Pages.Page.AddModel
|
|
@{
|
|
}
|
|
|
|
|
|
@section Styles {
|
|
<link rel="stylesheet" href="/admin/tui.editor/toastui-editor.min.css" />
|
|
<script src="/admin/tui.editor/toastui-editor-all.min.js"></script>
|
|
<script src="/admin/tui.editor/zh-cn.min.js"></script>
|
|
}
|
|
|
|
<template x-data x-if="$store.errorMessage||1">
|
|
<div class="alert alert-danger floating-div" x-show="$store.errorMessage" x-transition x-html="$store.errorMessage"></div>
|
|
</template>
|
|
|
|
<div class="header">
|
|
<div class="stats">
|
|
</div>
|
|
|
|
|
|
<h1 class="page-title">添加单页面</h1>
|
|
<ul class="breadcrumb">
|
|
<li>
|
|
<a asp-page="/Index">管理中心</a>
|
|
</li>
|
|
<li>
|
|
<a asp-page="/Page/Index">单页面列表</a>
|
|
</li>
|
|
<li class="active">添加单页面</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="main-content" x-data="data">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="row">
|
|
<div class="col-lg-9 col-md-9 col-sm-9">
|
|
|
|
<div class="form-group">
|
|
<label>内容</label>
|
|
|
|
<div id="editor"></div>
|
|
</div>
|
|
|
|
<div class="btn-toolbar list-toolbar pull-right">
|
|
|
|
|
|
<button class="btn btn-primary" x-on:click="article.isDraft = false; createArticle()">
|
|
<i class="fa fa-angle-double-up"></i> 发布单页
|
|
</button>
|
|
|
|
|
|
|
|
<div class="btn-group">
|
|
<button class="btn btn-default">
|
|
<i class="fa fa-external-link"></i> 预览
|
|
</button>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-3 col-sm-3">
|
|
<div class="form-group">
|
|
<label class="control-label" for="inputSuccess">标题</label>
|
|
<input type="text" class="form-control" x-model="article.title">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label" for="inputSuccess">缩略名</label>
|
|
<input type="text" class="form-control" x-model="article.slug">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>封面图</label>
|
|
<div id="img-container">
|
|
<template x-if="article.coverUrl">
|
|
<div class="img-thumb img-item">
|
|
<img class="thumb-icon" :src="article.coverUrl" />
|
|
<a href="javascript:;" class="img-remove" x-on:click="article.coverUrl='';tempfile=null">x</a>
|
|
</div>
|
|
</template>
|
|
<template x-if="!article.coverUrl">
|
|
<div class="img-up-add img-item">
|
|
<span class="img-add-icon" x-on:click="addIcon()">+</span>
|
|
</div>
|
|
</template>
|
|
<input type="hidden" x-model="article.coverUrl">
|
|
<input type="file" name="files" id="img-file-input" x-model="tempfile" x-on:change="handleFileChange($event.target.files[0],function(url){ article.coverUrl=url; })">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>摘要</label>
|
|
<textarea class="form-control" rows="9" x-model="article.summary"></textarea>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<partial name="_Footer" />
|
|
</div>
|
|
|
|
@section Scripts {
|
|
<script src="~/admin/js/qiniu.min.js" asp-append-version="true"></script>
|
|
<script src="~/admin/js/page/add.js" asp-append-version="true"></script>
|
|
}
|
|
|