1
This commit is contained in:
@@ -4,96 +4,79 @@
|
||||
}
|
||||
|
||||
|
||||
<div id="urHere">管理中心<b>></b><strong>导入模板</strong> </div>
|
||||
<div class="mainBox" style="height:auto!important;height:550px;min-height:550px;">
|
||||
<h3>
|
||||
<a asp-page="./Index" class="actionBtn add" style="margin-left:10px">模板列表</a>
|
||||
导入模板
|
||||
</h3>
|
||||
<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="idTabs">
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
<div asp-validation-summary="All" class="text-danger"></div>
|
||||
<table width="100%" border="0" cellpadding="8" cellspacing="0" class="tableBasic">
|
||||
|
||||
|
||||
<tr>
|
||||
<td align="right"><label for="ArticleInput.CoverUrl">选择要导入的模板文件</label></td>
|
||||
<td>
|
||||
<input type="text" for="ArticleInput.CoverUrl" size="80" class="inpMain" id="CoverUrl" readonly />
|
||||
<a href="javascript:;" class="a-upload" id="uploadBtn">
|
||||
<input type="file" name="file" size="18" for="CoverUrl" accept="image/*" />
|
||||
上传
|
||||
</a>
|
||||
<p class="text-danger" id="error-CoverUrl"></p>
|
||||
<small></small>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>
|
||||
|
||||
<input name="submit" class="btn" type="submit" value="提交" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</form>
|
||||
<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="/Theme/Index">模板列表</a>
|
||||
</li>
|
||||
<li class="active">导入模板</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="main-content" x-data="data">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6" >
|
||||
|
||||
<div class="form-group">
|
||||
<label>选择要导入的模板文件</label>
|
||||
<div id="img-container">
|
||||
<template x-if="config.logo">
|
||||
<div class="img-thumb img-item">
|
||||
<img class="thumb-icon" :src="config.logo" />
|
||||
<a href="javascript:;" class="img-remove" x-on:click="config.logo='';tempfile=null">x</a>
|
||||
</div>
|
||||
</template>
|
||||
<template x-if="!config.logo">
|
||||
<div class="img-up-add img-item">
|
||||
<span class="img-add-icon" x-on:click="addIcon()">+</span>
|
||||
</div>
|
||||
</template>
|
||||
<input type="hidden" x-model="config.logo">
|
||||
<input type="file" name="files" id="img-file-input" x-model="tempfile" x-on:change="handleThemeUpload($event.target.files[0],function(url){ config.logo=url; })">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="btn-toolbar list-toolbar">
|
||||
<button class="btn btn-primary" x-on:click="save()"><i class="fa fa-save"></i> 提交</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<partial name="_Footer" />
|
||||
</div>
|
||||
|
||||
@section Scripts {
|
||||
<script src="~/admin/js/jquery.tab.js" asp-append-version="true"></script>
|
||||
<script type="text/javascript" src="~/admin/editor.md/editormd.min.js" asp-append-version="true"></script>
|
||||
<script src="~/admin/js/qiniu.min.js" asp-append-version="true"></script>
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
var editor = editormd("content-editor", {
|
||||
// width : "100%",
|
||||
height: "600",
|
||||
path: "/admin/editor.md/lib/",
|
||||
codeFold: true,
|
||||
htmlDecode: 'iframe|on*', // 开启标签
|
||||
imageUpload: true,
|
||||
imageUploadURL: "./data/upload.php?type=editormd",
|
||||
/*
|
||||
上传的后台只需要返回一个 JSON 数据，结构如下：
|
||||
{
|
||||
success : 0 | 1, // 0 表示上传失败，1 表示上传成功
|
||||
message : "提示的信息，上传成功或上传失败及错误信息等。",
|
||||
url : "图片地址" // 上传成功时才返回
|
||||
}
|
||||
*/
|
||||
});
|
||||
});
|
||||
|
||||
$(function () { $(".idTabs").idTabs(); });
|
||||
<script src="~/admin/js/theme/import.js" asp-append-version="true"></script>
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
$(function () {
|
||||
|
||||
|
||||
$("body").on("change propertychange", "input[type='file']", function (e) {
|
||||
|
||||
var id = $(this).attr("for");
|
||||
|
||||
var file = e.target.files[0];
|
||||
if (!file) {
|
||||
$("#error-" + id).html("文件上传失败！");
|
||||
return;
|
||||
}
|
||||
|
||||
$("#" + id).val(file.name);
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
}
|
||||
@@ -13,9 +13,9 @@
|
||||
<div class="header">
|
||||
<h1 class="page-title">
|
||||
模板设置
|
||||
@*<a class="btn btn-default btn-xs" asp-page="./Import">
|
||||
<a class="btn btn-default btn-xs" asp-page="./Import">
|
||||
<i class="fa fa-plus"></i> 导入模板
|
||||
</a>*@
|
||||
</a>
|
||||
</h1>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
|
||||
18
Yes.Blog/Endpoints/Admins/Themes/UploadThemeEndpoint.cs
Normal file
18
Yes.Blog/Endpoints/Admins/Themes/UploadThemeEndpoint.cs
Normal file
@@ -0,0 +1,18 @@
|
||||
namespace Yes.Blog.Endpoints.Admins.Themes
|
||||
{
|
||||
public class UploadThemeEndpoint : ThemeEndpointScheme, IEndpoint
|
||||
{
|
||||
public void Map(IEndpointRouteBuilder app) => app.MapPost("/themes/upload", Handle).DisableAntiforgery();
|
||||
|
||||
|
||||
private async Task<IResult> Handle(IFormFile File, IMediator mediator, IMapper mapper, CancellationToken cancellationToken)
|
||||
{
|
||||
var command = new UploadThemeCommand(File);
|
||||
var response = await mediator.Send(command, cancellationToken);
|
||||
|
||||
|
||||
return Result.Ok(response);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
76
Yes.Blog/wwwroot/admin/js/theme/import.js
Normal file
76
Yes.Blog/wwwroot/admin/js/theme/import.js
Normal file
@@ -0,0 +1,76 @@
|
||||
document.addEventListener('alpine:init', function () {
|
||||
Alpine.data('data', function () {
|
||||
const themeName = getUrlParameter("themeName")||"default";
|
||||
const fileName = getUrlParameter("fileName") || "Index.liquid";
|
||||
|
||||
return {
|
||||
file: {
|
||||
|
||||
},
|
||||
tagInput: "",
|
||||
tempfile: null,
|
||||
coverUrl: "",
|
||||
files: [],
|
||||
isSubmitting: false,
|
||||
themeName: "",
|
||||
fileName: "",
|
||||
loadFiles() {
|
||||
|
||||
axios.get('/themes/' + themeName +'/files')
|
||||
.then(data => {
|
||||
this.files = data;
|
||||
});
|
||||
return this;
|
||||
},
|
||||
loadFile() {
|
||||
axios.get('/themes/' + themeName + '/files/' + fileName)
|
||||
.then(data => {
|
||||
this.file = data;
|
||||
});
|
||||
return this;
|
||||
},
|
||||
handleThemeUpload(file) {
|
||||
const formData = new FormData();
|
||||
formData.append('file', file);
|
||||
|
||||
axios.post('/themes/upload', formData, {
|
||||
headers: {
|
||||
'Content-Type': 'multipart/form-data'
|
||||
}
|
||||
})
|
||||
.then(data => {
|
||||
location.href = "/admin/theme";
|
||||
})
|
||||
},
|
||||
editFile() {
|
||||
if (this.isSubmitting) {
|
||||
return;
|
||||
}
|
||||
this.isSubmitting = true;
|
||||
axios.put('/themes/' + themeName + '/files/' + fileName, { content: this.file.content })
|
||||
.then(data => {
|
||||
console.log('data:', data);
|
||||
location.href = "/admin/theme/detail?themeName=" + themeName + "&fileName=" + fileName + "";
|
||||
})
|
||||
.finally(() => {
|
||||
this.isSubmitting = false;
|
||||
});
|
||||
|
||||
},
|
||||
addIcon() {
|
||||
const fileinput = document.getElementById('img-file-input');
|
||||
if (fileinput) {
|
||||
fileinput.click();
|
||||
}
|
||||
},
|
||||
init() {
|
||||
this.loadFiles().loadFile();
|
||||
this.themeName = themeName;
|
||||
this.fileName = fileName;
|
||||
window.addEventListener('load', () => {
|
||||
document.title = "自定义模板内容 - " + window.config.name + "";
|
||||
});
|
||||
}
|
||||
};
|
||||
})
|
||||
});
|
||||
Reference in New Issue
Block a user