40-outfitwindow.otui

main 777 lines · 16.9 KB Raw
Alex Alex Commit Client Upload Part 1 19/10/2026 00:04
1MiniPanel < Panel
2 text-offset: 0 3
3 text-align: top
4 image-source: /images/ui/minipanel
5 image-border: 2
6 image-border-top: 19
7 padding-left: 7
8 padding-bottom: 7
9 padding-top: 24
10 padding-right: 7
11 color: #929292
12
13RotateButton < UIButton
14 anchors.bottom: parent.bottom
15 size: 20 20
16 margin-bottom: 3
17 image-source: /images/ui/rotate_button
18 image-color: #dfdfdf
19
20 $hover:
21 image-color: #ffffff
22
23PresetButton < Panel
24 height: 100
25 image-source: /images/ui/button
26 image-color: #dfdfdf
27 image-clip: 0 0 22 23
28 image-border: 3
29 border: 1 alpha
30 focusable: true
31 phantom: false
32
33 $hover:
34 image-color: #ffffff
35
36 $focus:
37 border: 1 white
38 image-color: #ffffff
39
40 UICreature
41 id: creature
42 anchors.centerIn: parent
43 size: 64 64
44 margin-bottom: 10
45 phantom: true
46
47 Label
48 id: title
49 anchors.top: creature.bottom
50 anchors.bottom: parent.bottom
51 anchors.left: parent.left
52 anchors.right: parent.right
53 margin-left: 5
54 margin-right: 5
55 margin-bottom: 5
56 text-align: bottom
57 text-wrap: true
58
59 Panel
60 id: rename
61 anchors.bottom: parent.bottom
62 anchors.left: parent.left
63 anchors.right: parent.right
64 height: 23
65 margin-left: 5
66 margin-right: 5
67 margin-bottom: 5
68 visible: false
69
70 TextEdit
71 id: input
72 anchors.top: parent.top
73 anchors.bottom: parent.bottom
74 anchors.left: parent.left
75 width: 150
76 placeholder: Preset Name
77 max-length: 24
78
79 Button
80 id: save
81 anchors.top: parent.top
82 anchors.right: parent.right
83 anchors.left: prev.right
84 margin-left: 5
85 text: Save
86
87SelectionButton < Panel
88 image-source: /images/ui/button
89 image-color: #dfdfdf
90 image-clip: 0 0 22 23
91 image-border: 3
92 border: 1 alpha
93 focusable: true
94 phantom: false
95
96 $hover:
97 image-color: #ffffff
98
99 $focus:
100 border: 1 white
101 image-color: #ffffff
102
103 UICreature
104 id: outfit
105 anchors.centerIn: parent
106 size: 64 64
107 margin-bottom: 10
108 phantom: true
109
110 Panel
111 id: bar
112 anchors.centerIn: parent
113 visible: false
114
115 Label
116 id: name
117 anchors.top: outfit.bottom
118 anchors.bottom: parent.bottom
119 anchors.left: parent.left
120 anchors.right: parent.right
121 margin-left: 5
122 margin-right: 5
123 margin-bottom: 5
124 text-align: bottom
125 text-wrap: true
126
127OutfitWindow < MainWindow
128 size: 735 560
129 text: Customise Character
130 color: #929292
131 @onEnter: modules.game_outfit.accept()
132 @onEscape: modules.game_outfit.destroy()
133
134 MiniPanel
135 id: preview
136 anchors.top: parent.top
137 anchors.left: parent.left
138 size: 469 220
139 text: Preview
140
141 Panel
142 id: options
143 anchors.top: parent.top
144 anchors.left: parent.left
145 anchors.bottom: parent.bottom
146 width: 118
147 layout:
148 type: verticalBox
149 spacing: 5
150
151 FlatPanel
152 id: showFloor
153 height: 22
154 padding: 5
155
156 CheckBox
157 id: check
158 anchors.verticalCenter: parent.verticalCenter
159 anchors.left: parent.left
160 anchors.right: parent.right
161 text: Show Floor
162
163 FlatPanel
164 id: showOutfit
165 height: 22
166 padding: 5
167
168 CheckBox
169 id: check
170 anchors.verticalCenter: parent.verticalCenter
171 anchors.left: parent.left
172 anchors.right: parent.right
173 text: Show Outfit
174 checked: true
175
176 FlatPanel
177 id: showMount
178 height: 22
179 padding: 5
180
181 CheckBox
182 id: check
183 anchors.verticalCenter: parent.verticalCenter
184 anchors.left: parent.left
185 anchors.right: parent.right
186 text: Show Mount
187
188 FlatPanel
189 id: showWings
190 height: 22
191 padding: 5
192
193 CheckBox
194 id: check
195 anchors.verticalCenter: parent.verticalCenter
196 anchors.left: parent.left
197 anchors.right: parent.right
198 text: Show Wings
199
200 FlatPanel
201 id: showAura
202 height: 22
203 padding: 5
204
205 CheckBox
206 id: check
207 anchors.verticalCenter: parent.verticalCenter
208 anchors.left: parent.left
209 anchors.right: parent.right
210 text: Show Aura
211
212 FlatPanel
213 id: showEffect
214 height: 22
215 padding: 5
216
217 CheckBox
218 id: check
219 anchors.verticalCenter: parent.verticalCenter
220 anchors.left: parent.left
221 anchors.right: parent.right
222 text: Show Effect
223
224 FlatPanel
225 id: showShader
226 height: 22
227 padding: 5
228
229 CheckBox
230 id: check
231 anchors.verticalCenter: parent.verticalCenter
232 anchors.left: parent.left
233 anchors.right: parent.right
234 text: Show Shader
235
236 FlatPanel
237 id: showBars
238 height: 22
239 padding: 5
240
241 CheckBox
242 id: check
243 anchors.verticalCenter: parent.verticalCenter
244 anchors.left: parent.left
245 anchors.right: parent.right
246 text: Show Bars
247
248 FlatPanel
249 id: panel
250 anchors.top: parent.top
251 anchors.left: prev.right
252 anchors.right: parent.right
253 anchors.bottom: parent.bottom
254 padding: 1
255 margin-left: 5
256 clipping: true
257
258 Panel
259 id: floor
260 anchors.centerIn: parent
261 size: 448 448
262 layout:
263 type: grid
264 cell-size: 64 64
265 flow: true
266
267 UICreature
268 id: creature
269 anchors.centerIn: parent
270 size: 128 128
271 margin-right: 32
272 margin-bottom: 32
273 outfit-shader: outfit_default
274
275 Panel
276 id: bars
277 anchors.horizontalCenter: prev.horizontalCenter
278 anchors.top: prev.top
279 margin-top: 47
280 margin-left: 28
281 size: 300 32
282
283 Label
284 id: name
285 anchors.top: parent.top
286 anchors.left: parent.left
287 anchors.right: parent.right
288 font: verdana-11px-rounded
289 color: #00BC00
290 text-align: center
291
292 Panel
293 id: healthBar
294 anchors.top: name.bottom
295 anchors.horizontalCenter: name.horizontalCenter
296 size: 27 4
297 margin-top: 1
298 background: #00BC00
299 border: 1 black
300
301 Panel
302 id: image
303 anchors.centerIn: parent
304
305 Panel
306 id: manaBar
307 anchors.top: prev.bottom
308 anchors.horizontalCenter: name.horizontalCenter
309 size: 27 4
310 background: #0000FF
311 border: 1 black
312
313 Panel
314 id: image
315 anchors.centerIn: parent
316
317 ChaseModeBox
318 id: movement
319 anchors.top: parent.top
320 anchors.left: parent.left
321 margin-top: 3
322 margin-left: 3
323 image-color: #dfdfdf
324 tooltip: Enable/Disable movement animation
325
326 $hover:
327 image-color: #ffffff
328
329 RotateButton
330 anchors.left: parent.left
331 margin-left: 3
332 image-clip: 0 0 20 20
333 @onClick: modules.game_outfit.rotate(1)
334
335 $pressed:
336 image-clip: 0 20 20 20
337
338 RotateButton
339 anchors.right: parent.right
340 margin-right: 3
341 image-clip: 20 0 20 20
342 @onClick: modules.game_outfit.rotate(-1)
343
344 $pressed:
345 image-clip: 20 20 20 20
346
347 MiniPanel
348 id: configure
349 anchors.top: prev.bottom
350 anchors.bottom: separator.top
351 anchors.left: parent.left
352 width: 130
353 margin-top: 5
354 margin-bottom: 5
355 text: Configure
356 layout:
357 type: verticalBox
358 spacing: 5
359
360 FlatPanel
361 id: addon1
362 height: 22
363 padding: 5
364
365 CheckBox
366 id: check
367 anchors.verticalCenter: parent.verticalCenter
368 anchors.left: parent.left
369 anchors.right: parent.right
370 text: Addon 1
371
372 FlatPanel
373 id: addon2
374 height: 22
375 padding: 5
376
377 CheckBox
378 id: check
379 anchors.verticalCenter: parent.verticalCenter
380 anchors.left: parent.left
381 anchors.right: parent.right
382 text: Addon 2
383
384 FlatPanel
385 id: mount
386 height: 22
387 padding: 5
388
389 CheckBox
390 id: check
391 anchors.verticalCenter: parent.verticalCenter
392 anchors.left: parent.left
393 anchors.right: parent.right
394 text: Mount
395
396 MiniPanel
397 id: appearance
398 anchors.top: preview.bottom
399 anchors.left: prev.right
400 anchors.right: preview.right
401 anchors.bottom: prev.bottom
402 margin-top: 5
403 margin-left: 5
404 text: Change Appearance
405
406 ScrollablePanel
407 id: settings
408 anchors.top: parent.top
409 anchors.left: parent.left
410 anchors.right: parent.right
411 image-source: /images/ui/panel_flat
412 image-border: 1
413 padding: 5
414 padding-right: 15
415 height: 86
416 vertical-scrollbar: scrollbar
417 layout:
418 type: verticalBox
419 spacing: 2
420
421 Panel
422 id: preset
423 height: 20
424
425 CheckBox
426 id: check
427 anchors.verticalCenter: parent.verticalCenter
428 anchors.left: parent.left
429 image-source: /images/ui/checkbox_round
430 text-offset: 15 0
431 text: Preset:
432 width: 84
433
434 FlatPanel
435 id: name
436 anchors.top: parent.top
437 anchors.bottom: parent.bottom
438 anchors.left: prev.right
439 anchors.right: parent.right
440 text: -
441
442 Panel
443 id: outfit
444 height: 20
445
446 CheckBox
447 id: check
448 anchors.verticalCenter: parent.verticalCenter
449 anchors.left: parent.left
450 image-source: /images/ui/checkbox_round
451 text-offset: 15 0
452 text: Outfit:
453 width: 84
454
455 FlatPanel
456 id: name
457 anchors.top: parent.top
458 anchors.bottom: parent.bottom
459 anchors.left: prev.right
460 anchors.right: parent.right
461
462 Panel
463 id: mount
464 height: 20
465
466 CheckBox
467 id: check
468 anchors.verticalCenter: parent.verticalCenter
469 anchors.left: parent.left
470 image-source: /images/ui/checkbox_round
471 text-offset: 15 0
472 text: Mount:
473 width: 84
474
475 FlatPanel
476 id: name
477 anchors.top: parent.top
478 anchors.bottom: parent.bottom
479 anchors.left: prev.right
480 anchors.right: parent.right
481
482 Panel
483 id: wings
484 height: 20
485
486 CheckBox
487 id: check
488 anchors.verticalCenter: parent.verticalCenter
489 anchors.left: parent.left
490 image-source: /images/ui/checkbox_round
491 text-offset: 15 0
492 text: Wings:
493 width: 84
494
495 FlatPanel
496 id: name
497 anchors.top: parent.top
498 anchors.bottom: parent.bottom
499 anchors.left: prev.right
500 anchors.right: parent.right
501
502 Panel
503 id: aura
504 height: 20
505
506 CheckBox
507 id: check
508 anchors.verticalCenter: parent.verticalCenter
509 anchors.left: parent.left
510 image-source: /images/ui/checkbox_round
511 text-offset: 15 0
512 text: Aura:
513 width: 84
514
515 FlatPanel
516 id: name
517 anchors.top: parent.top
518 anchors.bottom: parent.bottom
519 anchors.left: prev.right
520 anchors.right: parent.right
521
522 Panel
523 id: effect
524 height: 20
525
526 CheckBox
527 id: check
528 anchors.verticalCenter: parent.verticalCenter
529 anchors.left: parent.left
530 image-source: /images/ui/checkbox_round
531 text-offset: 15 0
532 text: Effect:
533 width: 84
534
535 FlatPanel
536 id: name
537 anchors.top: parent.top
538 anchors.bottom: parent.bottom
539 anchors.left: prev.right
540 anchors.right: parent.right
541
542 Panel
543 id: shader
544 height: 20
545
546 CheckBox
547 id: check
548 anchors.verticalCenter: parent.verticalCenter
549 anchors.left: parent.left
550 image-source: /images/ui/checkbox_round
551 text-offset: 15 0
552 text: Shader:
553 width: 84
554
555 FlatPanel
556 id: name
557 anchors.top: parent.top
558 anchors.bottom: parent.bottom
559 anchors.left: prev.right
560 anchors.right: parent.right
561
562 Panel
563 id: healthBar
564 height: 20
565
566 CheckBox
567 id: check
568 anchors.verticalCenter: parent.verticalCenter
569 anchors.left: parent.left
570 image-source: /images/ui/checkbox_round
571 text-offset: 15 0
572 text: Health Bar:
573 width: 84
574
575 FlatPanel
576 id: name
577 anchors.top: parent.top
578 anchors.bottom: parent.bottom
579 anchors.left: prev.right
580 anchors.right: parent.right
581
582 Panel
583 id: manaBar
584 height: 20
585
586 CheckBox
587 id: check
588 anchors.verticalCenter: parent.verticalCenter
589 anchors.left: parent.left
590 image-source: /images/ui/checkbox_round
591 text-offset: 15 0
592 text: Mana Bar:
593 width: 84
594
595 FlatPanel
596 id: name
597 anchors.top: parent.top
598 anchors.bottom: parent.bottom
599 anchors.left: prev.right
600 anchors.right: parent.right
601
602 VerticalScrollBar
603 id: scrollbar
604 anchors.top: settings.top
605 anchors.right: settings.right
606 anchors.bottom: settings.bottom
607 step: 24
608 pixel-scroll: true
609
610 Panel
611 id: colorMode
612 anchors.top: prev.bottom
613 anchors.left: parent.left
614 anchors.right: parent.right
615 anchors.bottom: next.top
616 margin-top: 3
617 margin-bottom: 3
618 layout: horizontalBox
619
620 ButtonBox
621 id: head
622 width: 80
623 text: Head
624 ButtonBox
625 id: primary
626 width: 80
627 text: Primary
628 ButtonBox
629 id: secondary
630 width: 80
631 text: Secondary
632 ButtonBox
633 id: detail
634 width: 81
635 text: Detail
636
637 Panel
638 id: colorBoxPanel
639 anchors.left: parent.left
640 anchors.right: parent.right
641 anchors.bottom: parent.bottom
642 height: 117
643 layout:
644 type: grid
645 cell-size: 15 15
646 cell-spacing: 2
647 num-columns: 19
648 num-lines: 7
649
650 MiniPanel
651 id: presetButtons
652 anchors.top: parent.top
653 anchors.left: preview.right
654 anchors.right: parent.right
655 margin-left: 5
656 padding-left: 21
657 height: 50
658 text: Manage Presets
659 layout:
660 type: horizontalBox
661 spacing: 5
662
663 Button
664 text: New
665 width: 43
666 font: cipsoftFont
667 @onClick: modules.game_outfit.newPreset()
668
669 Button
670 text: Rename
671 width: 43
672 font: cipsoftFont
673 @onClick: modules.game_outfit.renamePreset()
674
675 Button
676 text: Save
677 width: 43
678 font: cipsoftFont
679 @onClick: modules.game_outfit.savePreset()
680
681 Button
682 text: Delete
683 width: 43
684 font: cipsoftFont
685 @onClick: modules.game_outfit.deletePreset()
686
687 MiniPanel
688 id: listSearch
689 anchors.top: parent.top
690 anchors.left: preview.right
691 anchors.right: parent.right
692 margin-left: 5
693 height: 50
694 text: Filter
695
696 TextEdit
697 id: search
698 anchors.fill: parent
699 placeholder: Search by name
700
701 ScrollablePanel
702 id: presetsList
703 anchors.top: presetButtons.bottom
704 anchors.left: presetButtons.left
705 anchors.right: parent.right
706 anchors.bottom: separator.top
707 margin-top: 5
708 margin-bottom: 5
709 image-source: /images/ui/panel_flat
710 image-border: 1
711 padding: 4
712 padding-right: 15
713 vertical-scrollbar: presetsScroll
714 auto-focus: none
715 visible: false
716 layout:
717 type: verticalBox
718 spacing: 2
719
720 VerticalScrollBar
721 id: presetsScroll
722 anchors.top: presetsList.top
723 anchors.right: presetsList.right
724 anchors.bottom: presetsList.bottom
725 step: 80
726 pixel-scroll: true
727 visible: false
728
729 ScrollablePanel
730 id: selectionList
731 anchors.top: presetButtons.bottom
732 anchors.left: presetButtons.left
733 anchors.right: parent.right
734 anchors.bottom: separator.top
735 margin-top: 5
736 margin-bottom: 5
737 image-source: /images/ui/panel_flat
738 image-border: 1
739 padding: 4
740 padding-right: 16
741 vertical-scrollbar: selectionScroll
742 layout:
743 type: grid
744 cell-size: 104 104
745 cell-spacing: 2
746 flow: true
747
748 VerticalScrollBar
749 id: selectionScroll
750 anchors.top: selectionList.top
751 anchors.right: selectionList.right
752 anchors.bottom: selectionList.bottom
753 step: 80
754 pixel-scroll: true
755
756 HorizontalSeparator
757 id: separator
758 anchors.bottom: parent.bottom
759 anchors.left: parent.left
760 anchors.right: parent.right
761 margin-bottom: 30
762
763 Button
764 anchors.bottom: parent.bottom
765 anchors.right: parent.right
766 text: Cancel
767 width: 65
768 @onClick: modules.game_outfit.destroy()
769
770 Button
771 anchors.bottom: parent.bottom
772 anchors.right: prev.left
773 text: Ok
774 width: 55
775 margin-right: 5
776 @onClick: modules.game_outfit.accept()
777
Top