Skip to content

Commit ac5752e

Browse files
4yxPlanetTheCloud
4yx
and
PlanetTheCloud
committed
Release 2.2.0
Wasn't expecting a new major release so soon, but the legendary @PlanetTheCloud took the time to rewrite Element Changer in a much more efficient way. We decided the numerical system wasn't cutting it, and decided to make changing elements much easier. Thank you, @PlanetTheCloud! Co-Authored-By: Planet Cloud <[email protected]>
1 parent 7fc2af7 commit ac5752e

File tree

11 files changed

+66
-80
lines changed

11 files changed

+66
-80
lines changed

‎altervp/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ const AlterVP = {
5757
}
5858
};
5959
</script>
60-
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.1.0/altervp/altervp.js" type="text/javascript"></script>
60+
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.2.0/altervp/altervp.js" type="text/javascript"></script>
6161
```
6262
Alternatively, you can use our CDN:
6363
```html

‎change-language-link-text-changer/readme.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ The full code, using jsDelivr:
2727
var change_language_link = "your_website_url",
2828
change_language_text = "your_text";
2929
</script>
30-
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.1.0/change-language-link-text-changer/change-language-link-text-changer.js" type="text/javascript"></script>
30+
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.2.0/change-language-link-text-changer/change-language-link-text-changer.js" type="text/javascript"></script>
3131
```
3232
Alternatively, you can use our CDN:
3333
```html

‎change-password-link-text-changer/readme.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ The full code, using jsDelivr:
2626
var change_password_link = "your_website_url",
2727
change_password_text = "your_text";
2828
</script>
29-
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.1.0/change-password-link-text-changer/change-password-link-text-changer.js" type="text/javascript"></script>
29+
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.2.0/change-password-link-text-changer/change-password-link-text-changer.js" type="text/javascript"></script>
3030
```
3131
Alternatively, you can use our CDN:
3232
```html

‎cpanel-logo-to-copyright/readme.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ The full code, using jsDelivr:
4646
}
4747
4848
</script>
49-
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.1.0/cpanel-logo-to-copyright/cpanel-logo-to-copyright.js" type="text/javascript"></script>
49+
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.2.0/cpanel-logo-to-copyright/cpanel-logo-to-copyright.js" type="text/javascript"></script>
5050
```
5151
Alternatively, you can use our CDN:
5252
```html

‎dropdown-bug-fix/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ To solve this, we need an external service which adds the correct type, like jsD
1818

