{"version":3,"file":"font-favorites.c35930f5.js","sources":["../../app/javascript/app/FontFavoritesApp.vue","../../app/javascript/entrypoints/font-favorites.js"],"sourcesContent":["<template>\n    <div class=\"vh-100\">\n        <h1>Font Favorites</h1>\n\n        <div class=\"d-flex my-3\">\n            <div class=\"mx-1\">\n                <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios\" id=\"exampleRadios1\" value=\"Show all\"\n                       v-model=\"currentFilter\">\n                <label class=\"form-check-label\" for=\"exampleRadios1\">\n                    Show all\n                </label>\n            </div>\n\n            <div class=\"mx-1\">\n                <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios\" id=\"exampleRadios2\" value=\"sans-serif\"\n                       v-model=\"currentFilter\">\n                <label class=\"form-check-label\" for=\"exampleRadios2\">\n                    Sans Serif\n                </label>\n            </div>\n\n            <div class=\"mx-1\">\n                <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios\" id=\"exampleRadios2\" value=\"serif\"\n                       v-model=\"currentFilter\">\n                <label class=\"form-check-label\" for=\"exampleRadios2\">\n                    Serif\n                </label>\n            </div>\n\n            <div class=\"mx-1\">\n                <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios\" id=\"exampleRadios2\" value=\"display\"\n                       v-model=\"currentFilter\">\n                <label class=\"form-check-label\" for=\"exampleRadios2\">\n                    Display\n                </label>\n            </div>\n\n            <div class=\"mx-1\">\n                <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios\" id=\"exampleRadios2\"\n                       value=\"handwriting\"\n                       v-model=\"currentFilter\">\n                <label class=\"form-check-label\" for=\"exampleRadios2\">\n                    Hand writing\n                </label>\n            </div>\n\n            <div class=\"mx-1\">\n                <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios\" id=\"exampleRadios2\" value=\"monospace\"\n                       v-model=\"currentFilter\">\n                <label class=\"form-check-label\" for=\"exampleRadios2\">\n                    Monospace\n                </label>\n            </div>\n        </div>\n\n        <div class=\"row h-100\">\n            <div class=\"col-3 h-100\">\n                <h3>Fonts ({{ filteredFonts.length }})</h3>\n                <div class=\"list-group\" style=\"height: calc(100% - 120px); overflow-y: scroll\">\n                    <a v-for=\"(font, index) in filteredFonts\" href=\"javascript:void(0)\"\n                       @click=\"onFontClick(font)\"\n                       class=\"list-group-item list-group-item-action pointer\">\n                        {{ index + 1 }}. {{ font.family }}\n                    </a>\n                </div>\n            </div>\n            <div class=\"col-6\">\n                <h3>{{ currentFont.family }}</h3>\n\n                <div class=\"ms-2 mt-2\" style=\"font-size: 40px;\" :style=\"newFontStyle\">\n                    Very important text.\n                </div>\n\n                <div v-if=\"isFavorite\">\n                    Favorite\n\n                    <div>\n                        <button class=\"btn btn-danger\" @click=\"onRemoveClick\">Remove from Favorites</button>\n                    </div>\n\n                </div>\n                <div v-else>\n                    <div>\n                        <button class=\"btn btn-primary\" @click=\"onFavoriteClick\">Favorite</button>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"col-3 h-100\">\n                <div class=\"d-flex\">\n                    <h3>Favorites ({{ favorites.length }})</h3>\n\n                    <div class=\"ms-2\">\n                        <button class=\"btn btn-primary\" @click=\"onPrintClick\">Print to Console</button>\n                    </div>\n                </div>\n\n                <div class=\"list-group\" style=\"height: calc(100% - 120px); overflow-y: scroll\">\n                    <a v-for=\"font in favorites\" href=\"javascript:void(0)\"\n                       @click=\"onFontClick(font)\"\n                       class=\"list-group-item list-group-item-action pointer\">\n                        {{ font.family }}\n                    </a>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n\nimport ResourcesService from \"./services/ResourcesService\";\n\nexport default {\n    name: 'FontFavoritesApp',\n    computed: {\n        loading() {\n            return this.model.loading\n        },\n        filteredFonts() {\n\n            if (this.currentFilter === 'Show all') {\n                return this.model.fonts\n            }\n            return this.model.fonts.filter((font) => {\n                return font.category === this.currentFilter\n            })\n        },\n        isFavorite() {\n            if (this.currentFont.family) {\n                return this.favorites.filter((font) => {\n                    return font.family === this.currentFont.family\n                }).length > 0\n            }\n\n            return false\n        },\n        newFontStyle() {\n            if (this.currentFont.family) {\n                return {\n                    fontFamily: this.currentFont.family\n                }\n            }\n\n            return {\n                fontFamily: 'Raleway'\n            }\n        }\n    },\n    data() {\n        return {\n            model: webase.model,\n            currentFilter: 'Show all',\n            currentFont: {\n                family: ''\n            },\n            favorites: [],\n            picks: ['Roboto',\n                'Open Sans',\n                'Lato',\n                'Oswald',\n                'Roboto Condensed',\n                'Slabo',\n                'Montserrat',\n                'Source Sans Pro',\n                'Raleway',\n                'PT Sans',\n                'Open Sans Condensed',\n                'Roboto Slab',\n                'Merriweather',\n                'Lora',\n                'Ubuntu',\n                'Noto Sans',\n                'Playfair Display',\n                'Poppins',\n                'PT Sans Narrow',\n                'PT Serif',\n                'Arimo',\n                'Roboto Mono',\n                'Titillium Web',\n                'Muli',\n                'Nunito',\n                'Baskerville',\n                'Cabin',\n                'Alfa Slab One',\n                'Bellota',\n                'Codystar',\n                'Copse'\n            ],\n            webaseFonts: []\n        }\n    },\n    mounted() {\n        let resourcesService = new ResourcesService()\n        let url = webase.utils.app.getBaseUrl() + '/resources/fonts.json?t=' + Date.now()\n        resourcesService.get(url).then((response) => {\n            this.model.fonts = response.items\n            this.initPicks()\n            this.categorizeFonts()\n        })\n\n        if (window.localStorage.getItem('WEBASE_FONT_FAVORITES')) {\n            let fontFavorites = window.localStorage.getItem('WEBASE_FONT_FAVORITES')\n            this.favorites = JSON.parse(fontFavorites)\n        }\n    },\n    methods: {\n        onFontClick(font) {\n            this.currentFont = font\n            let url = 'https://fonts.googleapis.com/css?family=' + font.family + ':400'\n            let link = document.createElement(\"link\");\n            link.href = url;\n            link.rel = \"stylesheet\";\n            document.getElementsByTagName(\"head\")[0].appendChild(link);\n        },\n        onFavoriteClick() {\n            if (this.currentFont.family && !this.isFavorite) {\n                this.favorites.push(this.currentFont)\n                window.localStorage.setItem('WEBASE_FONT_FAVORITES', JSON.stringify(this.favorites))\n            }\n        },\n        onPrintClick() {\n            console.log(this.favorites)\n        },\n        onRemoveClick() {\n\n            for (let i = 0; i < this.favorites.length; i++) {\n\n                if (this.favorites[i].family === this.currentFont.family) {\n                    this.favorites.splice(i, 1)\n                    window.localStorage.setItem('WEBASE_FONT_FAVORITES', JSON.stringify(this.favorites))\n                    return\n                }\n            }\n        },\n\n        categorizeFonts() {\n            let fontMap = {}\n\n            for (let j = 0; j < this.model.fonts.length; j++) {\n                let category = this.model.fonts[j].category\n\n                if (fontMap[category] === undefined) {\n                    fontMap[category] = 0\n                }\n\n                fontMap[category] += 1\n            }\n\n            console.log('category count')\n            console.log(fontMap)\n        },\n\n        initPicks() {\n            for (let i = 0; i < this.picks.length; i++) {\n\n                for (let j = 0; j < this.model.fonts.length; j++) {\n                    if (this.model.fonts[j].family === this.picks[i]) {\n\n                        this.webaseFonts.push(this.model.fonts[j])\n                        break;\n                    }\n                }\n            }\n\n            this.webaseFonts.sort(function (a, b) {\n                let nameA = a.family.toUpperCase(); // ignore upper and lowercase\n                let nameB = b.family.toUpperCase(); // ignore upper and lowercase\n                if (nameA < nameB) {\n                    return -1;\n                }\n                if (nameA > nameB) {\n                    return 1;\n                }\n\n                // names must be equal\n                return 0;\n            });\n\n            console.log('Webase fonts')\n            console.log(JSON.stringify(this.webaseFonts))\n\n        }\n    }\n}\n</script>","import { createApp } from 'vue'\nimport FontFavoritesApp from \"../app/FontFavoritesApp.vue\";\nimport AppUtil from \"../app/utils/AppUtil\";\n\nimport Rails from \"@rails/ujs\";\nwindow.Rails = Rails;\n\nimport webase from \"../app/model\"\nwindow.webase = webase\nwebase.utils.app = new AppUtil()\n\ndocument.addEventListener('DOMContentLoaded', () => {\n    const app = createApp(FontFavoritesApp)\n    app.mount('#app')\n})"],"names":["_sfc_main","font","resourcesService","ResourcesService","url","response","fontFavorites","link","i","fontMap","j","category","a","b","nameA","nameB","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_6","_hoisted_8","_hoisted_10","_hoisted_12","_hoisted_14","_hoisted_16","_hoisted_17","_hoisted_20","_hoisted_23","_hoisted_24","_hoisted_25","_openBlock","_createElementBlock","$data","$event","_hoisted_5","_hoisted_7","_hoisted_9","_hoisted_11","_hoisted_13","_hoisted_15","_toDisplayString","$options","_hoisted_18","_Fragment","_renderList","index","_hoisted_19","_normalizeStyle","_hoisted_21","args","_hoisted_22","_hoisted_26","_hoisted_27","Rails","webase","AppUtil","createApp","FontFavoritesApp"],"mappings":"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"}