feat(ticket): open ticketing (#183)

* feat(ticket): open ticketing [8e2ca81] * feat(navigation): add FAQ link [e10a08d] * Update resources.json to change faq link [0b41d50] --------- Co-authored-by: Hugo Gresse <[email protected]>
Sunny-Tech · Jan 30, 2024 · e1219ea · e1219ea
1 parent 59ed0cc
commit e1219ea
Show file tree

Hide file tree

Showing 5 changed files with 82 additions and 56 deletions.
diff --git a/docs/default-firebase-data.json b/docs/default-firebase-data.json
@@ -503,7 +503,7 @@
       "url": "https://www.billetweb.fr/sunny-tech-2024"
     },
     {
-      "available": false,
+      "available": true,
       "currency": "€",
       "ends": "",
       "inDemand": true,
@@ -513,18 +513,18 @@
       "primary": true,
       "regular": true,
       "soldOut": false,
-      "starts": "Bientôt disponible",
+      "starts": "1 Fév 10h",
       "url": "https://www.billetweb.fr/sunny-tech-2024"
     },
     {
-      "available": false,
+      "available": true,
       "currency": "€",
       "ends": "",
       "info": "Requiert une carte étudiante",
       "name": "Étudiant",
       "price": 40,
       "soldOut": false,
-      "starts": "Bientôt disponible",
+      "starts": "1 Fév 10h",
       "url": "https://www.billetweb.fr/sunny-tech-2024"
     }
   ],

diff --git a/public/data/resources.json b/public/data/resources.json
@@ -21,6 +21,7 @@
   "buyTicketTopRight": "Billetterie",
   "cfpHeader": "Call For Paper",
   "cfpLink": "https://conference-hall.io/public/event/Jnevkv3bLyxZOyYyiWSC",
+  "faqLink": "https://sunny-tech.io/faq",
   "becomeSponsorMenu": "Devenir sponsor",
   "signIn": "Connexion",
   "signOut": "Déconnexion",
@@ -255,7 +256,7 @@
       "label": "Voir tous les speakers",
       "link": "/speakers/"
     }
-},
+  },
   "speakerDetails": {
     "sessions": "Sessions"
   },
@@ -316,44 +317,44 @@
   },
   "callToSchedule": {
     "display": true,
-    "title" :"Appel à orateurs",
+    "title": "Appel à orateurs",
     "description": "Intéressé(e) pour parler à Sunny Tech ?",
     "description2": "Notre CFP est désormais ouvert",
     "description3": "Nous avons hâte de recevoir vos propositions !",
     "action": "Accéder au CFP",
     "url": "https://conference-hall.io/public/event/Jnevkv3bLyxZOyYyiWSC",
     "categories": [
       {
-      "title": "Cloud & Devops",
-      "icon":"/images/icons/bubble1.svg"
+        "title": "Cloud & Devops",
+        "icon": "/images/icons/bubble1.svg"
       },
       {
-      "title": "BigData & IA",
-      "icon":"/images/icons/bubble2.svg"
+        "title": "BigData & IA",
+        "icon": "/images/icons/bubble2.svg"
       },
       {
-      "title": "Architecture",
-      "icon":"/images/icons/bubble3.svg"
+        "title": "Architecture",
+        "icon": "/images/icons/bubble3.svg"
       },
       {
-      "title": "Mobile / IoT",
-      "icon":"/images/icons/bubble4.svg"
+        "title": "Mobile / IoT",
+        "icon": "/images/icons/bubble4.svg"
       },
       {
-      "title": "Atypique",
-      "icon":"/images/icons/bubble4.svg"
+        "title": "Atypique",
+        "icon": "/images/icons/bubble4.svg"
       },
       {
-      "title": "Frontend",
-      "icon":"/images/icons/bubble5.svg"
+        "title": "Frontend",
+        "icon": "/images/icons/bubble5.svg"
       },
       {
-      "title": "Conception",
-      "icon":"/images/icons/bubble6.svg"
+        "title": "Conception",
+        "icon": "/images/icons/bubble6.svg"
       },
       {
-      "title": "Sécurité",
-      "icon":"/images/icons/bubble1.svg"
+        "title": "Sécurité",
+        "icon": "/images/icons/bubble1.svg"
       }
     ]
   },

diff --git a/src/elements/header-toolbar.ts b/src/elements/header-toolbar.ts
@@ -17,7 +17,16 @@ import { ReduxMixin } from '../store/mixin';
 import { initialTicketsState, TicketsState } from '../store/tickets/state';
 import { initialUiState } from '../store/ui/state';
 import { initialUserState } from '../store/user/state';
-import { buyTicket, navigation, signIn, signOut as signOutText, title, cfpHeader, cfpLink } from '../utils/data';
+import {
+  buyTicket,
+  navigation,
+  signIn,
+  signOut as signOutText,
+  title,
+  cfpHeader,
+  cfpLink,
+  faqLink,
+} from '../utils/data';
 import './notification-toggle';
 import './shared-styles';
 
@@ -75,7 +84,8 @@ export class HeaderToolbar extends ReduxMixin(PolymerElement) {
         }
 
         .nav-item a,
-        .signin-tab {
+        .signin-tab,
+        .faq-link {
           padding: 0 14px;
           color: inherit;
           text-transform: uppercase;
@@ -177,18 +187,29 @@ export class HeaderToolbar extends ReduxMixin(PolymerElement) {
               <a href="[[nav.permalink]]" layout vertical center-center>[[nav.label]]</a>
             </paper-tab>
           </template>
-
-<!--          <paper-tab class="signin-tab" on-click="signIn" link hidden$="[[signedIn]]">-->
-<!--            [[signInText]]-->
-<!--          </paper-tab>-->
-
-<!--          <a href="[[ cfpLink ]]" target="_blank" rel="noopener noreferrer">-->
-<!--            <paper-button class="buy-button" secondary>[[cfpHeader]]</paper-button>-->
-<!--          </a>-->
-
-<!--          <a href$="[[ticketUrl]]" target="_blank" rel="noopener noreferrer">-->
-<!--            <paper-button class="buy-button" primary>[[buyTicket]]</paper-button>-->
-<!--          </a>-->
+          <a
+            href="[[faqLink]]"
+            target="_blank"
+            rel="noopener noreferrer"
+            layout
+            vertical
+            center-center
+            class="faq-link"
+          >
+            FAQ
+          </a>
+
+          <!--          <paper-tab class="signin-tab" on-click="signIn" link hidden$="[[signedIn]]">-->
+          <!--            [[signInText]]-->
+          <!--          </paper-tab>-->
+
+          <!--          <a href="[[ cfpLink ]]" target="_blank" rel="noopener noreferrer">-->
+          <!--            <paper-button class="buy-button" secondary>[[cfpHeader]]</paper-button>-->
+          <!--          </a>-->
+
+          <!--          <a href$="[[ticketUrl]]" target="_blank" rel="noopener noreferrer">-->
+          <!--            <paper-button class="buy-button" primary>[[buyTicket]]</paper-button>-->
+          <!--          </a>-->
         </paper-tabs>
 
         <notification-toggle></notification-toggle>
@@ -239,6 +260,7 @@ export class HeaderToolbar extends ReduxMixin(PolymerElement) {
   private buyTicket = buyTicket;
   private cfpHeader = cfpHeader;
   private cfpLink = cfpLink;
+  private faqLink = faqLink;
 
   @property({ type: Boolean, notify: true })
   drawerOpened: boolean = false;

diff --git a/src/hoverboard-app.ts b/src/hoverboard-app.ts
@@ -39,7 +39,8 @@ import {
   signInProviders,
   title,
   cfpHeader,
-  cfpLink
+  cfpLink,
+  faqLink,
 } from './utils/data';
 import './utils/icons';
 import './utils/media-query';
@@ -172,29 +173,29 @@ export class HoverboardApp extends PolymerElement {
                   [[nav.label]]
                 </a>
               </template>
+              <a href="[[ faqLink ]]" target="_blank" rel="noopener noreferrer"> FAQ </a>
             </iron-selector>
 
             <div>
               <app-install></app-install>
 
-<!--              <a-->
-<!--                class="bottom-drawer-link"-->
-<!--                href$="[[ticketUrl]]"-->
-<!--                target="_blank"-->
-<!--                rel="noopener noreferrer"-->
-<!--                on-click="closeDrawer"-->
-<!--                layout-->
-<!--                horizontal-->
-<!--                center-->
-<!--              >-->
-<!--                <span>[[buyTicket]]</span>-->
-<!--                <iron-icon icon="hoverboard:open-in-new" primary></iron-icon>-->
-<!--              </a>-->
-
-<!--              <a href="[[ cfpLink ]]" target="_blank" rel="noopener noreferrer" on-tap="closeDrawer">-->
-<!--                <paper-button class="buy-button" >[[ cfpHeader ]]</paper-button>-->
-<!--              </a>-->
-
+              <!--              <a-->
+              <!--                class="bottom-drawer-link"-->
+              <!--                href$="[[ticketUrl]]"-->
+              <!--                target="_blank"-->
+              <!--                rel="noopener noreferrer"-->
+              <!--                on-click="closeDrawer"-->
+              <!--                layout-->
+              <!--                horizontal-->
+              <!--                center-->
+              <!--              >-->
+              <!--                <span>[[buyTicket]]</span>-->
+              <!--                <iron-icon icon="hoverboard:open-in-new" primary></iron-icon>-->
+              <!--              </a>-->
+
+              <!--              <a href="[[ cfpLink ]]" target="_blank" rel="noopener noreferrer" on-tap="closeDrawer">-->
+              <!--                <paper-button class="buy-button" >[[ cfpHeader ]]</paper-button>-->
+              <!--              </a>-->
             </div>
           </div>
         </app-drawer>
@@ -224,6 +225,7 @@ export class HoverboardApp extends PolymerElement {
   private shortLocation = location.short;
   private cfpLink = cfpLink;
   private cfpHeader = cfpHeader;
+  private faqLink = faqLink;
 
   @query('#drawer')
   drawer!: AppDrawerElement;
@@ -248,7 +250,7 @@ export class HoverboardApp extends PolymerElement {
   stateChanged(state: RootState) {
     this.tickets = state.tickets;
     this.routeName = selectRouteName(window.location.pathname);
-    if(window.location.pathname.includes('/carapuce')){
+    if (window.location.pathname.includes('/carapuce')) {
       this.noLayoutPage = true;
     }
   }

diff --git a/src/utils/data.ts b/src/utils/data.ts
@@ -52,6 +52,7 @@ export {
   image,
   viewHighlights,
   locationText,
+  faqLink,
 } from '../../public/data/resources.json';
 export {
   contentLoaders,