1919
The full code, using jsDelivr:
2020
```html
21-
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.1.0/dropdown-bug-fix/dropdown-bug-fix.js" type="text/javascript"></script>
21+
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.2.0/dropdown-bug-fix/dropdown-bug-fix.js" type="text/javascript"></script>
2222
```
2323
Alternatively, you can use our CDN:
2424
```html

‎element-changer/README.md

+21-59
Original file line numberDiff line numberDiff line change
@@ -8,36 +8,15 @@ You can put it anywhere! We recommend avoiding the left advert area, as it will
88

99
## How can I install it?
1010
You'll first need to declare an array with the name ``changeElements`` within a script tag.
11-
The elements in vPanel are categorized numerically in 11 groups, as shown in the table below:
12-
| No. | Group Names |
13-
|-----|---------------------------- |
14-
| 1 | Preferences |
15-
| 2 | Files |
16-
| 3 | Databases |
17-
| 4 | Domains |
18-
| 5 | Email |
19-
| 6 | Metrics |
20-
| 7 | Security |
21-
| 8 | Software |
22-
| 9 | Advanced |
23-
| 10 | Softaculous Apps Installer |
24-
| 11 | Support |
2511

26-
To change the elements of a group, you will need to declare an object named with the number of that group, which will contain a new array. For example, to modify an element belonging in "Preferences" your object will need to be named 1.
27-
An example on how your code would look will be shown below:
12+
To change the elements of a group, you will need to create an object with the following properties that we'll analyze afterwards:
2813
```js
29-
changeElements = [
30-
{1: [
31-
{contents here}
32-
]}
33-
```
34-
Inside the new array, create an object with the following properties that we'll analyze afterwards:
35-
```js
36-
{item:, attr:, value:}
14+
{name: "Element name", attr: "attribute", value: "new value"}
3715
```
16+
3817
### Properties
3918

40-
In ``item``, you'll assign a numerical value that corresponds with the position of the element you want to modify. Elements are sorted from left to right, or in the order they appear on mobile view, for instance ``1`` is the value of ``Change Password`` in Preferences.
19+
In ``name``, you'll assign a value that corresponds with the name of the element exactly as it appears on the panel. For instance ``"Change Password"`` is what you'll need to enter to modify the Change Password element.
4120

4221
``attr`` is the attribute you wish to modify. There are two main attributes:
4322
``itemdesc`` and ``url``.
@@ -48,30 +27,24 @@ Finally, ``value`` holds the new value of the element you'll be changing, for ex
4827
An example of the code modifying the name and URL of ``Change Password`` to ``Your Domain`` and ``https://yourdomain.com`` respectively can be seen below:
4928
```js
5029
changeElements = [
51-
{1: [
52-
{item: 1, attr: "itemdesc", value: "Your Domain"},
53-
{item: 1, attr: "url", value: "https://yourdomain.com"}
54-
]}
30+
{name: "Change Password", attr: "itemdesc", value: "Your Domain"},
31+
{name: "Change Password", attr: "url", value: "https://yourdomain.com"}
32+
];
5533
```
5634
Objects are separated by commas, so don't forget to include them when adding a new one.
5735

5836
### What is all of this? Where is my ready-to-use code?
59-
If you skipped to this section, I apologise for the length of the previous ones. I tried to analyze the process in the best way I could.
6037
Please read the Properties section before attempting to make your own modifications.
6138

62-
We'll provide a ready code for modifying the URLs of the first two elements of the ``Support`` and ``Email`` groups. Try it out in your panel (with the script, of course) to be able to better understand the process in adding your own objects.
39+
We'll provide a ready code for modifying the names and URLs of ``SiteBuilder`` and ``Softaculous Apps Installer``. Try it out in your panel (with the script, of course) to be able to better understand the process in adding your own objects.
6340
```html
6441
<script type="text/javascript">
6542
changeElements = [
66-
{5: [
67-
{item: 1, attr: "url", value: "https://email.accounts"},
68-
{item: 2, attr: "url", value: "https://forwarde.rs"}
69-
]},
70-
{11: [
71-
{item: 1, attr: "url", value: "https://domain.types"},
72-
{item: 2, attr: "url", value: "https://tutoria.ls"}
73-
]}
74-
]
43+
{name: "SiteBuilder", attr: "itemdesc", value: "VistaPanel Themes"},
44+
{name: "SiteBuilder", attr: "url", value: "https://vpt.cdn.wybenetwork.com"},
45+
{name: "Softaculous Apps Installer", attr: "itemdesc", value: "VistaPanel Customizations"},
46+
{name: "Softaculous Apps Installer", attr: "url", value: "https://vpc.cdn.wybenetwork.com"}
47+
];
7548
</script>
7649
```
7750
### So where's that script, anyway?
@@ -85,7 +58,7 @@ To solve this, we need an external service which adds the correct type, like jsD
8558

8659
The code, using jsDelivr:
8760
```html
88-
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.1.0/element-changer/element-changer.js" type="text/javascript"></script>
61+
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.2.0/element-changer/element-changer.js" type="text/javascript"></script>
8962
```
9063
Alternatively, you can use our CDN:
9164
```html
@@ -95,25 +68,14 @@ A full code utilizing our example and our CDN:
9568
```html
9669
<script type="text/javascript">
9770
changeElements = [
98-
{5: [
99-
{item: 1, attr: "url", value: "https://email.accounts"},
100-
{item: 2, attr: "url", value: "https://forwarde.rs"}
101-
]},
102-
{11: [
103-
{item: 1, attr: "url", value: "https://domain.types"},
104-
{item: 2, attr: "url", value: "https://tutoria.ls"}
105-
]}
106-
]
71+
{name: "SiteBuilder", attr: "itemdesc", value: "VistaPanel Themes"},
72+
{name: "SiteBuilder", attr: "url", value: "https://vpt.cdn.wybenetwork.com"},
73+
{name: "Softaculous Apps Installer", attr: "itemdesc", value: "VistaPanel Customizations"},
74+
{name: "Softaculous Apps Installer", attr: "url", value: "https://vpc.cdn.wybenetwork.com"}
75+
];
10776
</script>
10877
<script src="https://vpc.cdn.wybenetwork.com/element-changer/element-changer.js" type="text/javascript"></script>
10978
```
110-
## Frequently Asked Questions
111-
### Doesn't counting start at 0?
112-
In JavaScript arrays like the one the script is modifying, indeed it does! I have modified the script (subtracting 1) so that counting starts at one, so make sure you don't use 0!
113-
### Why is this so long and complicated?
114-
I wish there was a more simple way to implement it. I don't know, there might be, but this is the easiest one I was able to come up with.
115-
### Won't this break if iFastNet changes the item list?
116-
~~[@BastelPichi, is this you?](https://github.com/WybeNetwork/VistaPanel-Customizations/issues/18#issuecomment-1235768587)~~
117-
Yes, it will, although if iFastNet changes the item list and I/someone in our team/the MOFH community have the time, we will update it.
11879
## Changelog
119-
* Created on 15 August 2022 by [Anyx](https://github.com/4yx)
80+
* Created on 15 August 2022 by [Anyx](https://github.com/4yx)
81+
* Modified on 15 August 2022 by [PlanetCloud](https://github.com/PlanetTheCloud)

‎element-changer/element-changer.js

+35-11
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,40 @@
11
/* @preserve
2-
* Created at 15 September 2022 by Anyx.
2+
* Created at 15 September 2022 by Anyx and modified by PlanetCloud.
33
* DO NOT REMOVE CREDITS!
44
* Created for: Wybe Network.
55
*/
6-
function updatePanelElements(group, item, attr, value) {
7-
PAGE.appGroups[group].items[item][attr] = value;
8-
}
9-
10-
changeElements.forEach(function(index) {
11-
Object.entries(index).forEach(function(element) {
12-
element[1].forEach(function(key) {
13-
updatePanelElements((Object.keys(index)[0] - 1), (key.item - 1), key.attr, key.value)
6+
if (typeof changeElements !== "undefined") {
7+
((changeElements) => {
8+
if (changeElements.length == 0) {
9+
return console.log('ElementChanger: Nothing to modify.');
10+
}
11+
var panelElementsIndex = [],
12+
groupIndex = 0;
13+
PAGE.appGroups.forEach(group => {
14+
var itemIndex = 0;
15+
group.items.forEach(item => {
16+
if (typeof panelElementsIndex[item.itemdesc] == 'undefined') {
17+
panelElementsIndex[item.itemdesc] = [];
18+
}
19+
panelElementsIndex[item.itemdesc].push({
20+
group: groupIndex,
21+
item: itemIndex
22+
});
23+
itemIndex++;
1424
});
15-
});
16-
});
25+
groupIndex++;
26+
});
27+
changeElements.forEach(element => {
28+
if (typeof panelElementsIndex[element.name] !== 'undefined') {
29+
panelElementsIndex[element.name].forEach(e => {
30+
PAGE.appGroups[e.group].items[e.item][element.attr] = element.value;
31+
})
32+
} else {
33+
console.log(`ElementChanger: Trying to change element ${element.name} which does not exist.`);
34+
}
35+
});
36+
console.log('ElementChanger: All modifications have been made.');
37+
})(changeElements);
38+
} else {
39+
console.log("ElementChanger: changeElements variable is not defined. No elements changed.");
40+
}

‎element-changer/element-changer.min.js

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎responsive-domain-search/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ The full code, using jsDelivr:
3232
affCode = "AFFILIATE_CODE_HERE";
3333
*/
3434
</script>
35-
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.1.0/responsive-domain-search/responsive-domain-search.js" type="text/javascript"></script>
35+
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.2.0/responsive-domain-search/responsive-domain-search.js" type="text/javascript"></script>
3636
```
3737
Alternatively, you can use our CDN:
3838
```html

‎sidebar-bug-fix/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ To solve this, we need an external service which adds the correct type, like jsD
1919

2020
The full code, using jsDelivr:
2121
```html
22-
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.1.0/sidebar-bug-fix/sidebar-bug-fix.js" type="text/javascript"></script>
22+
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.2.0/sidebar-bug-fix/sidebar-bug-fix.js" type="text/javascript"></script>
2323
```
2424
Alternatively, you can use our CDN:
2525
```html

‎tutorial-link-changer/readme.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ The full code, using jsDelivr:
4040
tutorial : "YOUR TUTORIAL LINK WITH HTTP(S) PROTOCOL",
4141
}
4242
</script>
43-
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.1.0/tutorial-link-changer/tutorial-link-changer.js" type="text/javascript"></script>
43+
<script src="https://cdn.jsdelivr.net/gh/WybeNetwork/VistaPanel-Customizations@2.2.0/tutorial-link-changer/tutorial-link-changer.js" type="text/javascript"></script>
4444
```
4545
Alternatively, you can use our CDN:
4646
```html

0 commit comments

Comments
 (0)