Skip to content

Instantly share code, notes, and snippets.

@pgdaniel

pgdaniel/gist:6601722

Created September 17, 2013 22:45
Show Gist options
  • Save pgdaniel/6601722 to your computer and use it in GitHub Desktop.
Save pgdaniel/6601722 to your computer and use it in GitHub Desktop.
Download ZIP
nested attribute
Raw
gistfile1.txt
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<title>Squabbler Publisher</title>
<link href="/assets/publisher.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/video-js.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/font-awesome.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.core.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.theme.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.datepicker.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/smart_wizard.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/admin_shared/base.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/admin_shared/buttons.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/admin_shared/forms.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/admin_shared/home.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/admin_shared/lists.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/admin_shared/tables.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/admin_shared/tabs.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/publisher/forms.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/publisher/home.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/publisher/moderation.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/publisher/progress_bar.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/publisher/widget_preview.css?body=1" media="all" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]>
<link href="/assets/lt-ie9.css?body=1" media="all" rel="stylesheet" type="text/css" />
<![endif]-->
<script src="http://js.pusher.com/2.0/pusher.min.js"></script>
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.role.js?body=1" type="text/javascript"></script>
<script src="/assets/lodash.underscore.js?body=1" type="text/javascript"></script>
<script src="/assets/underscore_mixins.js?body=1" type="text/javascript"></script>
<script src="/assets/backbone.js?body=1" type="text/javascript"></script>
<script src="/assets/view_registrar.js?body=1" type="text/javascript"></script>
<script src="/assets/video.js?body=1" type="text/javascript"></script>
<script src="/assets/modernizr-custom.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.nested_attributes.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.ui.core.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.ui.datepicker.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.ui.widget.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.ui.mouse.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.ui.sortable.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.smartWizard-2.0.js?body=1" type="text/javascript"></script>
<script src="/assets/plupload.js?body=1" type="text/javascript"></script>
<script src="/assets/plupload.html5.js?body=1" type="text/javascript"></script>
<script src="/assets/plupload.flash.js?body=1" type="text/javascript"></script>
<script src="/assets/progress_bar.js?body=1" type="text/javascript"></script>
<script src="/assets/ZeroClipboard.js?body=1" type="text/javascript"></script>
<script src="/assets/copy_pasta.js?body=1" type="text/javascript"></script>
<script src="/assets/foundation/foundation.js?body=1" type="text/javascript"></script>
<script src="/assets/foundation/foundation.reveal.js?body=1" type="text/javascript"></script>
<script src="/assets/foundation/foundation.section.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/initializers/pusher.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/initializers/video.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/utilities/video_pusher.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/archive_confirm.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/widget_form.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/hybrid_widget_form.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/pending_challenges.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/pending_challenges/make_response.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/publisher_admin_invitation_form.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/publisher_widget_form.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/simple_sort_form.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/single_widget_form.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/site_form.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/social_widget_form.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/sort_form.js?body=1" type="text/javascript"></script>
<script src="/assets/double_date.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/widget_form/end_date_selector.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/widget_form/recording_tips_toggle.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/widget_form/video.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/widget_form/video/embed_mode.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/widget_form/video/processor.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/widget_form/video/record_mode.js?body=1" type="text/javascript"></script>
<script src="/assets/publisher/views/widget_form/video/upload_mode.js?body=1" type="text/javascript"></script>
<script src="/assets/recorder_external_interface.js?body=1" type="text/javascript"></script>
<meta content="authenticity_token" name="csrf-param" />
<meta content="8gVdVdKggZXEP0KrZqrGVRg5INBtUew8adCD7mVPKtA=" name="csrf-token" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div class="row top-nav">
<div class="left">
<a href="/publisher"><img alt="Logo" src="/assets/logo.png" /></a>
</div>
<div class="right">
<p>
Logged in as Philosophie Root (Super Admin)
<span class="icon-stack">
<i class="icon-check-empty icon-stack-base"></i>
<i class="icon-user"></i>
</span>
| <a href="/admin">Back to Super Admin</a>
</p>
</div>
</div>
<div class="row">
<div class="large-2 columns main-sidebar">
<ul class="side-nav">
<li class="current-publisher-nav"><h4>ACME Publishing Inc.</h4></li>
<i class="icon-home left menu-icon"></i>
<li class=""><a href="/publisher">Dashboard</a></li>
<i class="icon-sitemap left menu-icon"></i>
<li class="active"><a href="/publisher/sites">Sites</a></li>
<li class="sub-nav active"><a href="/publisher/sites/1">ACME Site #1</a></li>
<li class="sub-nav"><a href="/publisher/sites/new">Add New +</a></li>
<i class="icon-user left menu-icon"></i>
<li class=""><a href="/publisher/admins">Admins</a></li>
<li class="sub-nav"><a href="/publisher/admins/new">Add New +</a></li>
</ul>
</div>
<div class="large-10 columns">
<div class="container">
<form accept-charset="UTF-8" action="/publisher/sites/1/single_widgets/11" class="edit_single_widget" enctype="multipart/form-data" id="edit_single_widget_11" method="post" role="single-widget-form"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="_method" type="hidden" value="put" /><input name="authenticity_token" type="hidden" value="8gVdVdKggZXEP0KrZqrGVRg5INBtUew8adCD7mVPKtA=" /></div>
<div role="form">
<fieldset><legend>Basic Information</legend>
<div class="row"><div class="large-2 columns"><label class="inline right" for="single_widget_title">Title</label></div><div class="large-10 columns"><input id="single_widget_title" name="single_widget[title]" role="title" size="30" type="text" /></div></div>
<div role="end-date-selection" class="row">
<div class="large-2 columns"><label class="inline right">End Date</label></div>
<div class="large-10 columns">
<label class="toggle inline">
<input checked="checked" id="single_widget_end_date" name="single_widget[end_date]" role="hide-end-date-fields" type="radio" />
None
</label>
<label class="toggle inline">
<input id="single_widget_end_date" name="single_widget[end_date]" role="show-end-date-fields" type="radio" />
Set
</label>
<div role="end-date-fields" class="row">
<div class="large-3 columns">
<label for="single_widget_Date:">Date:</label>
<input id="single_widget_expires_at_date" name="single_widget[expires_at_date]" role="expires-at-date" size="30" type="text" />
</div>
<div class="large-3 columns end">
<label for="single_widget_Time:">Time:</label>
<input id="single_widget_expires_at_time" name="single_widget[expires_at_time]" placeholder="9am, noon, 5:00pm" role="expires-at-time" size="30" type="text" />
<p class="field-note">Timezone: Pacific Time (US &amp; Canada)</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-2 columns">
<label class="inline right">Max votes / day</label>
</div>
<div class="large-2 columns end">
<input id="single_widget_max_votes_per_day" label_options="{:text=&gt;&quot;Max votes / day&quot;}" name="single_widget[max_votes_per_day]" size="30" type="text" value="0" />
<p class="field-note">0 equals unlimited votes</p>
</div>
</div>
<div class="row photo-field-with-preview">
<div class="large-2 columns"><label class="inline right" for="single_widget_logo">Logo</label></div>
<div class="large-10 columns">
<input id="single_widget_logo" name="single_widget[logo]" type="file" />
<input id="single_widget_logo_cache" name="single_widget[logo_cache]" type="hidden" />
<p class="field-note">File requirements: Type: .png, Max Size: 500 kb </p>
</div>
</div>
<div class="row">
<div class="large-2 columns">
<label class="inline right">Hashtags</label>
</div>
<div class="large-10 columns end">
<input id="single_widget_hashtags" label_options="{:text=&gt;&quot;squabble&quot;}" name="single_widget[hashtags]" size="30" type="text" />
<p class="field-note">Enter hash tags seperated by spaces or commas</p>
</div>
</div>
<!-- <div class="row"> -->
<!-- </div> -->
</fieldset>
<fieldset><legend>Advanced Settings</legend>
<div class="row">
<div class="large-3 columns">
<label class="inline">Logo</label>
</div>
<div class="large-9 columns left">
<div style="border:1px solid ##e0e0e0; background-color:rgba(46, 85, 144, 1.0000); padding: 5px 5px" class="large-4 column">
<img alt="Abc-logo" src="/assets/abc-logo.png" />
</div>
</div>
</div>
<div class="row">
<div class="large-3 columns">
<label class="inline">Twitter</label>
<label class="inline">Facebook</label>
<label class="inline">Default sort query</label>
</div>
<div class="large-9 columns left">
<input type="text">
<input type="text">
<select class="medium large-4 columns" id="testit_blah" name="testit[blah]"><option value="1">Lastest First</option>
<option value="2"></option></select>
</div>
</div>
<div class="row">
<div class="large-3 columns">
<label class="inline" for="single_widget_widget_attributes_attributes_Max Record Time">Max record time</label>
</div>
<div class="large-4 columns left">
<input id="single_widget_widget_attributes_attributes_video_max_length" name="single_widget[widget_attributes_attributes][video_max_length]" size="30" type="text" value="15" />
</div>
</div>
<div class="row">
<div class="large-3 columns">
<label class="inline">Tip #2</label>
<label class="inline">Tip #3</label>
<label class="inline">Tip #4</label>
</div>
<div class="large-9 columns end">
<input type="text" placeholder="Speak clearly">
<input type="text" placeholder="Be passionate">
<input type="text" placeholder="Ensure good lighting">
</div>
</div>
<div class="row">
<div class="large-3 columns">
<label>Terms of Service</label>
</div>
<div class="large-9 columns">
<textarea></textarea>
</div>
</div>
<input id="single_widget_widget_attributes_attributes_id" name="single_widget[widget_attributes_attributes][id]" type="hidden" value="8" />
</fieldset>
<div class="row">
</div>
<a href="" class="button small radius" role="add_another_video">+ Add Another Video</a>
<ul role="nested-video-fields" class="">
<li>
<input id="single_widget_video_filename" name="single_widget[video][filename]" size="30" type="text" value="testit" />
<a href="#" class="destroy">×</a>
</li>
</ul>
</div>
<input class="button" name="commit" role="save" type="submit" value="Save" />
<input class="button secondary" name="commit" role="save" type="submit" value="Save &amp; Preview" />
</form>
</div>
</div>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment