muehe/onefinity-firmware
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

multiple select option

Browse Source
This commit is contained in:
sanjayk03-dev
2024-05-30 21:48:08 +05:30
parent 1af41376b1
commit 018be8dd34
2 changed files with 35 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/js/control-view.js
View File

@@ -53,7 +53,8 @@ module.exports = {
GCodeNotFound: false, GCodeNotFound: false,
filesUploaded: 0, filesUploaded: 0,
totalFiles: 0, totalFiles: 0,
files_sortby: "By Date", files_sortby: "By Upload Date",
selected_items_to_delete: [],
}; };
}, },
@@ -235,15 +236,6 @@ module.exports = {
.filter(element => element !== "default") .filter(element => element !== "default")
.sort(); .sort();
}, },
toggle_sorting: function () {
if (this.files_sortby === "By Date") {
this.files_sortby = "A-Z";
} else if (this.files_sortby === "A-Z") {
this.files_sortby = "Z-A";
} else if (this.files_sortby === "Z-A") {
this.files_sortby = "By Date";
}
},
}, },
events: { events: {
@@ -323,6 +315,16 @@ module.exports = {
this.$dispatch("send", msg); this.$dispatch("send", msg);
}, },
toggle_sorting: function () {
if (this.files_sortby === "By Upload Date") {
this.files_sortby = "A-Z";
} else if (this.files_sortby === "A-Z") {
this.files_sortby = "Z-A";
} else if (this.files_sortby === "Z-A") {
this.files_sortby = "By Upload Date";
}
},
load: function () { load: function () {
const file_time = this.state.selected_time; const file_time = this.state.selected_time;
const file = this.state.selected; const file = this.state.selected;
@@ -622,18 +624,20 @@ module.exports = {
return; return;
} }
this.update_config(); console.log(this.selected_items_to_delete);
this.config.non_macros_list = this.config.non_macros_list.filter(item => item.file_name != this.state.selected); // this.update_config();
const file_to_delete = this.config.gcode_list.find(
item => item.name == this.state.folder && item.type == "folder",
);
file_to_delete.files = file_to_delete.files.filter(item => item.file_name != this.state.selected);
if (!this.state.macros_list.find(item => item.file_name == this.state.selected)) { // this.config.non_macros_list = this.config.non_macros_list.filter(item => item.file_name != this.state.selected);
api.delete(`file/${this.state.selected}`); // const file_to_delete = this.config.gcode_list.find(
} // item => item.name == this.state.folder && item.type == "folder",
this.save_config(this.config); // );
// file_to_delete.files = file_to_delete.files.filter(item => item.file_name != this.state.selected);
// if (!this.state.macros_list.find(item => item.file_name == this.state.selected)) {
// api.delete(`file/${this.state.selected}`);
// }
// this.save_config(this.config);
this.deleteGCode = false; this.deleteGCode = false;
}, },

17
src/pug/templates/control-view.pug
View File

@@ -322,12 +322,17 @@ script#control-view-template(type="text/x-template")
message(:show.sync="deleteGCode") message(:show.sync="deleteGCode")
h3(slot="header") Delete G-Code? h3(slot="header") Delete G-Code?
p(slot="body") div(slot="body")
p Select files to delete:
ul
li(v-for="item in gcode_files" :key="item")
input(type="checkbox" :value="item" v-model="selected_items_to_delete")
| {{ item }}
div(slot="footer") div(slot="footer")
button.pure-button(@click="deleteGCode = false") Cancel button.pure-button(@click="deleteGCode = false") Cancel
button.pure-button.button-error(@click="delete_all_except_macros") //- button.pure-button.button-error(@click="delete_all_except_macros")
.fa.fa-trash //- .fa.fa-trash
|  All //- |  All
button.pure-button.button-success(@click="delete_current") button.pure-button.button-success(@click="delete_current")
.fa.fa-trash .fa.fa-trash
|  Selected |  Selected
@@ -370,11 +375,11 @@ script#control-view-template(type="text/x-template")
select(title="Select previously uploaded GCode programs.", select(title="Select previously uploaded GCode programs.",
v-model="state.selected", @change="load", :disabled="!is_ready", v-model="state.selected", @change="load", :disabled="!is_ready",
style="max-width:100%;margin-left:5px") style="max-width:300px;margin-left:5px")
option(v-for="file in gcode_files", :value="file") {{file}} option(v-for="file in gcode_files", :value="file") {{file}}
button.pure-button(@click="toggle_sorting", :disabled="!is_ready", button.pure-button(@click="toggle_sorting", :disabled="!is_ready",
style="height:100%") style="height:75%")
| {{files_sortby}} | {{files_sortby}}
.progress(v-if="toolpath_progress && toolpath_progress < 1", .progress(v-if="toolpath_progress && toolpath_progress < 1",