{"version":3,"sources":["components/nav.js","components/dashboard.js","components/badge-creator.js","components/app.js","index.js"],"names":["Nav","_Component","_this","_classCallCheck","this","_possibleConstructorReturn","_getPrototypeOf","call","state","version","require","_inherits","_createClass","key","value","React","createElement","className","href","Component","Dashboard","match","window","location","search","badges","error","mail","fetch","concat","method","then","response","json","data","message","setState","length","map","badge","src","_id","class","alt","name","description","BadgeCreator","icons","templates","image","success","criteria","username","fullname","icon","iconColor","fill","stroke","displayExtra","extraAlpha","displayBanner","bannerFill","bannerStroke","bannerText","timer","handleSubmitBadgeCreator","bind","_assertThisInitialized","handleSubmitBadge","handleChange","handleInputChange","handleTemplateChanged","categoryName","_step","_iterator","_createForOfIteratorHelper","s","n","done","push","text","err","e","f","toBase64","template","replace","event","_this2","clearTimeout","target","type","checked","setTimeout","_defineProperty","_this3","info","preventDefault","_this4","inputs","elements","formData","FormData","append","body","btoa","JSON","stringify","parseFloat","for","onChange","selected","onSubmit","id","required","min","max","step","recipient","rows","cols","htmlFor","App","isCreatingBadge","handleSubmit","handleClick","email","role","onClick","placeholder","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.93b34690.chunk.js","sourcesContent":["import React, { Component } from 'react';\n\nclass Nav extends Component {\n    constructor() {\n        super();\n\n        this.state = {\n            version: require('./../../package.json').version,\n        };\n    }\n\n    render() {\n        return (\n            <nav className=\"navbar navbar-dark bg-dark\">\n                <a className=\"navbar-brand\" href=\"/\">\n                    Tu veux une médaille !? <small>v{ this.state.version }</small>\n                </a>\n            </nav>\n        );\n    }\n}\n\nexport default Nav;\n","import React, { Component } from 'react';\n\nclass Dashboard extends Component {\n    constructor() {\n        super();\n\n        const { search } = window.location;\n        const match = search.match(/\\?email=(.+)/);\n\n        this.state = {\n            badges: [],\n            error: null,\n            mail: match ? match[1] : null,\n        };\n\n        const options = {\n            method: 'get',\n        };\n\n        if (this.state.mail) {\n            fetch(`/badges?email=${this.state.mail}`, options)\n                .then(response => response.json())\n                .then(data => {\n                    if (data.message) {\n                        return this.setState({ error: data.message });\n                    }\n\n                    this.setState({ badges: data.badges });\n                });\n        }\n    }\n\n    render() {\n        return (\n            <div>\n                {\n                    this.state.mail && <h3>Hello 👋</h3>\n                }\n\n                { this.state.error &&\n                    <p className=\"alert alert-danger\">{ this.state.error }</p>\n                }\n\n                { this.state.mail && !this.state.badges.length &&\n                    <p className=\"alert alert-info mt-4\">Vous n'avez pas de badges 😢.</p>\n                }\n\n                <div className=\"card-columns mt-4\">\n                    { this.state.badges.map((badge) =>\n                        <div className=\"card mb-4\">\n                            <img src={ '/badge/' + badge._id } class=\"card-img-top p-4\" alt={ badge._id } />\n                            <div className=\"card-body\">\n                                <h5 className=\"card-title\">{ badge.name }</h5>\n                                <p className=\"card-text\">{ badge.description }</p>\n                                <a href={ '/badge/' + badge._id } className=\"btn btn-outline-primary\">Télécharger</a>\n                            </div>\n                        </div>\n                    )}\n                </div>\n            </div>\n        );\n    }\n}\n\nexport default Dashboard;\n","import React, { Component } from 'react';\n\nclass BadgeCreator extends Component {\n    constructor() {\n        super();\n\n        this.state = {\n            icons: [],\n            templates: [],\n            image: null,\n            error: null,\n            success: null,\n            name: '',\n            description: '',\n            criteria: '',\n            username: 'tuveuxunemedaille',\n            fullname: 'Tu veux une médaille',\n            mail: 'noreply@tuveuxunemedaille.fr',\n            icon: null,\n            iconColor: '#000000',\n            fill: '#ffffff',\n            stroke: '#000000',\n            displayExtra: 0,\n            extraAlpha: 0.2,\n            displayBanner: 1,\n            bannerFill: '#ffffff',\n            bannerStroke: '#000000',\n            bannerText: 'Hello world!'\n        };\n\n        this.timer = null;\n        this.handleSubmitBadgeCreator = this.handleSubmitBadgeCreator.bind(this);\n        this.handleSubmitBadge = this.handleSubmitBadge.bind(this);\n        this.handleChange = this.handleChange.bind(this);\n        this.handleInputChange = this.handleInputChange.bind(this);\n        this.handleTemplateChanged = this.handleTemplateChanged.bind(this);\n\n        fetch('/icons').then(response => response.json()).then(data => {\n            const icons = [];\n            for (var categoryName in data) {\n                for (var image of data[categoryName]) {\n                    icons.push({ value: `/${categoryName}/${image}`, text: `${image} [${categoryName}]` });\n                }\n            }\n\n            this.setState({ icons });\n            this.setState({ image: '/badge/image/' + this.toBase64() });\n        });\n\n        fetch('/badges/templates').then(response => response.json()).then(data => {\n            this.setState({ templates: data.map(template => template.replace('.json', '')) });\n        });\n    }\n\n    handleChange(event) {\n        clearTimeout(this.timer);\n\n        const data = {};\n        if (event.target.type === 'checkbox') {\n            data[event.target.name] = event.target.checked;\n        } else {\n            data[event.target.name] = event.target.value;\n        }\n\n        this.setState(data);\n        this.timer = setTimeout(() => this.setState({ image: '/badge/image/' + this.toBase64() }), 100);\n    }\n\n    handleInputChange(event) {\n        this.setState({ [event.target.name]: event.target.value });\n    }\n\n    handleTemplateChanged(event) {\n        if (event.target.value) {\n            fetch(`/templates/${event.target.value}.json`)\n                .then(response => response.json())\n                .then(data => {\n                    this.setState({\n                        icon: data.image.icon,\n                        iconColor: data.image.iconColor,\n                        fill: data.image.fill,\n                        stroke: data.image.stroke,\n                        displayExtra: data.image.displayExtra,\n                        extraAlpha: data.image.extraAlpha,\n                        displayBanner: data.image.displayBanner,\n                        bannerFill: data.image.bannerFill,\n                        bannerStroke: data.image.bannerStroke,\n                        bannerText: data.image.bannerText,\n                        name: data.info.name,\n                        description: data.info.description,\n                        criteria: data.info.criteria\n                    });\n\n                    this.setState({ image: '/badge/image/' + this.toBase64() });\n                });\n        }\n    }\n\n    handleSubmitBadgeCreator(event) {\n        event.preventDefault();\n\n        this.setState({ image: '/badge/image/' + this.toBase64() });\n    }\n\n    handleSubmitBadge(event) {\n        event.preventDefault();\n\n        this.setState({ error: null, success: null });\n\n        const inputs = event.target.elements;\n        const formData = new FormData();\n\n        formData.append('name', inputs['badge-name'].value);\n        formData.append('description', inputs['badge-description'].value);\n        formData.append('criteria', inputs['badge-criteria'].value);\n        formData.append('recipient', inputs['badge-recipient'].value);\n\n        formData.append('username', inputs['badge-issuer-username'].value);\n        formData.append('fullname', inputs['badge-issuer-fullname'].value);\n        formData.append('mail', inputs['badge-issuer-mail'].value);\n\n        formData.append('image', this.toBase64());\n\n        const options = {\n            method: 'post',\n            body: formData,\n        };\n\n        fetch('/badge', options)\n            .then(response => response.json())\n            .then(data => {\n                if (data.message) {\n                    return this.setState({ error: data.message });\n                }\n\n                this.setState({ success: data });\n            });\n    }\n\n    toBase64() {\n        return btoa(JSON.stringify({\n            icon: this.state.icon ||this.state.icons[0].value,\n            iconColor: this.state.iconColor,\n            fill: this.state.fill,\n            stroke: this.state.stroke,\n            displayExtra: this.state.displayExtra ? 1 : 0,\n            extraAlpha: parseFloat(this.state.extraAlpha),\n            displayBanner: this.state.displayBanner ? 1 : 0,\n            bannerFill: this.state.bannerFill,\n            bannerStroke: this.state.bannerStroke,\n            bannerText: this.state.bannerText\n        }));\n    }\n\n    render() {\n        return (\n            <div className=\"row\">\n                <div className=\"col-4\">\n                    { this.state.image && <img className=\"position-fixed\" src={ this.state.image } /> }\n                </div>\n\n                <div className=\"col-8\">\n                    <nav className=\"card mt-4 mb-4 d-none\">\n                        <form className=\"card-body\">\n                            <p>💡 Vous pouvez créer un badge depuis un modèle de la liste suivante :</p>\n\n                            <div className=\"form-group\">\n                                <label for=\"badge-icon\">Modèle de badge</label>\n                                <select className=\"custom-select\" onChange={ this.handleTemplateChanged }>\n<option value=\"\" selected>Choisir un modèle ...</option>\n                                    { this.state.templates.map((template) =>\n                                        <option value={ template }>{ template }</option>\n                                    )}\n                                </select>\n                            </div>\n                        </form>\n                    </nav>\n\n                    <h3>🖍 Edition badge</h3>\n\n                    <form onSubmit={ this.handleSubmitBadgeCreator }>\n                        <div className=\"form-group\">\n                            <label for=\"badge-icon\">Icone du badge</label>\n                            <select className=\"custom-select\"\n                                id=\"badge-icon\"\n                                name=\"icon\"\n                                value={ this.state.icon }\n                                onChange={ this.handleChange }\n                            >\n                            { this.state.icons.map((icon) =>\n                                <option value={ icon.value }>{ icon.text }</option>\n                            )}\n                            </select>\n                        </div>\n\n                        <div className=\"form-group\">\n                            <label for=\"badge-icon-color\">Couleur de l'icone du badge</label>\n                            <input className=\"form-control\"\n                                type=\"color\"\n                                id=\"badge-icon-color\"\n                                name=\"iconColor\"\n                                value={ this.state.iconColor }\n                                onChange={ this.handleChange }\n                                required=\"\" />\n                        </div>\n\n                        <div className=\"form-group\">\n                            <label for=\"badge-fill\">Couleur de fond du badge</label>\n                            <input className=\"form-control\"\n                                type=\"color\"\n                                id=\"badge-fill\"\n                                name=\"fill\"\n                                value={ this.state.fill }\n                                onChange={ this.handleChange }\n                                required=\"\" />\n                        </div>\n\n                        <div className=\"form-group\">\n                            <label for=\"badge-stroke\">Couleur du trait du badge</label>\n                            <input className=\"form-control\"\n                                type=\"color\"\n                                id=\"badge-stroke\"\n                                name=\"stroke\"\n                                value={ this.state.stroke }\n                                onChange={ this.handleChange }\n                                required=\"\" />\n                        </div>\n\n                        <div className=\"form-group\">\n                            <div className=\"custom-control custom-checkbox\">\n                                <input type=\"checkbox\"\n                                    id=\"display-extra-badge\"\n                                    className=\"custom-control-input\"\n                                    name=\"displayExtra\"\n                                    checked={ this.state.displayExtra }\n                                    onChange={ this.handleChange } />\n                                <label className=\"custom-control-label\" for=\"display-extra-badge\">Afficher un fond blanc</label>\n                            </div>\n                        </div>\n\n                        <div className=\"form-group\">\n                            <label for=\"badge-extra-alpha\">Opacité du fond blanc</label>\n                            <input className=\"form-control\"\n                                type=\"number\"\n                                min=\"0.1\"\n                                max=\"1\"\n                                step=\"0.1\"\n                                id=\"badge-extra-alpha\"\n                                name=\"extraAlpha\"\n                                value={ this.state.extraAlpha }\n                                onChange={ this.handleChange } />\n                        </div>\n\n                        <div className=\"form-group\">\n                            <label for=\"banner-fill\">Couleur de fond de la banière</label>\n                            <input className=\"form-control\"\n                                type=\"color\"\n                                id=\"banner-fill\"\n                                name=\"bannerFill\"\n                                value={ this.state.bannerFill }\n                                onChange={ this.handleChange }\n                                required=\"\" />\n                        </div>\n\n                        <div className=\"form-group\">\n                            <label for=\"banner-stroke\">Couleur du trait de la banière</label>\n                            <input className=\"form-control\"\n                                type=\"color\"\n                                id=\"banner-stroke\"\n                                name=\"bannerStroke\"\n                                value={ this.state.bannerStroke }\n                                onChange={ this.handleChange }\n                                required=\"\" />\n                        </div>\n\n                        <div className=\"form-group\">\n                            <label for=\"banner-text\">Texte de la banière</label>\n                            <input className=\"form-control\"\n                                type=\"text\"\n                                id=\"banner-text\"\n                                name=\"bannerText\"\n                                value={ this.state.bannerText }\n                                onChange={ this.handleChange } />\n                        </div>\n\n                        <div className=\"form-group\">\n                            <div className=\"custom-control custom-checkbox\">\n                                <input type=\"checkbox\"\n                                    id=\"display-banner\"\n                                    className=\"custom-control-input\"\n                                    name=\"displayBanner\"\n                                    checked={ this.state.displayBanner }\n                                    onChange={ this.handleChange } />\n                                <label className=\"custom-control-label\" for=\"display-banner\">Afficher une banière</label>\n                            </div>\n                        </div>\n\n                        <button className=\"btn btn-primary\" type=\"submit\">Voir</button>\n                    </form>\n\n                    <h3 className=\"mt-4 mb-4\">✉️ Informations du receveur</h3>\n\n                    { this.state.error &&\n                        <p className=\"alert alert-danger\">{ this.state.error }</p>\n                    }\n\n                    { this.state.success &&\n                        <p className=\"alert alert-success\">\n                            👌 Badge créé et disponible sur le profile de <a href={ '/?email=' + this.state.success.recipient }>{ this.state.success.recipient }</a>\n                            <br/>\n                            Vous pouvez le télécharger via le lien suivant <a href={ '/badge/' + this.state.success._id }>{ '/badge/' + this.state.success._id }</a>\n                            <a className=\"d-block mt-4\" href=\"/\">Revenir à l'accueil</a>\n                        </p>\n                    }\n\n                    <form className=\"badge-metadata mb-4\" onSubmit={ this.handleSubmitBadge }>\n                        <div className=\"form-group\">\n                            <label for=\"badge-name\">\n                                Nom du badge <span className=\"text-danger\">*</span>\n                            </label>\n\n                            <input\n                                onChange={ this.handleInputChange }\n                                name=\"name\"\n                                className=\"form-control\"\n                                type=\"text\"\n                                id=\"badge-name\"\n                                required=\"\"\n                                value={ this.state.name }\n                            />\n                        </div>\n\n                        <div className=\"form-group\">\n                            <label for=\"badge-description\">\n                                Description <span className=\"text-danger\">*</span>\n                            </label>\n\n                            <input\n                                onChange={ this.handleInputChange }\n                                name=\"description\"\n                                className=\"form-control\"\n                                type=\"text\"\n                                id=\"badge-description\"\n                                required=\"\"\n                                value={ this.state.description }\n                            />\n                        </div>\n\n                        <div className=\"form-group\">\n                            <label for=\"badge-criteria\">\n                                Critères (texte ou markdown) <span className=\"text-danger\">*</span>\n                            </label>\n\n                            <textarea\n                                onChange={ this.handleInputChange }\n                                name=\"criteria\"\n                                id=\"badge-criteria\"\n                                rows=\"8\"\n                                cols=\"80\"\n                                className=\"form-control\"\n                                required=\"\"\n                                value={ this.state.criteria }>\n                            </textarea>\n                        </div>\n\n                        <div className=\"form-group\">\n                            <label for=\"badge-recipient\">\n                                Email du receveur <span className=\"text-danger\">*</span>\n                            </label>\n\n                            <input className=\"form-control\" type=\"email\" id=\"badge-recipient\" required=\"\" />\n                        </div>\n\n                        <h3 className=\"mt-4 mb-4\">🖋 Informations de l'émetteur</h3>\n\n                        <div className=\"form-group\">\n                            <label htmlFor=\"badge-issuer-username\">\n                                Pseudo <span className=\"text-danger\">*</span>\n                            </label>\n\n                            <input\n                                onChange={this.handleInputChange}\n                                name=\"username\"\n                                className=\"form-control\"\n                                type=\"text\"\n                                id=\"badge-issuer-username\"\n                                required=\"\"\n                                value={this.state.username}\n                            />\n                        </div>\n\n                        <div className=\"form-group\">\n                            <label htmlFor=\"badge-issuer-fullname\">Nom complet</label>\n                            <input\n                                onChange={this.handleInputChange}\n                                name=\"fullname\"\n                                className=\"form-control\"\n                                type=\"text\"\n                                id=\"badge-issuer-fullname\"\n                                value={this.state.fullname}\n                            />\n                        </div>\n\n                        <div className=\"form-group\">\n                            <label htmlFor=\"badge-issuer-mail\">\n                                Email du l'émetteur <span className=\"text-danger\">*</span>\n                            </label>\n\n                            <input\n                                onChange={this.handleInputChange}\n                                name=\"fullname\"\n                                className=\"form-control\"\n                                type=\"text\"\n                                id=\"badge-issuer-mail\"\n                                required=\"\"\n                                value={this.state.mail}\n                            />\n                        </div>\n\n                        <button className=\"btn btn-success\">Créer le badge</button>\n                    </form>\n                </div>\n            </div>\n        );\n    }\n}\n\nexport default BadgeCreator;\n","import React, {Component} from 'react';\nimport Nav from './nav';\nimport Dashboard from './dashboard';\nimport BadgeCreator from './badge-creator';\n\nclass App extends Component {\n    constructor() {\n        super();\n\n        this.state = {\n            isCreatingBadge: false\n        };\n\n        this.handleSubmit = this.handleSubmit.bind(this);\n        this.handleClick = this.handleClick.bind(this);\n    }\n\n    handleClick() {\n        this.setState(state => ({ isCreatingBadge: !state.isCreatingBadge }));\n    }\n\n    handleSubmit(event) {\n        event.preventDefault();\n        window.location = `/?email=${event.target.elements.email.value}`;\n    }\n\n    render() {\n        return (\n            <div role=\"main\">\n                <Nav/>\n\n                <section className=\"container mt-4\">\n                    {!this.state.isCreatingBadge &&\n                        <div>\n                            <nav className=\"d-flex mb-4\">\n                                <button className=\"ml-auto btn btn-success\" type=\"button\" onClick={this.handleClick}>\n                                    Créer une médaille !\n                                </button>\n                            </nav>\n\n                            <section className=\"jumbotron\">\n                                <h1>Tu veux une médaille ?</h1>\n                                <p>Le site qui permet de créer des médailles pour les personnes méritantes (ou pas !).</p>\n                                <br/>\n                                <p>Médaille compatible OpenBadge 2.0 <a target=\"_blank\" href=\"https://openbadges.org/\">En savoir plus</a></p>\n\n                                <p>Compatible avec les portefeuilles de badges :</p>\n                                <ul>\n                                    <li><a target=\"_blank\" href=\"https://backpack.openbadges.org/\">Mozilla Backpack</a></li>\n                                    <li><a target=\"_blank\" href=\"https://eu.badgr.com\">Badgr</a></li>\n                                    <li><a target=\"_blank\" href=\"https://www.openbadgepassport.com/\">Open Badge Passport</a></li>\n                                </ul>\n\n                                <hr/>\n                                <h4>Retrouver mes médailles</h4>\n                                <form className=\"form-inline\" onSubmit={this.handleSubmit}>\n                                    <div className=\"form-group\">\n                                        <input className=\"form-control\" placeholder=\"Mon E-mail\" name=\"email\" type=\"email\" required/>\n                                    </div>\n\n                                    <button type=\"submit\" className=\"btn btn-primary\">Chercher</button>\n                                </form>\n                            </section>\n                        </div>\n                    }\n\n                    {this.state.isCreatingBadge &&\n                    <nav className=\"d-flex\">\n                        <button className=\"ml-auto btn btn-warning\" onClick={this.handleClick}>Annuler</button>\n                    </nav>\n                    }\n\n                    {!this.state.isCreatingBadge &&\n                    <Dashboard/>\n                    }\n\n                    {this.state.isCreatingBadge &&\n                    <BadgeCreator/>\n                    }\n                </section>\n            </div>\n        );\n    }\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './components/app';\n\nReactDOM.render(<App />, document.getElementById('root'));\n"],"sourceRoot":""}