From b9c5fcf085bed9c6100283133531b36bfbb06cf0 Mon Sep 17 00:00:00 2001
From: Bastien Wirtz <bastien.wirtz@gmail.com>
Date: Mon, 25 May 2020 15:07:03 -0700
Subject: Build system integration using vue-cli.

---
 app.js | 174 -----------------------------------------------------------------
 1 file changed, 174 deletions(-)
 delete mode 100644 app.js

(limited to 'app.js')

diff --git a/app.js b/app.js
deleted file mode 100644
index 9e6bdd9..0000000
--- a/app.js
+++ /dev/null
@@ -1,174 +0,0 @@
-const app = new Vue({
-    el: '#app',
-    data: {
-        config: null,
-        offline: false,
-        filter: '',
-        vlayout: true,
-        isDark: null,
-        showMenu: false
-    },
-    created: async function () {
-        let that = this;
-
-        this.isDark = 'overrideDark' in localStorage ?
-            JSON.parse(localStorage.overrideDark) : matchMedia("(prefers-color-scheme: dark)").matches;
-
-        if ('vlayout' in localStorage) {
-            this.vlayout = JSON.parse(localStorage.vlayout)
-        }
-
-        this.checkOffline();
-        try {
-            this.config =  await this.getConfig();
-            document.title = this.config.title + ' | ' + this.config.subtitle;
-        } catch (error) {
-            this.offline = true;
-        }
-
-        // Look for a new message if an endpoint is provided.
-        if (this.config.message && this.config.message.url) {
-            this.getMessage(this.config.message.url).then(function(message){
-                // keep the original config value if no value is provided by the endpoint
-                for (const prop of ['title','style','content']) {
-                    if (prop in message && message[prop] !== null) {
-                        that.config.message[prop] = message[prop];
-                    }    
-                }
-            });
-        }
-
-        document.addEventListener('visibilitychange', function () {
-            if (document.visibilityState == "visible") {
-                that.checkOffline();
-            }
-        }, false);
-    },
-    methods: {
-        checkOffline: function () {
-            let that = this;
-            return fetch(window.location.href + "?alive", {
-                method: 'HEAD',
-                cache: 'no-store'
-            }).then(function () {
-                that.offline = false;
-            }).catch(function () {
-                that.offline = true;
-            });
-        },
-        getConfig: function (event) {
-            return fetch('config.yml').then(function (response) {
-                if (response.status != 200) {
-                    return
-                }
-                return response.text().then(function (body) {
-                    return jsyaml.load(body);
-                });
-            });
-        },
-        getMessage: function (url) {
-            return fetch(url).then(function (response) {
-                if (response.status != 200) {
-                    return;
-                }
-                return response.json();
-            });
-        },
-        toggleTheme: function() {
-            this.isDark = !this.isDark;
-            localStorage.overrideDark = this.isDark; 
-        }, 
-        toggleLayout: function() {
-            this.vlayout = !this.vlayout;
-            localStorage.vlayout = this.vlayout;
-        },
-        toggleMenu: function() {
-            this.showMenu = !this.showMenu;
-        },
-        matchesFilter: function(item) {
-            return (item.name.toLowerCase().includes(this.filter.toLowerCase())
-                || (item.tag && item.tag.toLowerCase().includes(this.filter.toLowerCase())))
-        },
-        firstMatchingService: function() {
-            for (group of this.config.services) {
-                for (item of group.items) {
-                    if (this.matchesFilter(item)) {
-                        return item;
-                    }
-                }
-            }
-            return null;
-        },
-        navigateToFirstService: function(target) {
-            service = this.firstMatchingService();
-            if (service) {
-                window.open(service.url, target || service.target || '_self');
-            }
-        }
-    },
-    mounted() {
-        function isSmallScreen() {
-            return window.matchMedia('screen and (max-width: 1023px)').matches;
-        }
-        this._keyListener = function(e) {
-            if (e.key === '/') {
-                if (isSmallScreen()) {
-                    this.showMenu = true;
-                }
-                Vue.nextTick(() => {
-                    this.$refs.search.focus();
-                });
-
-                e.preventDefault();
-            }
-            if (e.key === 'Escape') {
-                this.filter = '';
-                this.$refs.search.blur();
-                if (isSmallScreen()) {
-                    this.showMenu = false;
-                }
-            }
-        }
-
-        document.addEventListener('keydown', this._keyListener.bind(this));
-    },
-    beforeDestroy() {
-        document.removeEventListener('keydown', this._keyListener);
-    }
-});
-
-Vue.component('service', {
-    props: ['item'],
-    template: `<div>
-    <div class="card">
-        <a :href="item.url" :target="item.target">
-            <div class="card-content">
-                <div class="media">
-                    <div v-if="item.logo" class="media-left">
-                        <figure class="image is-48x48">
-                            <img :src="item.logo" />
-                        </figure>
-                    </div>
-                    <div v-if="item.icon" class="media-left">
-                        <figure class="image is-48x48">
-                            <i style="font-size: 35px" :class="item.icon"></i>
-                        </figure>
-                    </div>
-                    <div class="media-content">
-                        <p class="title is-4">{{ item.name }}</p>
-                        <p class="subtitle is-6">{{ item.subtitle }}</p>
-                    </div>
-                </div>
-                <div class="tag" :class="item.tagstyle" v-if="item.tag">
-                    <strong class="tag-text">#{{ item.tag }}</strong>
-                </div>
-            </div>
-        </a>
-    </div></div>`
-});
-
-if ('serviceWorker' in navigator) {
-    window.addEventListener('load', function () {
-        navigator.serviceWorker.register('worker.js');
-    });
-}
-- 
cgit v1.2.3