Skip to content

Instantly share code, notes, and snippets.

@PatrickatPaperlessPCS

PatrickatPaperlessPCS/show.html (raw HTML)

Created October 26, 2017 17:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save PatrickatPaperlessPCS/eed4748dae34b0f528f64bc498a6ffdb to your computer and use it in GitHub Desktop.
Save PatrickatPaperlessPCS/eed4748dae34b0f528f64bc498a6ffdb to your computer and use it in GitHub Desktop.
Download ZIP
Raw
show.html (raw HTML)
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.show {
background-color: #DADFE1;
}
.show-container {
margin: 10%;
z-index: 2;
background-color: white;
border-style: solid;
border-color: #95A5A6;
border-radius: 15px;
}
.pad10 {
padding-left: 15px;
}
.img_header {
width: 100%;
z-index: 2;
}
.title {
font-family: sans-serif;
font-size: 55px;
font-weight: bolder;
padding-bottom: 10px;
padding-top: 10px;
}
.date {
text-align: right;
font-size: 15px;
padding-bottom: 10px;
}
.location {
text-align: right;
font-size: 25px;
padding-bottom: 10px;
}
.information {
border-style: solid;
border-color: gray;
padding: 25px;
}
</style>
</head>
<body>
<h1>Editing Event</h1>
<form class="edit_event" id="edit_event_34" enctype="multipart/form-data" action="/events/34" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="+v9KSjrfZvZyETcCvQvFsAF1cwWwQ+8HpG/7hcnMPFg/BFb/2eT5p6o4C2BTKADlr/O3oILPRT2G32LciqSy4g==" />
<div class="field">
<label for="event_title">Title</label><br>
<input type="text" value="Mostly Just Testing" name="event[title]" id="event_title" />
</div>
<div class="field">
<label for="event_location">Location</label><br>
<input type="text" value="Mandalay Bay Resort &amp; Casino Conference Center" name="event[location]" id="event_location" />
</div>
<div class="field">
<label for="event_start">Start</label><br>
<select id="event_start_1i" name="event[start(1i)]">
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017" selected="selected">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
</select>
<select id="event_start_2i" name="event[start(2i)]">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10" selected="selected">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<select id="event_start_3i" name="event[start(3i)]">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27" selected="selected">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
</div>
<div class="field">
<label for="event_end">End</label><br>
<select id="event_end_1i" name="event[end(1i)]">
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018" selected="selected">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
</select>
<select id="event_end_2i" name="event[end(2i)]">
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10" selected="selected">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
<select id="event_end_3i" name="event[end(3i)]">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27" selected="selected">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
</div>
<div class="field">
<label for="event_information">Information</label><br>
<textarea name="event[information]" id="event_information">
This is a big conference. We&#39;re going to &lt;b&gt; test things &lt;/b&gt;</textarea>
</div>
<div class="field">
Header Photo
<input type="file" name="event[header]" id="event_header" />
</div>
<table class='table'>
<thead>
<tr>
<th></th>
<th>Task Name</th>
</tr>
</thead>
<tbody class='fields'>
<tr>
<td> Question <input type="text" value="When did you first start going?" name="event[questions_attributes][0][content]" id="event_questions_attributes_0_content" /></td>
<td> Delete Question <input name="event[questions_attributes][0][_destroy]" type="hidden" value="0" /><input type="checkbox" value="1" name="event[questions_attributes][0][_destroy]" id="event_questions_attributes_0__destroy" /> </td>
<td> Type: <select name="event[questions_attributes][0][question_type]" id="event_questions_attributes_0_question_type"><option value="Information">Information</option>
<option value="Check Box">Check Box</option></select></td>
<td> Amount: <input type="text" name="event[questions_attributes][0][amount]" id="event_questions_attributes_0_amount" />
</tr>
<input type="hidden" value="106" name="event[questions_attributes][0][id]" id="event_questions_attributes_0_id" />
<tr>
<td> Question <input type="text" value="What time of day is it there?" name="event[questions_attributes][1][content]" id="event_questions_attributes_1_content" /></td>
<td> Delete Question <input name="event[questions_attributes][1][_destroy]" type="hidden" value="0" /><input type="checkbox" value="1" name="event[questions_attributes][1][_destroy]" id="event_questions_attributes_1__destroy" /> </td>
<td> Type: <select name="event[questions_attributes][1][question_type]" id="event_questions_attributes_1_question_type"><option value="Information">Information</option>
<option value="Check Box">Check Box</option></select></td>
<td> Amount: <input type="text" name="event[questions_attributes][1][amount]" id="event_questions_attributes_1_amount" />
</tr>
<input type="hidden" value="107" name="event[questions_attributes][1][id]" id="event_questions_attributes_1_id" />
<tr>
<td> Question <input type="text" value="How much do you want to pay?" name="event[questions_attributes][2][content]" id="event_questions_attributes_2_content" /></td>
<td> Delete Question <input name="event[questions_attributes][2][_destroy]" type="hidden" value="0" /><input type="checkbox" value="1" name="event[questions_attributes][2][_destroy]" id="event_questions_attributes_2__destroy" /> </td>
<td> Type: <select name="event[questions_attributes][2][question_type]" id="event_questions_attributes_2_question_type"><option value="Information">Information</option>
<option value="Check Box">Check Box</option></select></td>
<td> Amount: <input type="text" name="event[questions_attributes][2][amount]" id="event_questions_attributes_2_amount" />
</tr>
<input type="hidden" value="108" name="event[questions_attributes][2][id]" id="event_questions_attributes_2_id" /> </tbody>
</table>
<a class="add_fields btn btn-primary" data-id="70128814157180" data-fields="&lt;tr&gt; &lt;td&gt; Question &lt;input type=&quot;text&quot; name=&quot;event[questions_attributes][70128814157180][content]&quot; id=&quot;event_questions_attributes_70128814157180_content&quot; /&gt;&lt;/td&gt; &lt;td&gt; Delete Question &lt;input name=&quot;event[questions_attributes][70128814157180][_destroy]&quot; type=&quot;hidden&quot; value=&quot;0&quot; /&gt;&lt;input type=&quot;checkbox&quot; value=&quot;1&quot; name=&quot;event[questions_attributes][70128814157180][_destroy]&quot; id=&quot;event_questions_attributes_70128814157180__destroy&quot; /&gt; &lt;/td&gt; &lt;td&gt; Type: &lt;select name=&quot;event[questions_attributes][70128814157180][question_type]&quot; id=&quot;event_questions_attributes_70128814157180_question_type&quot;&gt;&lt;option value=&quot;Information&quot;&gt;Information&lt;/option&gt;&lt;option value=&quot;Check Box&quot;&gt;Check Box&lt;/option&gt;&lt;/select&gt;&lt;/td&gt; &lt;td&gt; Amount: &lt;input type=&quot;text&quot; name=&quot;event[questions_attributes][70128814157180][amount]&quot; id=&quot;event_questions_attributes_70128814157180_amount&quot; /&gt;&lt;/tr&gt;" href="#">Add a line</a></div>
<div class="actions">
<input type="submit" name="commit" value="Update Event" />
</div>
</form>
<a href="/events/34">Show</a> |
<a href="/events">Back</a>
</body>
</html>
Raw
show.html.erb
<head>
<style type="text/css">
.show {
background-color: #DADFE1;
}
.show-container {
margin: 10%;
z-index: 2;
background-color: white;
border-style: solid;
border-color: #95A5A6;
border-radius: 15px;
}
.pad10 {
padding-left: 15px;
}
.img_header {
width: 100%;
z-index: 2;
}
.title {
font-family: sans-serif;
font-size: 55px;
font-weight: bolder;
padding-bottom: 10px;
padding-top: 10px;
}
.date {
text-align: right;
font-size: 15px;
padding-bottom: 10px;
}
.location {
text-align: right;
font-size: 25px;
padding-bottom: 10px;
}
.information {
border-style: solid;
border-color: gray;
padding: 25px;
}
</style>
</head>
<body class="show">
<div class="container-fluid show-container">
<p id="notice"><%= notice %></p>
<div class="title">
<%= @event.title%>
</div>
<div class="location">
<%= @event.location %>
</div>
<div class="date">
<%= @event.start %> to <%= @event.end %></div>
<%= image_tag @event.header.url, :class => "img_header"%>
<br>
<p class="information"><%= @event.information %></p>
<% if user_signed_in? %>
<%= render "admin" %>
<% end %>
<%= form_for [@event, @attendee] do |f| %>
<% @answers.each do |answer| %>
<%= f.fields_for :answers, answer do |a| %>
<%= a.hidden_field :question_id %>
<p><%= a.object.question.content %>
<% if a.object.question.question_type == 'Check Box'%>
<%= a.check_box :reply %>
<% else %>
<%= a.text_field :reply, :class => 'form-control' %> </p>
<% end %>
<% end %>
<% end %>
<br>
<%= f.submit 'Regsister Me!', :class => 'btn btn-success' %>
<% end %>
<br>
<%= link_to 'Edit', edit_event_path(@event) %> |
<%= link_to 'Back', events_path %>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment