adding forms

This commit is contained in:
sanjayk03-dev
2024-01-29 15:42:38 +05:30
parent 3107500ff7
commit cf7908ff41
2 changed files with 60 additions and 35 deletions

View File

@@ -48,7 +48,7 @@ script#macros-template(type="text/x-template")
.flex-row-container
button.blue-button(title="Reset Macros", @click="confirmReset=true") Delete All
button.blue-button(title="Add a Macros", @click="addNewMacros", style="margin-left:5px") New Macros
// button.blue-button(title="Delete a Macros", @click="deleteSelected=true", style="margin-left:5px",:disabled="!macrosLength") Delete Selected
button.blue-button(title="Delete a Macros", @click="deleteSelected=true", style="margin-left:5px",:disabled="!macrosLength") Delete Selected
.warning-box
p
@@ -56,14 +56,40 @@ script#macros-template(type="text/x-template")
| Select a Macros to edit its settings.
.tabs
select(:id="macros-select",title="Select a Macros to edit.",selected
select(id="macros-select",title="Select a Macros to edit.",selected
v-model="tab",@change="loadMacrosSettings",
style="width:500px;height:50px;border-radius:10px")
style="width:250px;height:50px;border-radius:10px;padding-left:15px;font-weight:bold")
option( selected='' value='0') Select a Macros
option(v-for="(index,file) in macrosList", :value="index+1") Macros {{index+1}}
.macros-form
p.title Name
.input-container
input.input-color(type="color",id="'macros-color",value="#ffffff")
input.input-name(type="text",minlength='1',maxlength='15',id="macros-name" ,v-model="macrosName")
p.title G-Code
.flex-row-container
select(id="gcode-select",title="Select previously uploaded GCode programs.",selected
v-model="fileName",@change="loadMacrosGcode", :disabled="!is_ready",
style="max-width:100%;height:40px;border-radius:5px")
option( selected='' value='default') Create G-Code
option(v-for="file in macrosGCodeList", :value="file") {{file}}
button.blue-button(title="Upload a new GCode program.", @click="open",
:disabled="!is_ready") Upload
.fa.fa-upload
form.gcode-file-input.file-upload
input(type="file", @change="uploadMacrosGcode", :disabled="!is_ready",
accept=".nc,.ngc,.gcode,.gc")
button.blue-button(title="Delete Macros GCode",@click="deleteGCode = true",
:disabled="!fileName =='default'") Delete
.fa.fa-trash
br
.gcodeContainer
textarea.new-gcode(id="gcode-field", :value="newGcode" @input="updateNewGcode")
button.submit-macros.button-submit(title="Save Macros",@click="confirmSave=true",:disabled="!edited") Save
button.submit-macros(title="Cancel Macros",@click="cancelMacros",style="margin-left:5px;background-color:#fafafa;") Cancel
button.submit-macros(title="Cancel Macros",@click="clearMacros",style="margin-left:5px;background-color:#fafafa;") Cancel
button.submit-macros(title="Cancel Macros",@click="printState",style="margin-left:5px") Print State
button.submit-macros(title="Cancel Macros",@click="printConfig",style="margin-left:5px") Print Config