ShowReviewFrontEnd/index.html at master · cshea93/ShowReviewFrontEnd · 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html>
    <head>
      <title>Ticket Tracker</title>
      <meta name="viewport" content="width=device-width, initial-scale=1">

      <!-- Do not add `link` tags unless you know what you are doing -->
      <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

      <!-- Do not add `script` tags unless you know what you are doing -->
      <script src="public/vendor.js" type="text/javascript" charset="utf-8" defer></script>
      <script src="public/application.js" type="text/javascript" charset="utf-8" defer></script>
    </head>
    <body class="container-fluid">
      <h1>Ticket Tracker</h1>
      <p>Welcome to Ticket Tracker! The one and only ; ) place to keep track of all the amazing life experiences you have had seeing live music.</p>
      <p>Album review and live setlist functionality coming soon! </p>
      <div id="sumome-smartbar-popup" class="sumome-smartbar-popup" ></div>
      <!-- <h1>Ticket Tracker</h1>
      <p>Welcome to TicketTracker! The one and only ; ) place to keep track of all the amazing life experiences you have had seeing live music.</p>
      <p>Album review and live setlist functionality coming soon! </p> -->
      <!-- <form id="sign-up" class="hide-sign-up" > -->
        <!-- <fieldset>
          <legend>Sign up!</legend>
          <input type="text" name="credentials[email]" value="" placeholder="email">
          <input type="password" name="credentials[password]" value="" placeholder="password">
          <input type="password" name="credentials[password_confirmation]" value="" placeholder="password confirmation">
          <input type="submit" name="submit" value="Sign up!">
        </fieldset>
      </form>
      <form id="sign-in" class="hide-sign-in">
        <fieldset>
          <legend>Sign in!</legend>
          <input type="text" name="credentials[email]" value="" placeholder="email">
          <input type="password" name="credentials[password]" value="" placeholder="password">
          <input type="submit" name="submit" value="Sign in!">
        </fieldset>
      </form>
      <form id="sign-out" class="hide-sign-out">
        <fieldset>
          <legend>Sign out!</legend>
          <input type="submit" name="submit" value="Sign out!">
        </fieldset>
      </form>
      <form id="change-password" class="hide-change-pw">
        <fieldset>
          <legend>Change Password</legend>
          <input type="password" name="passwords[old]" value="" placeholder="Old Password">
          <input type="password" name="passwords[new]" value="" placeholder="New Password">
          <input type="submit" name="submit" value="Change Password">
        </fieldset>
      </form> -->

      <!-- MODALS -->

      <nav>

          <div class="btn-group" id="sign-up">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Sign Up
          </button>
            <div class="dropdown-menu">
              <form class="auth">
                <fieldset>
                  <label class="email">
                      Email
                      <input class='form-clear' type="email" name="credentials[email]" class="signup-email">
                </label>

                  <label class="password">
                      Password
                      <input class='form-clear' type="password" name="credentials[password]" class="signup-password">
                </label>

                  <label class="password_confirmation">
                      Password Confirmation
                      <input class='form-clear' type="password" name="credentials[password_confirmation]" class="signup-password">
                </label>
                  <input type="submit" name="submit" value="Sign up!">
                </fieldset>
              </form>
            </div>
          </div>

          <div class="btn-group" id="sign-in">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Sign In
          </button>
            <div class="dropdown-menu">
              <form class="auth">
                <fieldset>
                  <label class="email">
                    Email
                  <input class='form-clear' type="email" name="credentials[email]" class="signin-email">
                </label>

                  <label class="password">
                    Password
                  <input class='form-clear' type="password" name="credentials[password]" class="signin-password">
                </label>
                  <input type="submit" name="submit" value="Sign in!">
                </fieldset>
              </form>
            </div>
          </div>

          <div class="btn-group" id="change-password">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            Change Password
          </button>
            <div class="dropdown-menu">
              <form>
                <fieldset>
                  <label class="old">
                      Old password
                      <input class='form-clear' type="password" name="passwords[old]" class>
                </label>

                  <label class="new">
                      New password
                      <input class='form-clear' type="password" name="passwords[new]">
                </label>

                  <input type="submit" name="submit" value="Change password!">
                </fieldset>
              </form>
            </div>
          </div>
          <div class="btn-group" role="group" aria-label="...">
   <form id="sign-out">
     <fieldset>
       <button type="submit" class="btn btn-default">Sign Out</button>
     </fieldset>
   </form>
 </div>
        </nav>


<div class="all-forms">
  <!-- <button id="remove-show" type="submit" class="btn btn-danger">Delete Show</button> -->
  <button id="getShowsButton" class="btn btn-default">View Your Shows</button>
  <button id="clearShowsButton" class="btn btn-default">Clear Your Shows</button>
  <div id="addShowLog" class ="add-show-log"></div>
  <form class="shows" id="add-show">
    <div class="form-group">
      <input class='form-clear' type="date" name="show[date]" placeholder="yyyy/mm/dd">
      <input class='form-clear' type="text" name="show[band]" placeholder="Add Band Here">
      <input class='form-clear' type="text" name="show[venue]" placeholder="Add Venue Here">
      <input class='form-clear' type="text" name="show[location]" placeholder="Add Location Here">
      <input class='form-clear' type="number" name="show[rating]" placeholder="Add Rating Here">
      <input class='form-clear' type="text" name="show[notes]" placeholder="Add Notes here">
      <button type="submit" class="btn btn-default">Add Show</button>
    </div>
  </form>

  <!-- <form class="shows" id="remove-show">
    <div class="form-group">
      <input type="text" name="show[date]" placeholder="ID of show to delete">
      <button type="submit" class="btn btn-danger">Delete Show</button>
    </div>
  </form> -->
  <!-- <form class="shows" id="edit-show">
    <div class="form-group">
      <input type="text" name="show[id]" placeholder="Select Show ID here">
      <input type="text" name="show[date]" placeholder="Edit Show Date Here">
      <input type="text" name="show[band]" placeholder="Edit Band Here">
      <input type="text" name="show[venue]" placeholder="Edit Venue Here">
      <input type="text" name="show[location]" placeholder="Edit Location Here">
      <input type="number" name="show[rating]" placeholder="Edit Rating Here">
      <input type="text" name="show[notes]" placeholder="Edit Notes here">
      <button type="submit" class="edit-show btn btn-default">Edit Saved Show</button>
    </div>
  </form> -->
</div>

<div id=show-log class=log></div>
<div id=show-log2 class=show-log-two></div>

<!-- <table class="table table-hover">
  <thead>
    <tr>
      <th>#</th>
      <th>Date</th>
      <th>Band</th>
      <th>Venue</th>
      <th>Location</th>
      <th>Rating</th>
      <th>Notes</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table> -->
    </body>
</html>