Trying to mod SkyUI's favorites menu, need some help

[AdamvsMaximvs]

I'd like to modify SkyUI's favorites menu to separate shouts and magic disciplines into separate tabs,  but not have a screen filling setup like Categorized favorites menu. I made a quick image of what I'm thinking of here; https://imgur.com/gallery/YnJJrYq

I've gotten the source files for SkyUI from git hub, and have found the 6 .as files and 1 .fla file that make up the favorites menu. I've figured out that favoritemenu.as should change the various btnAid lines to btnshout, btnrestoration, etc. But I'm really struggling to get anywhere past that point.

 

Does anyone have some good tutorials for modifying the .as files and adding extra tiles to the .fla so I have the multiple magic disciplines? Everything I'm finding on youtube is for general animation tutorials or old flash UI guides that don't seem to match the current setup in adobe animate.

I'm not a programmer or a modder, so I'm feeling more than a little lost trying this

[AdamvsMaximvs]

Looking further into this, there are 7 files that compose the favorites menu in SkyUI inside of src>FavoritesMenu
They are;
FavoritesIconSetter.as
FavoritesListEnry.as
FavoritesMenu.as
FilterDataExtender.as
GroupButton.as
GroupButtonDataExtender.as
FavoritesMenu.fla

So far looking at some of the files, I don't think changes are required in;
-FavoritesIconSetter.as
-FavoritesListEndry.as
-GroupButton.as (I think, there's not a lot to this file)
-GroupDataExtender.as

Changes should be required in;
-FavoritesMenu.as
Under Stage elements at line 98 I'm assuming 'public var btnMagic: Button;

Will need to become something like
    public var btnShout: Button;
    public var btnAlteration: Button;
    public var btnConjuration: Button;
    public var btnDestruction: Button;
    public var btnIllusion: Button;
    public var btnRestoration: Button;

Under public function @API at line 231 I'm asuming a similar change is required from         
    btnMagic.group = _categoryButtonGroup;
to
    btnShout.group = _categoryButtonGroup;
    btnAlteration.group = _categoryButtonGroup;
    btnConjuration.group = _categoryButtonGroup;
    btnDestruction.group = _categoryButtonGroup;
    btnIllusion.group = _categoryButtonGroup;
    btnRestoration.group = _categoryButtonGroup;

also, under /*Private functions */ additional changes would be needed

btnMagic.disabled = true;
and
btnMagic.visible = fasle;
would all need to be replaced with the individual schools as above.

-FilterDataExtender.as
16    public static var FILTERFLAG_MAGIC        = 0x00000008;

This line is going to have to get broken into several like;
public static var FILTERFLAG_SHOUT
public static var FILTERFLAG_ALTERATION
public static var FILTERFLAG_CONJURATION
public static var FILTERFLAG_DESTRUCTION
public static var FILTERFLAG_ILLUSION
public static var FILTERFLAG_RESTORATION

but I'm not really sure how those hex values/offsets are determined or where you'd get them.

on line 74 there's also
            case Form.TYPE_SPELL:
            case Form.TYPE_SHOUT:
            case Form.TYPE_SCROLLITEM:

Now I'm not sure if those will require changing or not. 

The remaining changes would have to be of the 'FavoritesMenu.fla', moving and changing icons and increasing the size of the favorites window, which is proving harder than I thought. 

Does this sound like I'm on the right path so far? SkyUI's source code is here for anyone willing to help and review;

https://github.com/schlangster/skyui

Edited February 10, 2021 by AdamvsMaximvs