Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| lxplan [2026/01/16 14:16] – [fields] ssm2017 | lxplan [2026/01/27 12:47] (current) – [js version] ssm2017 | ||
|---|---|---|---|
| Line 3: | Line 3: | ||
| ==== fields ==== | ==== fields ==== | ||
| === graphic fields === | === graphic fields === | ||
| - | <sxh> | + | ^ Key ^ Human Key ^ |
| - | loc_x : Location X | + | | loc_x | Location X | |
| - | loc_y : Location Y | + | | loc_y | Location Y | |
| - | loc_z : Location Z | + | | loc_z | Location Z | |
| - | size_w | + | | size_w |
| - | size_h | + | | size_h |
| - | start_x | + | | start_x |
| - | start_y | + | | start_y |
| - | end_x : End X | + | | end_x | End X | |
| - | end_y : End Y | + | | end_y | End Y | |
| - | len : Length | + | | len | Length |
| - | dir : Direction | + | | dir | Direction |
| - | ctl1_x | + | | ctl1_x |
| - | ctl1_y | + | | ctl1_y |
| - | ctl2_x | + | | ctl2_x |
| - | ctl2_y | + | | ctl2_y |
| - | scale_w | + | | scale_w |
| - | scale_h | + | | scale_h |
| - | draw_fl | + | | draw_fl |
| - | dr_st : Draw Stroke | + | | dr_st | Draw Stroke |
| - | fl_color | + | | fl_color |
| - | st_color | + | | st_color |
| - | st_w : Stroke Width | + | | st_w | Stroke Width | |
| - | ln_style | + | | ln_style |
| - | ch_font | + | | ch_font |
| - | font : Font | + | | font | Font | |
| - | rotate | + | | rotate |
| - | id : Key ID | + | | id | Key ID | |
| - | loc_l : Left | + | | loc_l | Left | |
| - | loc_r : Right | + | | loc_r | Right | |
| - | loc_t : Top | + | | loc_t | Top | |
| - | loc_b : Bottom | + | | loc_b | Bottom |
| - | start_z | + | | start_z |
| - | end_z : End Z | + | | end_z | End Z | |
| - | n_sides | + | | n_sides |
| - | crop_l | + | | crop_l |
| - | crop_r | + | | crop_r |
| - | crop_t | + | | crop_t |
| - | crop_b | + | | crop_b |
| - | 3dtype | + | | 3dtype |
| - | </ | + | |
| === report fields === | === report fields === | ||
| - | <sxh> | + | ^ Key ^ Human Key ^ |
| - | space : Space | + | | space | Space | |
| - | color+frame | + | | color+frame |
| - | color+type | + | | color+type |
| - | pdist : Location | + | | pdist | Location |
| - | foc_pt | + | | foc_pt |
| - | bnc_pt | + | | bnc_pt |
| - | INPUT : Input | + | | INPUT | Input | |
| - | sheets | + | | sheets |
| - | full_cname | + | | full_cname |
| - | patch : Patch | + | | patch | Patch | |
| - | uuid : UUID | + | | uuid | UUID | |
| - | keep : Keep | + | | keep | Keep | |
| - | </ | + | |
| === key fields === | === key fields === | ||
| - | <sxh> | + | ^ Key ^ Human Key ^ RPT ^ |
| - | name : Type | + | | name | Type | | |
| - | fname : Full Name | + | | fname | Full Name | | |
| - | id : ID | + | | id | ID | n | |
| - | sid : Symbol ID | + | | sid | Symbol ID | | |
| - | have : Inventory | + | | have | Inventory |
| - | balance | + | | balance |
| - | lamp : Lamp | + | | lamp | Lamp | | |
| - | watts : Watts | + | | watts | Watts | | |
| - | frame : Color Frame | + | | frame | Color Frame | | |
| - | beam : Field Angle | + | | beam | Field Angle | n | |
| - | bm_x : Field X | + | | bm_x | Field X | n | |
| - | bm_y : Field Y | + | | bm_y | Field Y | n | |
| - | bm_w : Field Wide | + | | bm_w | Field Wide | n | |
| - | bm_t : Field Tight | + | | bm_t | Field Tight | n | |
| - | cd : Candela | + | | cd | Candela |
| - | cd_w : Candela Wide | + | | cd_w | Candela Wide | n | |
| - | cd_t : Candela Tight | + | | cd_t | Candela Tight | n | |
| - | abm : Beam Angle | + | | abm | Beam Angle | n | |
| - | abm_x : Beam X | + | | abm_x | Beam X | n | |
| - | abm_y : Beam Y | + | | abm_y | Beam Y | n | |
| - | abm_w : Beam Wide | + | | abm_w | Beam Wide | n | |
| - | abm_t : Beam Tight | + | | abm_t | Beam Tight | n | |
| - | wt : Weight | + | | wt | Weight |
| - | cpf : Sections Per Fixture | + | | cpf | Sections Per Fixture |
| - | lpc : Lamps Per Circuit | + | | lpc | Lamps Per Circuit |
| - | dbl : Distance Between Lamps | + | | dbl | Distance Between Lamps | n | |
| - | note : More Info | + | | note | More Info | | |
| - | scroll | + | | scroll |
| - | dmode : Mode | + | | dmode | Mode | n | |
| - | mixtype | + | | mixtype |
| - | d_mk : Default Mark | + | | d_mk | Default Mark | n | |
| - | acc_loc | + | | acc_loc |
| - | d_adj_x | + | | d_adj_x |
| - | d_adj_y | + | | d_adj_y |
| - | d_adj_z | + | | d_adj_z |
| - | </ | + | |
| === kinds === | === kinds === | ||
| - | <sxh> | + | ^ Key ^ Human Key ^ Keyfields ^ Infofields ^ |
| - | ers : Leko / ERS | + | | ers | Leko / ERS | name, fname, id, sid, have, lamp, watts, frame, beam, cd, abm, wt, note, d_mk, d_adj_x, d_adj_y, d_adj_z | hang, num, color, color2, chan, chpt, cir, dim, gobo, use, grp, mk, note, user1, user2, user3, userF1, userF2, userF3, foc_x, foc_y, foc_z, glr, adj_x, adj_y, adj_z | |
| - | zers : Zoom Leko / ERS | + | | zers | Zoom Leko / ERS | name, fname, id, sid, have, lamp, watts, frame, bm_w, bm_t, cd_w, cd_t, abm_w, abm_t, wt, note, d_mk, d_adj_x, d_adj_y, d_adj_z | hang, num, color, color2, chan, chpt, cir, dim, gobo, use, grp, mk, note, user1, user2, user3, userF1, userF2, userF3, foc_x, foc_y, foc_z, glr, vbeam, vcd, adj_x, adj_y, adj_z | |
| - | fres : Fresnel / PC | + | | fres | Fresnel / PC | name, fname, id, sid, have, lamp, watts, frame, bm_w, bm_t, cd_w, cd_t, abm_w, abm_t, wt, note, d_mk, d_adj_x, d_adj_y, d_adj_z | hang, num, color, color2, chan, chpt, cir, dim, use, grp, mk, note, user1, user2, user3, userF1, userF2, userF3, foc_x, foc_y, foc_z, glr, vbeam, vcd, adj_x, adj_y, adj_z | |
| - | par : PAR | + | | par | PAR | name, fname, id, sid, have, lamp, watts, frame, bm_x, bm_y, cd, abm_x, abm_y, wt, note, d_mk, d_adj_x, d_adj_y, d_adj_z | hang, num, color, color2, chan, chpt, cir, dim, use, grp, mk, note, user1, user2, user3, userF1, userF2, userF3, foc_x, foc_y, foc_z, glr, foc_a, adj_x, adj_y, adj_z | |
| - | fl : Flood | + | | fl | Flood | name, fname, id, sid, have, lamp, watts, frame, beam, cd, abm, wt, note, d_mk, d_adj_x, d_adj_y, d_adj_z | hang, num, color, color2, chan, chpt, cir, dim, use, grp, mk, note, user1, user2, user3, userF1, userF2, userF3, foc_x, foc_y, foc_z, glr, adj_x, adj_y, adj_z | |
| - | strip : Striplight | + | | strip | Striplight |
| - | scroll | + | | scroll |
| - | mirror | + | | mirror |
| - | focus : Focus Point | + | | focus | Focus Point | name, fname, id, sid | use, foc_x, foc_y, foc_z | |
| - | misc : Other | + | | misc | Other | name, fname, id, sid, have, acc_loc | | |
| - | mover : Automated Fixture | + | | mover | Automated Fixture |
| - | cmymvr | + | | cmymvr |
| - | rgb : Color Mixing Rectangular Beam (obsolete rgb) | + | | rgb | Color Mixing Rectangular Beam (obsolete rgb) | name, fname, id, sid, have, lamp, watts, frame, bm_x, bm_y, cd, abm_x, abm_y, wt, note, scroll, dmode, mixtype, d_adj_x, d_adj_y, d_adj_z | hang, num, color, color2, chan, chpt, cir, dim, use, grp, mk, note, user1, user2, user3, userF1, userF2, userF3, foc_x, foc_y, foc_z, glr, dtable, adj_x, adj_y, adj_z | |
| - | rgba : Color Mixing Rectangular Beam (obsolete rgba) | + | | rgba | Color Mixing Rectangular Beam (obsolete rgba) | name, fname, id, sid, have, lamp, watts, frame, bm_x, bm_y, cd, abm_x, abm_y, wt, note, scroll, dmode, mixtype, d_adj_x, d_adj_y, d_adj_z | hang, num, color, color2, chan, chpt, cir, dim, use, grp, mk, note, user1, user2, user3, userF1, userF2, userF3, foc_x, foc_y, foc_z, glr, dtable, adj_x, adj_y, adj_z | |
| - | led7 : Color Mixing Rectangular Beam | + | | led7 | Color Mixing Rectangular Beam | name, fname, id, sid, have, lamp, watts, frame, bm_x, bm_y, cd, abm_x, abm_y, wt, note, scroll, dmode, mixtype, d_adj_x, d_adj_y, d_adj_z | hang, num, color, color2, chan, chpt, cir, dim, use, grp, mk, note, user1, user2, user3, userF1, userF2, userF3, foc_x, foc_y, foc_z, glr, foc_a, dtable, adj_x, adj_y, adj_z | |
| - | led7s : Color Mixing Striplight | + | | led7s | Color Mixing Striplight |
| - | cmers : Color Mixing Leko / ERS | + | | cmers | Color Mixing Leko / ERS | name, fname, id, sid, have, lamp, watts, frame, beam, cd, abm, wt, note, scroll, dmode, mixtype, d_mk, d_adj_x, d_adj_y, d_adj_z | hang, num, color, color2, chan, chpt, cir, dim, gobo, use, grp, mk, note, user1, user2, user3, userF1, userF2, userF3, foc_x, foc_y, foc_z, glr, dtable, adj_x, adj_y, adj_z | |
| - | cmzers | + | | cmzers |
| - | cmscroll | + | | cmscroll |
| - | netnode | + | | netnode |
| - | </ | + | |
| === categories === | === categories === | ||
| - | <sxh> | + | <code> |
| Hide | Hide | ||
| Position | Position | ||
| Line 129: | Line 125: | ||
| Device | Device | ||
| 3D | 3D | ||
| - | </sxh> | + | </code> |
| === sub indices === | === sub indices === | ||
| ^ Key ^ Human Key ^ Subindex ^ Abbr ^ GDTF ^ | ^ Key ^ Human Key ^ Subindex ^ Abbr ^ GDTF ^ | ||
| Line 238: | Line 234: | ||
| | map_axis | Map Axis | y | | 0.0 | 0.0 | 6 | Helvetica | 12 | | | map_axis | Map Axis | y | | 0.0 | 0.0 | 6 | Helvetica | 12 | | ||
| ==== Examples ==== | ==== Examples ==== | ||
| - | <sxh xml> | + | |
| + | ===== template ===== | ||
| + | <code xml> | ||
| + | <?xml version=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | #Thu Jan 15 16:34:27 CET 2026 | ||
| + | |||
| + | </ | ||
| + | </ | ||
| + | < | ||
| + | < | ||
| + | #Thu Jan 15 16:34:27 CET 2026 | ||
| + | |||
| + | </ | ||
| + | </ | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | |||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | < | ||
| <?xml version=" | <?xml version=" | ||
| <key> | <key> | ||
| Line 1611: | Line 1679: | ||
| < | < | ||
| </ | </ | ||
| - | </sxh> | + | </code> |
| - | ===== template ===== | + | ==== Lib maker ==== |
| - | <sxh xml> | + | made with claude.ai. create symbol with lxplan or import dxf then keep only one layer and then embed the symbol inside a group and then run the python script. |
| - | <?xml version=" | + | <code python> |
| - | <key> | + | import tkinter as tk |
| - | < | + | from tkinter import filedialog, messagebox, ttk |
| - | < | + | import xml.etree.ElementTree as ET |
| - | #Thu Jan 15 16:34:27 CET 2026 | + | import os |
| - | </ | + | class XMLExtractorApp: |
| - | | + | |
| - | | + | self.root = root |
| - | | + | self.root.title(" |
| - | #Thu Jan 15 16:34:27 CET 2026 | + | self.root.geometry(" |
| + | self.root.resizable(False, | ||
| + | |||
| + | self.input_file = None | ||
| + | self.tree = None | ||
| + | |||
| + | self.create_widgets() | ||
| + | |||
| + | def create_widgets(self): | ||
| + | # Title | ||
| + | title = tk.Label(self.root, | ||
| + | font=(" | ||
| + | title.pack(pady=10) | ||
| + | |||
| + | # Info label | ||
| + | info = tk.Label(self.root, | ||
| + | | ||
| + | info.pack() | ||
| + | |||
| + | # Input file frame | ||
| + | input_frame = tk.Frame(self.root) | ||
| + | input_frame.pack(pady=10, | ||
| + | |||
| + | tk.Label(input_frame, | ||
| + | font=(" | ||
| + | |||
| + | file_display_frame = tk.Frame(input_frame) | ||
| + | file_display_frame.pack(fill=tk.X, | ||
| + | |||
| + | self.file_label = tk.Label(file_display_frame, | ||
| + | | ||
| + | self.file_label.pack(side=tk.LEFT, | ||
| + | |||
| + | browse_btn = tk.Button(file_display_frame, | ||
| + | command=self.browse_file) | ||
| + | browse_btn.pack(side=tk.RIGHT) | ||
| + | |||
| + | # Output file frame | ||
| + | output_frame = tk.Frame(self.root) | ||
| + | output_frame.pack(pady=10, | ||
| + | |||
| + | tk.Label(output_frame, | ||
| + | font=(" | ||
| + | |||
| + | self.output_entry = tk.Entry(output_frame, | ||
| + | self.output_entry.pack(fill=tk.X, | ||
| + | self.output_entry.insert(0, | ||
| + | |||
| + | # Additional fields frame | ||
| + | fields_frame = tk.Frame(self.root) | ||
| + | fields_frame.pack(pady=10, | ||
| + | |||
| + | tk.Label(fields_frame, | ||
| + | font=(" | ||
| + | |||
| + | # Name field (displayed as " | ||
| + | name_frame = tk.Frame(fields_frame) | ||
| + | name_frame.pack(fill=tk.X, | ||
| + | tk.Label(name_frame, | ||
| + | self.name_entry = tk.Entry(name_frame, | ||
| + | self.name_entry.pack(side=tk.LEFT, | ||
| + | |||
| + | # ID field | ||
| + | id_frame = tk.Frame(fields_frame) | ||
| + | id_frame.pack(fill=tk.X, | ||
| + | tk.Label(id_frame, | ||
| + | self.id_entry = tk.Entry(id_frame, | ||
| + | self.id_entry.pack(side=tk.LEFT, | ||
| + | |||
| + | # Fname field | ||
| + | fname_frame = tk.Frame(fields_frame) | ||
| + | fname_frame.pack(fill=tk.X, | ||
| + | tk.Label(fname_frame, | ||
| + | self.fname_entry = tk.Entry(fname_frame, | ||
| + | self.fname_entry.pack(side=tk.LEFT, | ||
| + | |||
| + | # Kind field (dropdown) | ||
| + | kind_frame = tk.Frame(fields_frame) | ||
| + | kind_frame.pack(fill=tk.X, | ||
| + | tk.Label(kind_frame, | ||
| + | |||
| + | # Dictionary mapping display names to values | ||
| + | self.kind_options = { | ||
| + | "eko / ERS": " | ||
| + | "Zoom Leko / ERS": " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | "DMX Device": | ||
| + | " | ||
| + | "Focus Point": | ||
| + | " | ||
| + | " | ||
| + | "Color Mixing Automated Fixture": | ||
| + | "Color Mixing Rectangular Beam (obsolete rgb)": " | ||
| + | "Color Mixing Rectangular Beam (obsolete rgba)": | ||
| + | "Color Mixing Rectangular Beam": " | ||
| + | "Color Mixing Striplight": | ||
| + | "Color Mixing Leko / ERS": " | ||
| + | "Color Mixing Zoom ERS": " | ||
| + | "Color Mixing DMX Device": | ||
| + | " | ||
| + | } | ||
| + | |||
| + | self.kind_var = tk.StringVar() | ||
| + | self.kind_dropdown = ttk.Combobox(kind_frame, | ||
| + | values=list(self.kind_options.keys()), | ||
| + | state=" | ||
| + | font=(" | ||
| + | self.kind_dropdown.pack(side=tk.LEFT, | ||
| + | self.kind_dropdown.current(0) | ||
| + | |||
| + | # Extract button | ||
| + | extract_btn = tk.Button(self.root, | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | extract_btn.pack(pady=20) | ||
| + | |||
| + | # Status label | ||
| + | self.status_label = tk.Label(self.root, | ||
| + | | ||
| + | self.status_label.pack(pady=5) | ||
| + | | ||
| + | def browse_file(self): | ||
| + | | ||
| + | | ||
| + | filetypes=[(" | ||
| + | ) | ||
| + | if filename: | ||
| + | self.input_file = filename | ||
| + | self.file_label.config(text=os.path.basename(filename), | ||
| + | self.status_label.config(text=" | ||
| + | |||
| + | def extract_and_convert(self): | ||
| + | | ||
| + | if not self.input_file: | ||
| + | messagebox.showerror(" | ||
| + | return | ||
| + | |||
| + | output_filename = self.output_entry.get().strip() | ||
| + | if not output_filename: | ||
| + | messagebox.showerror(" | ||
| + | return | ||
| + | |||
| + | # Get the directory of the input file and create full output path | ||
| + | input_dir = os.path.dirname(self.input_file) | ||
| + | output_file = os.path.join(input_dir, | ||
| + | |||
| + | try: | ||
| + | # Parse the LXXPLOT file (XML format) | ||
| + | tree = ET.parse(self.input_file) | ||
| + | root = tree.getroot() | ||
| + | |||
| + | # Find the shape tag using the xpath: / | ||
| + | shape_element = root.find(" | ||
| + | |||
| + | if shape_element is None: | ||
| + | messagebox.showerror(" | ||
| + | "Path '/ | ||
| + | return | ||
| + | |||
| + | # Create the new XML structure: / | ||
| + | new_root = ET.Element(" | ||
| + | kentry = ET.SubElement(new_root, | ||
| + | |||
| + | # Add name, kind, and fname as siblings of custom with user-provided values | ||
| + | name = ET.SubElement(kentry, | ||
| + | name.text = self.name_entry.get().strip() | ||
| + | |||
| + | id_elem = ET.SubElement(kentry, | ||
| + | id_elem.text = self.id_entry.get().strip() | ||
| + | |||
| + | kind = ET.SubElement(kentry, | ||
| + | # Get the value corresponding to the selected display name | ||
| + | selected_display = self.kind_var.get() | ||
| + | kind.text = self.kind_options.get(selected_display, | ||
| + | |||
| + | fname = ET.SubElement(kentry, | ||
| + | fname.text = self.fname_entry.get().strip() | ||
| + | |||
| + | custom = ET.SubElement(kentry, | ||
| + | |||
| + | symbol = ET.SubElement(custom, | ||
| + | group = ET.SubElement(symbol, | ||
| + | shape = ET.SubElement(group, | ||
| + | |||
| + | # Copy the content from shape element to the new shape element | ||
| + | shape.text = shape_element.text | ||
| + | shape.attrib = shape_element.attrib | ||
| + | |||
| + | # Copy all child elements from original shape to new shape | ||
| + | for child in shape_element: | ||
| + | shape.append(child) | ||
| + | |||
| + | # Create and write the new LXKEY file | ||
| + | new_tree = ET.ElementTree(new_root) | ||
| + | ET.indent(new_tree, | ||
| + | new_tree.write(output_file, | ||
| + | |||
| + | self.status_label.config( | ||
| + | text=f" | ||
| + | fg=" | ||
| + | ) | ||
| + | messagebox.showinfo(" | ||
| + | f" | ||
| + | |||
| + | except ET.ParseError as e: | ||
| + | messagebox.showerror(" | ||
| + | f" | ||
| + | self.status_label.config(text=" | ||
| + | except Exception as e: | ||
| + | messagebox.showerror(" | ||
| + | self.status_label.config(text=" | ||
| - | </ | + | if __name__ == " |
| - | | + | |
| - | | + | |
| - | < | + | |
| - | < | + | </code> |
| - | < | + | ==== js version ==== |
| - | <symbol> | + | <code javascript> |
| - | <id> | + | <!DOCTYPE html> |
| - | <group> | + | <html lang=" |
| - | < | + | |
| - | <class> | + | <head> |
| - | <shapes> | + | <meta charset=" |
| - | <shape> | + | <meta name=" |
| - | < | + | <title>Lxplan lib builder</title> |
| - | < | + | <style> |
| - | < | + | body { |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | } |
| - | < | + | |
| - | < | + | |
| - | <drawFl>y</drawFl> | + | |
| - | <flColor> | + | |
| - | < | + | |
| - | < | + | } |
| - | </ | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | < | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | </ | + | |
| - | | + | |
| - | | + | |
| - | </ | + | |
| - | | + | button: |
| - | </ | + | background-color: |
| - | </sxh> | + | } |
| + | |||
| + | .test-result> | ||
| + | font-weight: | ||
| + | padding: 5px; | ||
| + | } | ||
| + | |||
| + | .valid { | ||
| + | color: white; | ||
| + | background-color: | ||
| + | } | ||
| + | |||
| + | .invalid { | ||
| + | color: white; | ||
| + | background-color: | ||
| + | } | ||
| + | |||
| + | .no-answer { | ||
| + | color: black; | ||
| + | background-color: | ||
| + | } | ||
| + | |||
| + | .container { | ||
| + | border: 1px solid black; | ||
| + | border-radius: | ||
| + | margin: 5px; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | | ||
| + | </ | ||
| + | |||
| + | < | ||
| + | < | ||
| + | <div class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | les autres si besoin</li> | ||
| + | < | ||
| + | bibliotheque (voir l' | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | <div class=" | ||
| + | < | ||
| + | < | ||
| + | <input type=" | ||
| + | </ | ||
| + | <div class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | class=" | ||
| + | < | ||
| + | <button onclick=" | ||
| + | </ | ||
| + | <div id=" | ||
| + | < | ||
| + | <div class=" | ||
| + | <div id=" | ||
| + | < | ||
| + | < | ||
| + | <label for=" | ||
| + | <input type=" | ||
| + | </ | ||
| + | < | ||
| + | <label for=" | ||
| + | <input type=" | ||
| + | </ | ||
| + | < | ||
| + | <label for=" | ||
| + | <input type=" | ||
| + | </ | ||
| + | < | ||
| + | <label for=" | ||
| + | <select id=" | ||
| + | <option value=""> | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | <div id=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | Cliquer içi pour editer les champs optionnels | ||
| + | </ | ||
| + | <div id=" | ||
| + | </ | ||
| + | </ | ||
| + | <button id=" | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | < | ||
| + | // declaration des variables | ||
| + | var xmlInputContent = ""; | ||
| + | var xmlOutputContent = ""; | ||
| + | var shape = ""; | ||
| + | var isLxxplot = false; | ||
| + | var hasShape = false; | ||
| + | var hasGroup = false; | ||
| + | var filledOptionalFields = undefined; | ||
| + | var filledFields = []; | ||
| + | var isLxxplotDiv = document.getElementById(" | ||
| + | var hasShapeDiv = document.getElementById(" | ||
| + | var hasGroupDiv = document.getElementById(" | ||
| + | var dataFields = document.getElementById(" | ||
| + | var dataTypeSelect = document.getElementById(' | ||
| + | var dynamicFields = document.getElementById(' | ||
| + | |||
| + | // Tableau des options de la liste de sélection | ||
| + | const selectOptions = [ | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | ]; | ||
| + | |||
| + | // Tableau des champs disponibles | ||
| + | const availableFields = [ | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | { id: " | ||
| + | ]; | ||
| + | |||
| + | // reinitialise les resultats du test de fichier | ||
| + | function resetChecks() { | ||
| + | let content = '< | ||
| + | isLxxplotDiv.innerHTML = content; | ||
| + | hasShapeDiv.innerHTML = content; | ||
| + | hasGroupDiv.innerHTML = content; | ||
| + | dataFields.hidden = true; | ||
| + | } | ||
| + | |||
| + | // action quand le document est bien chargé | ||
| + | document.addEventListener(' | ||
| + | resetChecks(); | ||
| + | fillSelectOptions(); | ||
| + | }); | ||
| + | |||
| + | // Remplit la liste déroulante de type d' | ||
| + | function fillSelectOptions() { | ||
| + | dataTypeSelect.innerHTML = '< | ||
| + | selectOptions.forEach((option) => { | ||
| + | const optElement = document.createElement(" | ||
| + | optElement.value = option.id; | ||
| + | optElement.textContent = option.label; | ||
| + | dataTypeSelect.appendChild(optElement); | ||
| + | }); | ||
| + | } | ||
| + | |||
| + | // ecoute si le type d' | ||
| + | dataTypeSelect.addEventListener(" | ||
| + | const selectedOptionId = dataTypeSelect.value; | ||
| + | displayDynamicFields(selectedOptionId); | ||
| + | }); | ||
| + | |||
| + | // Affiche les champs optionnels en fonction du type d' | ||
| + | function displayDynamicFields(selectedOptionId) { | ||
| + | dynamicFields.innerHTML = "";// | ||
| + | |||
| + | // Trouve l' | ||
| + | const selectedOption = selectOptions.find((option) => option.id === selectedOptionId); | ||
| + | |||
| + | if (!selectedOption || !selectedOption.fields) return; | ||
| + | |||
| + | // Récupère les IDs des champs à afficher | ||
| + | const fieldIds = selectedOption.fields.split(";" | ||
| + | |||
| + | // Affiche chaque champ | ||
| + | fieldIds.forEach((fieldId) => { | ||
| + | |||
| + | const field = availableFields.find((f) => f.id === fieldId); | ||
| + | |||
| + | if (field) { | ||
| + | const fieldDiv = document.createElement(" | ||
| + | fieldDiv.innerHTML = ` | ||
| + | <label for=" | ||
| + | <input type=" | ||
| + | `; | ||
| + | dynamicFields.appendChild(fieldDiv); | ||
| + | } | ||
| + | }); | ||
| + | } | ||
| + | |||
| + | // charge le fichier lxxplot | ||
| + | function loadFile() { | ||
| + | const fileInput = document.getElementById(' | ||
| + | const file = fileInput.files[0]; | ||
| + | if (!file) { | ||
| + | alert(" | ||
| + | return; | ||
| + | } | ||
| + | |||
| + | const reader = new FileReader(); | ||
| + | reader.onload = function (e) { | ||
| + | xmlInputContent = e.target.result; | ||
| + | dataFields.hidden = !runChecks(); | ||
| + | }; | ||
| + | reader.readAsText(file); | ||
| + | } | ||
| + | |||
| + | // verifie le contenu du fichier lxxplot | ||
| + | function runChecks() { | ||
| + | isLxxplot = checkIfValidPath("/ | ||
| + | hasShape = checkIfValidPath("/ | ||
| + | if (hasShape) { | ||
| + | getShape(); | ||
| + | } | ||
| + | hasGroup = checkIfValidPath("/ | ||
| + | return (isLxxplot && hasShape && hasGroup); | ||
| + | } | ||
| + | |||
| + | // petit utilitaire pour tester le contenu du fichier lxxplot | ||
| + | function checkIfValidPath(xpathQuery, | ||
| + | resultDiv = document.getElementById(resultDiv); | ||
| + | let status = parseXml(xpathQuery).status; | ||
| + | resultDiv.innerHTML = status ? '< | ||
| + | return status; | ||
| + | } | ||
| + | |||
| + | // petit utilitaire permettant de tester le xml du fichier lxxplot | ||
| + | function parseXml(xpathQuery) { | ||
| + | try { | ||
| + | // Parser le XML | ||
| + | const parser = new DOMParser(); | ||
| + | const xmlDoc = parser.parseFromString(xmlInputContent, | ||
| + | |||
| + | // Exécuter la requête XPath | ||
| + | const xpathResult = document.evaluate( | ||
| + | xpathQuery, | ||
| + | xmlDoc, | ||
| + | null, | ||
| + | XPathResult.ANY_TYPE, | ||
| + | null | ||
| + | ); | ||
| + | |||
| + | let result = []; | ||
| + | let node = xpathResult.iterateNext(); | ||
| + | while (node) { | ||
| + | result.push(node.textContent); | ||
| + | node = xpathResult.iterateNext(); | ||
| + | } | ||
| + | |||
| + | // Afficher le résultat | ||
| + | if (result.length > 0) { | ||
| + | return { " | ||
| + | } else { | ||
| + | return { " | ||
| + | } | ||
| + | } catch (e) { | ||
| + | console.error(" | ||
| + | return { " | ||
| + | } | ||
| + | } | ||
| + | |||
| + | // reuperer la shape depuis le fichier lxxplot | ||
| + | function getShape() { | ||
| + | try { | ||
| + | // Parser le XML | ||
| + | const parser = new DOMParser(); | ||
| + | const xmlDoc = parser.parseFromString(xmlInputContent, | ||
| + | |||
| + | // Exécuter la requête XPath | ||
| + | const xpathResult = document.evaluate( | ||
| + | "/ | ||
| + | xmlDoc, | ||
| + | null, | ||
| + | XPathResult.FIRST_ORDERED_NODE_TYPE, | ||
| + | null | ||
| + | ); | ||
| + | |||
| + | shape = xpathResult.singleNodeValue; | ||
| + | } catch (e) { | ||
| + | console.error(" | ||
| + | return { " | ||
| + | } | ||
| + | } | ||
| + | |||
| + | // action quand on appuie sur le bouton "creer la librairie" | ||
| + | function buildOutput() { | ||
| + | if (checkFilledFields()) { | ||
| + | buildXmlOutput(); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | // verifier que les champs soient bien remplis | ||
| + | function checkFilledFields() { | ||
| + | filledFields = []; | ||
| + | getFilledChildren(' | ||
| + | if (Object.keys(filledFields).length < 3 || dataTypeSelect.value === '' | ||
| + | alert(" | ||
| + | return false; | ||
| + | } | ||
| + | getFilledChildren(' | ||
| + | return true; | ||
| + | } | ||
| + | |||
| + | function getFilledChildren(id) { | ||
| + | // recupere les champs | ||
| + | const divElement = document.getElementById(id); | ||
| + | const inputNodes = divElement.getElementsByTagName(' | ||
| + | |||
| + | // teste les champs un par un | ||
| + | for (let i = 0; i < inputNodes.length; | ||
| + | if (inputNodes[i].value.trim() !== '' | ||
| + | filledFields.push({ " | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | |||
| + | // fabrique le fichier de sortie et l' | ||
| + | function buildXmlOutput() { | ||
| + | // creation du document xml | ||
| + | const xmlDoc = new DOMParser().parseFromString('< | ||
| + | const root = xmlDoc.documentElement; | ||
| + | |||
| + | // creation des elements basiques | ||
| + | const kentryElement = xmlDoc.createElement(' | ||
| + | const customElement = xmlDoc.createElement(" | ||
| + | const symbolElement = xmlDoc.createElement(" | ||
| + | const groupElement = xmlDoc.createElement(" | ||
| + | const kindElement = xmlDoc.createElement(" | ||
| + | kindElement.textContent = dataTypeSelect.value; | ||
| + | |||
| + | // ajout des elements basiques dans l' | ||
| + | groupElement.appendChild(shape); | ||
| + | symbolElement.appendChild(groupElement); | ||
| + | customElement.appendChild(symbolElement); | ||
| + | kentryElement.appendChild(kindElement); | ||
| + | |||
| + | // ajout de chaque champ rempli | ||
| + | filledFields.forEach((item) => { | ||
| + | const newItem = xmlDoc.createElement(item.id); | ||
| + | newItem.textContent = item.value; | ||
| + | kentryElement.appendChild(newItem); | ||
| + | }); | ||
| + | |||
| + | kentryElement.appendChild(customElement); | ||
| + | root.appendChild(kentryElement); | ||
| + | |||
| + | // conversion en chaine de characteres | ||
| + | const xmlString = "<? | ||
| + | console.log(xmlString); | ||
| + | |||
| + | // creation fichier | ||
| + | const blob = new Blob([xmlString], | ||
| + | const url = URL.createObjectURL(blob); | ||
| + | |||
| + | // envoi du fichier | ||
| + | const a = document.createElement(' | ||
| + | a.href = url; | ||
| + | a.download = ' | ||
| + | a.click(); | ||
| + | |||
| + | // nettoyage | ||
| + | URL.revokeObjectURL(url); | ||
| + | } | ||
| + | </script> | ||
| + | </body> | ||
| + | </ | ||
| + | </ | ||