mirror of
				https://github.com/TeamPiped/Piped.git
				synced 2024-08-14 23:57:27 +00:00 
			
		
		
		
	Move frontend config loading to App.vue.
This commit is contained in:
		
							parent
							
								
									8901a97fcb
								
							
						
					
					
						commit
						1265044854
					
				
					 2 changed files with 30 additions and 10 deletions
				
			
		
							
								
								
									
										11
									
								
								src/App.vue
									
										
									
									
									
								
							
							
						
						
									
										11
									
								
								src/App.vue
									
										
									
									
									
								
							| 
						 | 
				
			
			@ -9,7 +9,7 @@
 | 
			
		|||
            </router-view>
 | 
			
		||||
        </div>
 | 
			
		||||
 | 
			
		||||
        <FooterComponent />
 | 
			
		||||
        <FooterComponent :config="config" />
 | 
			
		||||
    </div>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -27,6 +27,7 @@ export default {
 | 
			
		|||
    data() {
 | 
			
		||||
        return {
 | 
			
		||||
            theme: "dark",
 | 
			
		||||
            config: null,
 | 
			
		||||
        };
 | 
			
		||||
    },
 | 
			
		||||
    mounted() {
 | 
			
		||||
| 
						 | 
				
			
			@ -35,6 +36,14 @@ export default {
 | 
			
		|||
            this.setTheme();
 | 
			
		||||
        });
 | 
			
		||||
 | 
			
		||||
        this.fetchJson(this.authApiUrl() + "/config")
 | 
			
		||||
            .then(config => {
 | 
			
		||||
                this.config = config;
 | 
			
		||||
            })
 | 
			
		||||
            .then(() => {
 | 
			
		||||
                this.onConfigLoaded();
 | 
			
		||||
            });
 | 
			
		||||
 | 
			
		||||
        if ("indexedDB" in window) {
 | 
			
		||||
            const request = indexedDB.open("piped-db", 5);
 | 
			
		||||
            request.onupgradeneeded = ev => {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -29,6 +29,15 @@
 | 
			
		|||
 | 
			
		||||
<script>
 | 
			
		||||
export default {
 | 
			
		||||
<<<<<<< Updated upstream
 | 
			
		||||
=======
 | 
			
		||||
    props: {
 | 
			
		||||
        config: {
 | 
			
		||||
            type: Object,
 | 
			
		||||
            required: true,
 | 
			
		||||
        },
 | 
			
		||||
    },
 | 
			
		||||
>>>>>>> Stashed changes
 | 
			
		||||
    data() {
 | 
			
		||||
        return {
 | 
			
		||||
            donationHref: null,
 | 
			
		||||
| 
						 | 
				
			
			@ -36,16 +45,18 @@ export default {
 | 
			
		|||
            privacyPolicyHref: null,
 | 
			
		||||
        };
 | 
			
		||||
    },
 | 
			
		||||
    mounted() {
 | 
			
		||||
        this.fetchConfig();
 | 
			
		||||
    props: {
 | 
			
		||||
        config: {
 | 
			
		||||
            type: Object,
 | 
			
		||||
        },
 | 
			
		||||
    },
 | 
			
		||||
    methods: {
 | 
			
		||||
        async fetchConfig() {
 | 
			
		||||
            this.fetchJson(this.apiUrl() + "/config").then(config => {
 | 
			
		||||
                this.donationHref = config?.donationUrl;
 | 
			
		||||
                this.statusPageHref = config?.statusPageUrl;
 | 
			
		||||
                this.privacyPolicyHref = config?.privacyPolicyUrl;
 | 
			
		||||
            });
 | 
			
		||||
    watch: {
 | 
			
		||||
        config: {
 | 
			
		||||
            handler() {
 | 
			
		||||
                this.donationHref = this.config?.donationUrl;
 | 
			
		||||
                this.statusPageHref = this.config?.statusPageUrl;
 | 
			
		||||
                this.privacyPolicyHref = this.config?.privacyPolicyUrl;
 | 
			
		||||
            },
 | 
			
		||||
        },
 | 
			
		||||
    },
 | 
			
		||||
};
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue