tickets/render.html at master · devternity/tickets · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<div class="container">
  <header>
    <h1>Tickets</h1>
    <button ng-click="self.print()" class="print">Print all</button>
    <h2>Thanks for your purchase!</h2>
    <p style="font-weight: bold; line-height: 1.5em;">
      Each conference ticket is licenced to a single individual. As the holder of the ticket, you cannot:
      <br />
      ❌ Share your access with any other individual(s).
      <br />
      ❌ Let other individuals access/watch a conference using your personal license, unless they have purchased a ticket.
      <br />
      👮 DevTernity team is strictly policing legitimate and fair usage both manually and automatically.
      <br />
      👮 If you are found to be in violation of the license, your ticket will be terminated.
    </p>

    <p>You can change the attendee's info yourself by typing a new name or email. You don't have to inform conference organizers on this occasion. </p>
    <p><b>You will receive information on how to join the conference 5 days before the event.</b></p>
  </header>

  <div class="item" ng-repeat="ticket in self.tickets" ng-show="ticket">
    <div class="item-right">
      <qrcode data="{{ticket.id}}" color="black" size="130"></qrcode>
      <span class="up-border"></span>
      <span class="down-border"></span>
    </div>

    <div class="item-left">
      <p class="event">{{ticket.title}}</p>
      <h2 class="title limit">{{ticket.event}}</h2>
      <div class="info">
        <div class="icon">
          <p>
            <i class="fa fa-table"></i> {{ticket.startsAt}}<br/>
          </p>
        </div>
      </div>
      <div class="info">
        <div class="icon">
          <p>
          <i class="fa fa-map-marker"></i> Online
         </p>
        </div>
      </div>
      <div class="info view">
        <div class="icon">
          <p>
            <i class="fa fa-user"></i>
            {{ticket.holder.name}}
          </p>
        </div>
      </div>
      <div class="info edit">
        <div class="icon">
          <p>
          <input type="text" placeholder="{{ticket.holder.name}}" ng-model="self.ticketsForChange[$index].name" />
          <input type="text" placeholder="{{ticket.holder.email}}" ng-model="self.ticketsForChange[$index].email"/>
          </p>
          <p>
            Ticket ID: <br>
            <b>{{ticket.id}}</b>
          </p>
        </div>
        <div style="height: 1em">
          <a href="" ng-click="self.save($index)" ng-show="self.ticketsForChange[$index].name || self.ticketsForChange[$index].email">save</a>
          <a href="" ng-click="self.cancel($index)" ng-show="self.ticketsForChange[$index].name || self.ticketsForChange[$index].email">cancel</a>
        </div>
      </div>
    </div>
    <footer>
      <hr/>
      <h1>Thanks for being part of DevTernity!</h1>
      <br/>
      <p>Please bring printed tickets to the registration desk, or prepare to show them on your phone.
      </p>
      <br>
      <p>Only a person whose data matches the ticket can attend the conference.</p>
      <br/>
      <img class="logo" src="https://res.cloudinary.com/eduardsi/image/upload/c_scale,h_200/v1513458004/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhY2NvdW50IjoyOTM1MTYwLCJidWNrZXQiOiJ1cGxvYWRzIiwia2V5IjoiJ2RvY3MtJy0yOTM1MTYwL3VwbG9hZC1kZGIwMjcyMDYyMDllYmE3ODQyYzIyNmIyNzlhZTVhM2E0ZTk2YjI0IiwiZmlsZW5hbWUiOiJ_nottdy.png">
      <br/><br/>
      <i class="fa fa-twitter"></i> #devternity @devternity<br/><br/>
      <i class="fa fa-facebook"></i> facebook.com/devternity<br/><br/>
      <i class="fa fa-instagram"></i> instagram.com/devternity<br/><br/>
      <i class="fa fa-linkedin"></i> go.devternity.com/linkedin
    </footer>
    <hr/>
  </div>
</div>