2015-03-06 08:20:49 +09:00
.spacer
.col-xs-12
2015-03-07 17:42:22 +09:00
script.
var storyURL = !{JSON.stringify(storyURL)};
var storyTitle = !{JSON.stringify(storyTitle)};
2015-03-09 13:08:39 +09:00
var storyImage = !{JSON.stringify(storyImage)};
2015-03-09 18:40:14 +09:00
var storyMetaDescription = !{JSON.stringify(storyMetaDescription)};
2015-03-18 00:40:18 -07:00
form.form-horizontal.control-label-story-submission#story-submission-form(name="submitStory")
2015-03-07 16:48:57 -08:00
.col-xs-12
2015-03-05 19:21:26 +09:00
.form-group
2015-03-07 16:48:57 -08:00
.col-xs-12.col-md-1
2015-03-05 19:21:26 +09:00
label.control-label.control-label-story-submission(for='name') Link
2015-03-07 16:48:57 -08:00
.col-xs-12.col-md-11
2015-03-07 17:42:22 +09:00
input#story-url.form-control(placeholder='Paste your link here', name='Link')
2015-03-05 19:21:26 +09:00
.form-group
2015-03-07 16:48:57 -08:00
.col-xs-12.col-md-1
2015-03-05 19:21:26 +09:00
label.control-label.control-label-story-submission(for='name') Title
2015-03-07 16:48:57 -08:00
.col-xs-12.col-md-11
2015-04-30 14:55:00 -07:00
input#story-title.form-control(placeholder='Type a headline for your link here', name='Title', maxlength='90' ng-model='submitStory.title',required='required', autocomplete="off", ng-init='submitStory.title="#{storyTitle}"' autofocus)
.col-xs-12.col-md-11.col-md-offset-1(ng-cloak, ng-show="submitStory.title.$error.required")
alert(type='danger')
span.ion-close-circled
| A headline is required to submit.
2015-03-07 18:26:49 +09:00
.form-group
2015-03-07 16:48:57 -08:00
.col-xs-12.col-md-1
2015-03-18 00:40:18 -07:00
label.control-label.control-label-story-submission(for='name') Comment
2015-03-07 16:48:57 -08:00
.col-xs-12.col-md-11
2015-03-18 00:40:18 -07:00
input#description-box.form-control(name="comment-box", placeholder="Kick off the discussion with an optional comment about this link" maxlength='140')
2015-03-09 13:55:13 +09:00
.form-group
.col-xs-12.col-md-offset-1
2015-03-08 17:51:27 -07:00
span.pull-left#textarea_feedback
2015-03-09 13:55:13 +09:00
.form-group
2015-03-09 18:40:14 +09:00
.col-xs-11.col-md-offset-1
2015-03-09 13:55:13 +09:00
.hidden-element#image-display
2015-03-09 18:40:14 +09:00
.media
.media-left
img.url-preview.media-object(src="#{storyImage}", alt="#{storyMetaDescription}")
.media-body
.col-xs-12
p= storyMetaDescription
2015-03-06 08:20:49 +09:00
.spacer
2015-03-09 13:08:39 +09:00
.row
.form-group
2015-03-09 13:55:13 +09:00
2015-04-30 14:55:00 -07:00
button.btn.btn-big.btn-block.btn-primary#story-submit(type='submit', ng-disabled='submitStory.$invalid || !submitStory') Submit
2015-03-07 17:42:22 +09:00
script.
$('#story-url').val(storyURL).attr('disabled', 'disabled');
2015-03-08 17:51:27 -07:00
$('#story-title').val(storyTitle);
2015-03-09 13:55:13 +09:00
if (storyImage) {
$('#image-display').removeClass('hidden-element');
}
2015-03-08 17:51:27 -07:00
var text_max = 140;
$('#textarea_feedback').html(text_max + ' characters remaining');
$('#description-box').keyup(function () {
var text_length = $('#description-box').val().length;
var text_remaining = text_max - text_length;
$('#textarea_feedback').html(text_remaining + ' characters remaining');
});