5
5
as its repository, name, architecture, URL, licenses, groups, dependencies, conflicts, download size,
6
6
installed size, packager, build date, and checksums. The dialog includes a close button to dismiss it. -->
7
7
8
- < div class ="overlay " id ="overlaySelected "> </ div >
9
- < dialog id ="pkgselected " class ="middle center no-padding ">
10
-
11
- < a class ="close-modal-icon right small-padding " data-ui ="#pkgselected "
12
- x-on:click ="showPkgInfoModal = false; "> < i > close</ i > </ a >
13
-
14
-
15
- < div class ="medium-space " x-show ="markedForInstall.length > 0 ">
16
- < table class ="stripes no-space ">
17
- <!-- <thead>
18
- <tr>
19
- <th>Header</th>
20
- <th>Header</th>
21
- <th>Header</th>
22
- </tr>
23
- </thead> -->
24
- < tbody >
25
- <!-- Exibe itens do tipo Nativo -->
26
- < template x-for ="item in markedForInstall.filter(item => item.type === 'p') ">
27
- < tr >
28
- < td x-html ="packageFormat(item.type) "> </ td >
29
- < td x-text ="item.p "> </ td >
30
- </ tr >
31
- </ template >
32
- <!-- Exibe itens do tipo AUR -->
33
- < template x-for ="item in markedForInstall.filter(item => item.type === 'a') ">
34
- < tr >
35
- < td > AUR</ td >
36
- < td x-text ="item.p "> </ td >
37
- </ tr >
38
- </ template >
39
- <!-- Exibe itens do tipo Flatpak -->
40
- < template x-for ="item in markedForInstall.filter(item => item.type === 'f') ">
41
- < tr >
42
- < td > Flatpak</ td >
43
- < td x-text ="item.p "> </ td >
44
- </ tr >
45
- </ template >
46
- <!-- Exibe itens do tipo Snap -->
47
- < template x-for ="item in markedForInstall.filter(item => item.type === 's') ">
48
- < tr >
49
- < td > Snap</ td >
50
- < td x-text ="item.p "> </ td >
51
- </ tr >
52
- </ template >
53
- </ tbody >
54
- </ table >
55
- </ div >
56
- <!-- Display package information -->
57
- </ dialog >
8
+ < div class ="overlay " id ="overlaySelected "> </ div >
9
+ < dialog id ="pkgselected " class ="middle center no-padding ">
10
+ < a class ="close-modal-icon right small-padding " data-ui ="#pkgselected " x-on:click ="showPkgInfoModal = false; ">
11
+ < i > close</ i >
12
+ </ a >
13
+ < h5 class ="center-align " stonejs > Alterações marcadas</ h5 >
14
+ <!-- Pacotes a serem removidos -->
15
+ < template x-if ="markedForRemoval.length > 0 ">
16
+ < div >
17
+ < div class ="table-title-remove " stonejs > Remover</ div >
18
+ < table class ="table table-striped border-left-remove ">
19
+ < tbody >
20
+ < template x-for ="(item, index) in markedForRemoval " :key ="`${item.p}-${item.type}` ">
21
+ < tr >
22
+ < td x-text ="item.p "> </ td >
23
+ < td x-text ="item.v "> </ td >
24
+ < td class ="result-pkg-style " :class ="{ 'show-text': index === 0 || item.type !== markedForRemoval[index - 1].type, 'pkg-native-color': item.type === 'p', 'pkg-aur-color': item.type === 'a', 'pkg-flatpak-color': item.type === 'f', 'pkg-snap-color': item.type === 's' } ">
25
+ < div x-text ="getPackageTypeName(item.type) "> </ div >
26
+ </ td >
27
+ </ tr >
28
+ </ template >
29
+ </ tbody >
30
+ </ table >
31
+ </ div >
32
+ </ template >
33
+
34
+ <!-- Pacotes a serem instalados -->
35
+ < template x-if ="markedForInstall.length > 0 ">
36
+ < div >
37
+ < div class ="table-title-install " stonejs > Instalar</ div >
38
+ < table class ="table table-striped border-left-install ">
39
+ < tbody >
40
+ < template x-for ="(item, index) in markedForInstall " :key ="`${item.p}-${item.type}` ">
41
+ < tr >
42
+ < td x-text ="item.p "> </ td >
43
+ < td x-text ="item.v "> </ td >
44
+ < td :class ="{ 'show-text': index === 0 || item.type !== markedForInstall[index - 1].type, 'pkg-native-color': item.type === 'p', 'pkg-aur-color': item.type === 'a', 'pkg-flatpak-color': item.type === 'f', 'pkg-snap-color': item.type === 's' } ">
45
+ < div x-text ="getPackageTypeName(item.type) "> </ div >
46
+ </ td >
47
+ </ tr >
48
+ </ template >
49
+ </ tbody >
50
+ </ table >
51
+ </ div >
52
+ </ template >
53
+
54
+ <!-- Pacotes a serem atualizados -->
55
+ < template x-if ="markedForUpdate.length > 0 ">
56
+ < div >
57
+ < div class ="table-title-update " stonejs > Atualizar</ div >
58
+ < table class ="table table-striped border-left-update ">
59
+ < tbody >
60
+ < template x-for ="(item, index) in markedForUpdate " :key ="`${item.p}-${item.type}` ">
61
+ < tr >
62
+ < td x-text ="item.p "> </ td >
63
+ < td x-text ="item.v "> </ td >
64
+ < td :class ="{ 'show-text': index === 0 || item.type !== markedForUpdate[index - 1].type, 'pkg-native-color': item.type === 'p', 'pkg-aur-color': item.type === 'a', 'pkg-flatpak-color': item.type === 'f', 'pkg-snap-color': item.type === 's' } ">
65
+ < div x-text ="getPackageTypeName(item.type) "> </ div >
66
+ </ td >
67
+ </ tr >
68
+ </ template >
69
+ </ tbody >
70
+ </ table >
71
+ </ div >
72
+ </ template >
73
+
74
+ <!-- Display package information -->
75
+ </ dialog >
76
+
0 commit comments