https://app.greenoco.io/fr/audit

1<!DOCTYPE html>
2<html lang="fr">
3    <head>
4        <meta charset="UTF-8">
5        <meta name="viewport" content="width=device-width, initial-scale=1.0">
6        <meta http-equiv="X-UA-Compatible" content="ie=edge">
7        <meta name="description" content="">
8
9        <title>Lancer un audit - Greenoco - Solutions de réductions des émissions carbone</title>
10
11                    <link rel="stylesheet" href="/build/app.48383a75.css">
12            </head>
13    <body>
14        <header>
15            <nav class="nav container">
16    <div class="nav__data">
17        <a href="/" class="nav__logo">
18            <img src="/build/images/logo-greenoco.svg" alt="Greenoco">
19        </a>
20
21        <div class="nav__toggle">
22            <img src="/build/images/menu.svg" class="nav__burger" alt="">
23            <img src="/build/images/cross.svg" class="nav__close" alt="">
24        </div>
25    </div>
26
27    <div class="nav__menu">
28        <ul class="nav__list">
29            <li>
30                <a href="https://greenoco.io/tutoriel-utilisation-greenoco/" class="nav__link" target="_blank">
31                    <img src="/build/images/premiers-pas.svg" alt="">
32                    Formations et tutos
33                </a>
34            </li><li>
35                    <a href="/fr/inscription" class="nav__link">
36                        <img src="/build/images/mon-compte.svg" alt="">
37                        Inscription
38                    </a>
39                </li>
40                <li>
41                    <a href="/fr/connexion" class="nav__link">
42                        <img src="/build/images/mon-compte.svg" alt="">
43                        Connexion
44                    </a>
45                </li></ul>
46    </div>
47</nav>        </header>
48
49        <main>
50                        
51                                
52    <report-page
53        user="null"
54        errors="[]"
55        form="{&quot;name&quot;:&quot;report&quot;}"
56        is-granted="false"
57        max-pages="5"
58        csrf-token="&quot;0bffbfa3b263.q8vyAkG3XUljG9UYPIsMVepMAa3aLoF7Um9bUMQK0Ew.4K2bMHjuFRoVdoBaTNJhENgZe_SJaLJPJRk3F4FElwHoot9BA_QzGwAsvg&quot;"
59        locale="&quot;fr&quot;"
60        site-choices="[]"
61        type-choices="[{&quot;label&quot;:&quot;Carbone&quot;,&quot;value&quot;:&quot;carbon&quot;},{&quot;label&quot;:&quot;Qualit\u00e9 web&quot;,&quot;value&quot;:&quot;performance&quot;}]"
62        sign-up-confirm-link="&quot;\/fr\/inscription\/confirmation&quot;"
63        sign-up-link="&quot;\/fr\/inscription&quot;"
64        faq-link="&quot;\/fr\/faq&quot;"
65    ></report-page>
66
67    <aside class="aside">
68        
69<nav class="sidebar">
70    <div class="sidebar__header">
71        <a href="/fr/tour-de-controle/" class="sh__control_tower">
72            <img src="/build/images/control_tower_icon.svg" alt="">
73            <span>Tour de contrôle</span>
74        </a>
75
76        <div class="datalist">
77            <div class="datalist__header">
78                <span class="dh__selected">
79                                            Sélectionnez un site
80                                    </span>
81                <span class="triangle triangle--bottom"></span>
82            </div>
83
84            <div class="datalist__body">
85                <label class="datalist__search">
86                    <img src="/build/images/search_icon.svg" alt="" class="ds__icon">
87                    <input type="text" class="ds__input" placeholder="Rechercher...">
88                </label>
89
90                <div class="datalist__menu"></div>
91
92                <a href="/fr/site/ajouter" class="datalist__new_website">Ajouter un site</a>
93            </div>
94        </div>
95
96        <a href="/fr/audit" class="sh__new_audit" style="--t: 'audit';">
97            <span>Lancer un audit</span>
98            <img src="/build/images/new_audit_icon.svg" alt="">
99        </a>
100    </div>
101
102    <div class="sidebar__body">
103        <div class="sb__category  sb__category--disabled" style="--t: 'Sélectionnez un site';">
104            <div class="sbc__header">
105                <div class="sbch__text">
106                    <img src="/build/images/dashboard_icon.svg" alt="">

