Assets/index.html at master · PaladinsDev/Assets · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.4/css/bulma.min.css" integrity="sha256-8B1OaG0zT7uYA572S2xOxWACq9NXYPQ+U5kHPV1bJN4=" crossorigin="anonymous" />
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue-resource@1.5.1"></script>
    <title>Assets / Paladins Dev</title>
</head>
<body>
    <div id="app">
        <nav class="navbar is-dark" role="navigation" aria-label="main navigation">
            <div class="navbar-brand">
                <a class="navbar-item" href="/">Assets</a>

                <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
                    <span aria-hidden="true"></span>
                    <span aria-hidden="true"></span>
                    <span aria-hidden="true"></span>
                </a>
            </div>

            <div id="navbarBasicExample" class="navbar-menu">
                <div class="navbar-end">
                    <div class="navbar-item">
                        <div class="buttons">
                            <a href="https://github.com/PaladinsDev/Assets" class="button is-light">View GitHub Repo</a>
                        </div>
                    </div>
                </div>
            </div>
        </nav>

        <div class="container">
            <!-- Header image -->
            <section class="section" align="center">
                <img src="./miscellaneous/Home_I28D.png"/>
            </section>

            <!-- Assets About -->
            <section class="section">
                <h1 class="is-size-3">Assets</h1>
                <p>
                    This repository is a dedicated collection of image and any other assets directly from Paladins and Hi-Rez stored here for easy access for developers to use for their Paladins related projects.
                </p>

                <p>
                    We make no gurantee of accuracy of every item as it's from a variety of sources and can be exported and uploaded incorrectly.
                </p>
            </section>

            <section class="section">
                <h1 class="is-size-3">Pull Requests</h1>
                <p>
                    Pull requests are more than welcome as long as you can provide the asset source and it does not contained assets that were obtained through "unethical" means (no leaks). We're storing released assets, not finding leaks.
                </p>
            </section>

            <!-- File List -->
            <section class="section">
                <h1 class="is-size-3">File List</h1>
                <p>
                    You'll see a variety of filenames, this is because this is how they're exported. If you want to submit a PR changing the filenames to be more "accurate" then feel free too. It all depends on the source it was obtained from. This list is manually generated (via <kbd>filelist.php</kbd>), therefore it may not be 100% accurate to the repository.
                </p>
                <hr>
                <file-list :files="files" :index="0"></file-list>
            </section>

            <section class="section">
                    <h1 class="is-size-3">Source List</h1>
                    <ul>
                        <li>Paladins (exported directly from game, UPKs extracted)</li>
                        <li>Paladins Website</li>
                    </ul>
                </section>
        </div>

        <footer class="footer">
            <div class="content has-text-centered">
                <p>
                    Assets compiled by <a href="https://paladinsdev.com">Paladins Dev</a>. All data provided is a property of Paladins™ and Hi-Rez Studios®. We're providing only what developers can find useful for their projects. Hi-Rez Studios® is a trademark or registered trademark of Hi-Rez Studios, Inc. in the United States and other countries. Paladins™ is a trademark of Hi-Rez Studios, Inc. in the United States and other countries.
                </p>
            </div>
        </footer>
    </div>

    <script>
        Vue.component('file-list', {
            props: ['files', 'parentfolder', 'index'],
            template: `<div><div v-if="files != null" v-for="(file, folder) in files">
                    <div v-if="file instanceof Array || file instanceof Object">
                        <file-list :files="file" :index="index+1" :parentfolder="parentfolder != null ? parentfolder + '/' + folder : folder"></file-list>
                    </div>
                    <div v-else>
                        <div>
                            <span :style="'padding-left:' + (0.75 * index) + 'rem;'"></span>|-- <a :href="'./' + (parentfolder != null ? parentfolder + '/' + file : file)"><span v-if="parentfolder">{{ parentfolder }}/</span>{{ file }}</a>
                        </div>
                    </div>
                </div></div>`,
        })

        var app = new Vue({
            el: '#app',
            data: {
                files: null,
            },

            mounted: function() {
                this.getFileList();
            },

            methods: {
                getFileList() {
                    this.$http.get('files.json').then((response) => {
                        if (response.status == 200) {
                            this.files = response.body;
                        }
                    });

                    // var filelist;
                    // var request = new XMLHttpRequest();
                    // request.open('GET', 'files.json', true);

                    // request.onload = function() {
                    //     if (request.status >= 200 && request.status < 400) {
                    //         filelist = JSON.parse(request.responseText);
                    //     }
                    // };

                    // request.send();
                    // console.log(filelist);

                    // this.files = filelist;
                }
            }
        });
    </script>
</body>
</html>