rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Multi-character import

Browse Source
This commit is contained in:
SillyLossy
2023-04-15 19:43:41 +03:00
parent 06e941fd93
commit 5418cacee2
3 changed files with 65 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -1499,7 +1499,7 @@
<div id="rm_character_import" class="right_menu" style="display: none;">
<form id="form_import" action="javascript:void(null);" method="post" enctype="multipart/form-data">
<input type="file" id="character_import_file" accept=".json, image/png, image/webp" name="avatar">
<input multiple type="file" id="character_import_file" accept=".json, image/png, image/webp" name="avatar">
<input id="character_import_file_type" name="file_type" class="text_pole" maxlength="999" size="2" value="" autocomplete="off">
</form>
</div>

29
public/script.js
View File

@ -3060,8 +3060,8 @@ function select_selected_character(chid) {
//console.log('select_selected_character() -- starting with input of -- '+chid+' (name:'+characters[chid].name+')');
select_rm_create();
menu_type = "character_edit";
$("#delete_button").css("display", "block");
$("#export_button").css("display", "block");
$("#delete_button").css("display", "flex");
$("#export_button").css("display", "flex");
setRightTabSelectedClass('rm_button_selected_ch');
var display_name = characters[chid].name;
@ -3128,7 +3128,7 @@ function select_rm_create() {
//create text poles
$("#rm_button_back").css("display", "inline-block");
$("#character_import_button").css("display", "inline-block");
$("#character_import_button").css("display", "flex");
$("#character_popup_text_h3").text("Create character");
$("#character_name_pole").val(create_save_name);
$("#description_textarea").val(create_save_description);
@ -4804,31 +4804,33 @@ $(document).ready(function () {
});
$("#character_import_file").on("change", function (e) {
$("#rm_info_avatar").html("");
var file = e.target.files[0];
//console.log(1);
if (!file) {
if (!e.target.files.length) {
return;
}
let names = [];
for (const file of e.target.files) {
var ext = file.name.match(/\.(\w+)$/);
if (
!ext ||
(ext[1].toLowerCase() != "json" && ext[1].toLowerCase() != "png" && ext[1] != "webp")
) {
return;
continue;
}
var format = ext[1].toLowerCase();
$("#character_import_file_type").val(format);
//console.log(format);
var formData = new FormData($("#form_import").get(0));
var formData = new FormData();
formData.append('avatar', file);
formData.append('file_type', format);
jQuery.ajax({
type: "POST",
url: "/importcharacter",
data: formData,
async: false,
beforeSend: function () {
//$('#create_button').attr('disabled',true);
//$('#create_button').attr('value','Creating...');
},
cache: false,
contentType: false,
@ -4847,8 +4849,10 @@ $(document).ready(function () {
oldSelectedChar = characters[this_chid].name;
}
names.push(data.file_name);
let nameString = DOMPurify.sanitize(names.join(', '));
await getCharacters();
select_rm_info(`Character imported<br><h4>${DOMPurify.sanitize(data.file_name)}</h4>`, oldSelectedChar);
select_rm_info(`Character imported<br><h4>${nameString}</h4>`, oldSelectedChar);
$("#rm_info_block").transition({ opacity: 1, duration: 1000 });
}
},
@ -4856,6 +4860,7 @@ $(document).ready(function () {
$("#create_button").removeAttr("disabled");
},
});
}
});
$("#export_button").click(function (e) {
$('#export_format_popup').toggle();

14
public/style.css
View File

@ -1117,6 +1117,13 @@ input[type=search]:focus::-webkit-search-cancel-button {
flex-wrap: wrap;
}
.form_create_bottom_buttons_block .menu_button
{
display: flex;
justify-content: center;
align-items: center;
}
#rm_info_block {
display: none;
width: 100%;
@ -1138,6 +1145,8 @@ input[type=search]:focus::-webkit-search-cancel-button {
}
#rm_info_avatar {
display: flex;
column-gap: 10px;
width: fit-content;
text-align: center;
margin-left: auto;
@ -2199,11 +2208,6 @@ h5 {
column-gap: 15px;
}
#rm_button_group_chats {
cursor: pointer;
display: inline-block;
}
#rm_button_group_chats h2 {
margin-top: auto;
margin-bottom: auto;