mirror of https://github.com/abpframework/abp
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
4.3 KiB
94 lines
4.3 KiB
@page
|
|
@using Volo.Abp.AspNetCore.Mvc.UI.Packages.TuiEditor
|
|
@using Volo.Blogging.Pages.Blog.Posts
|
|
@using Volo.Blogging.Posts
|
|
@using Microsoft.AspNetCore.Mvc.Localization
|
|
@using Volo.Blogging.Localization
|
|
@inject IHtmlLocalizer<BloggingResource> L
|
|
@model NewModel
|
|
@{
|
|
ViewBag.PageTitle = "Blog";
|
|
}
|
|
@section styles {
|
|
<abp-style-bundle name="@typeof(NewModel).FullName">
|
|
<abp-style type="@typeof(TuiEditorStyleContributor)" />
|
|
<abp-style src="/Pages/Blogs/Posts/new.css" />
|
|
</abp-style-bundle>
|
|
}
|
|
@section scripts {
|
|
<abp-script-bundle name="@typeof(NewModel).FullName">
|
|
<abp-script type="@typeof(TuiEditorScriptContributor)" />
|
|
<abp-script src="/Pages/Blogs/Posts/new.js" />
|
|
</abp-script-bundle>
|
|
}
|
|
<div id="qa-new-post-container">
|
|
<div class="container py-5">
|
|
<div class="row">
|
|
<div class="col-12 col-md-8 col-lg-7 mx-auto">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<form method="post" id="new-post-form">
|
|
<abp-input asp-for="Post.BlogId" />
|
|
<abp-input asp-for="Post.Title" auto-focus="true" />
|
|
|
|
<abp-alert dismissible="true"
|
|
style="display: none"
|
|
id="title-length-warning"
|
|
data-max-length="@PostConsts.MaxTitleLengthToBeSeoFriendly">
|
|
@L["TitleLengthWarning"]
|
|
</abp-alert>
|
|
|
|
<abp-input asp-for="Post.Url" />
|
|
<abp-input asp-for="Post.CoverImage" />
|
|
|
|
<abp-row>
|
|
<abp-column size-sm="_9">
|
|
<div class="form-group">
|
|
<label for="CoverImageFile">@L["CoverImage"]</label>
|
|
<span> * </span>
|
|
<input class="form-control" type="file" id="CoverImageFile" />
|
|
</div>
|
|
</abp-column>
|
|
<abp-column size-sm="_3">
|
|
<img id="CoverImage" src="@Model.Post.CoverImage" height="80" width="160" style="display:none" />
|
|
</abp-column>
|
|
</abp-row>
|
|
|
|
<abp-input asp-for="Post.Content" />
|
|
<abp-input asp-for="Post.Tags" />
|
|
<abp-input asp-for="Post.Description" />
|
|
|
|
|
|
<div class="form-group">
|
|
<div class="new-post-editor">
|
|
<div class="gradient-background-animation loading-cover"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="actions d-flex">
|
|
<div class="text-muted editor-info d-none d-lg-block mr-auto">
|
|
|
|
<div>
|
|
<svg class="markdown-icon" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true">
|
|
<path fill-rule="evenodd" d="M14.85 3H1.15C.52 3 0 3.52 0 4.15v7.69C0 12.48.52 13 1.15 13h13.69c.64 0 1.15-.52 1.15-1.15v-7.7C16 3.52 15.48 3 14.85 3zM9 11H7V8L5.5 9.92 4 8v3H2V5h2l1.5 2L7 5h2v6zm2.99.5L9.5 8H11V5h2v3h1.5l-2.51 3.5z"></path>
|
|
</svg> <small>@L["MarkdownSupported"] </small>
|
|
</div>
|
|
|
|
<div><small><i class="fa fa-copy"></i> @L["FileUploadInfo"].Value</small></div>
|
|
|
|
</div>
|
|
<div class="mt-3 d-flex flex-row-reverse">
|
|
<abp-button id="PostFormSubmitButton" button-type="Primary" type="submit" form="new-post-form" text="@L["Submit"].Value" icon="check" />
|
|
|
|
<a asp-page="./Index" class="btn btn-default mr-2"><span>@L["Cancel"]</span></a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|