107                    <span>Tableau de bord</span>
108                </div>
109
110                <span class="triangle triangle--bottom"></span>
111            </div>
112
113            <div class="sbc__menu">
114                            </div>
115        </div>
116
117        <div class="sb__category  sb__category--disabled" style="--t: 'Cliquez pour réaliser votre premier audit';">
118            <div class="sbc__header">
119                <div class="sbch__text">
120                    <img src="/build/images/carbon_icon.svg" alt="">
121                    <span>Carbone</span>
122                </div>
123
124                <span class="triangle triangle--bottom"></span>
125            </div>
126
127            <div class="sbc__menu">
128                            </div>
129        </div>
130
131        <div class="sb__category  sb__category--disabled" style="--t: 'Cliquez pour réaliser votre premier audit';">
132            <div class="sbc__header">
133                <div class="sbch__text">
134                    <img src="/build/images/quality_icon.svg" alt="">
135                    <span>Qualité web</span>
136                </div>
137
138                <span class="triangle triangle--bottom"></span>
139            </div>
140
141            <div class="sbc__menu">
142                            </div>
143        </div>
144    </div>
145
146    <div class="sidebar__footer">    </div>
147</nav>
148

149<script src="/build/js/sidebar.js"></script>

149

150<script src="/build/js/datalist.js"></script>

150

151<script>
152  listenSidebarMenu(".sb__category", ".sbc__header", "sb__category--open", "sb__category--disabled");
153  listenSidebarMenu(".sbcm__submenu", ".sbcms__header", "sbcm__submenu--open");
154
155  document.addEventListener('DOMContentLoaded', async () => {
156    const sidebarMenu = document.querySelector('.sidebar .datalist__menu');
157    await fetch("/sidebar/sites")
158      .then(r => r.json())
159      .then(data => {
160        if (data.length > 0) {
161          data.forEach((item) => {
162            const selectedSiteId = '';
163            const href = '/fr/site/site__id';
164
165            const menuItem = document.createElement("a");
166            menuItem.classList.add("dm__item");
167            if (selectedSiteId === item.id) {
168              menuItem.classList.add("dm__item--selected");
169            }
170
171            menuItem.href = href.replace("site__id", item.id);
172            menuItem.innerText = item.name;
173
174            sidebarMenu.appendChild(menuItem);
175          })
176        } else {
177          const menuItem = document.createElement("p");
178          menuItem.classList.add("dm__item--disabled");
179          menuItem.innerText = "Aucun site enregistré";
180
181          sidebarMenu.appendChild(menuItem);
182        }
183      })
184
185    listenDatalist(".sidebar .datalist");
186
187    // Redirige vers la page d'audit avec le type carbon et le site déjà sélectionné (si un site était sélectionné)
188    const carbonMenu = document.querySelector(".sb__category:nth-child(2)");
189    if (carbonMenu.classList.contains("sb__category--disabled")) {
190      carbonMenu.addEventListener("click", _ => {window.location.href = '/fr/audit?type=carbon'
191      })
192    }
193
194    // Redirige vers la page d'audit avec le type performance et le site déjà sélectionné (si un site était sélectionné)
195    const performanceMenu = document.querySelector(".sb__category:nth-child(3)");
196    if (performanceMenu.classList.contains("sb__category--disabled")) {
197      performanceMenu.addEventListener("click", _ => {window.location.href = '/fr/audit?type=performance'
198      })
199    }
200  })
201</script>

201
202    </aside>
203
204
205            <div class="flashes">
206                                                                                                    </div>
207
208                                                                            </main>
209
210        

210<script src="/build/js/headerMenu.js"></script>

210
211        

211<script src="/build/js/popup.js"></script>

211
212
213                    

213<script src="/build/runtime.1b5762f4.js" defer></script>

213<script src="/build/454.deee9e9e.js" defer></script>

213<script src="/build/15.3ed16427.js" defer></script>

213<script src="/build/273.60345df1.js" defer></script>

213<script src="/build/app.70e4d45a.js" defer></script>

213
214            </body>
215</html>