60 lines
3.0 KiB
Plaintext
60 lines
3.0 KiB
Plaintext
.spacer
|
|
.col-xs-12
|
|
script.
|
|
var storyURL = !{JSON.stringify(storyURL)};
|
|
var storyTitle = !{JSON.stringify(storyTitle)};
|
|
var storyImage = !{JSON.stringify(storyImage)};
|
|
var storyMetaDescription = !{JSON.stringify(storyMetaDescription)};
|
|
form.form-horizontal.control-label-story-submission#story-submission-form(name="submitStory")
|
|
.col-xs-12
|
|
.form-group
|
|
.col-xs-12.col-md-1
|
|
label.control-label.control-label-story-submission(for='name') Link
|
|
.col-xs-12.col-md-11
|
|
input#story-url.form-control(placeholder='Paste your link here', name='Link')
|
|
.form-group
|
|
.col-xs-12.col-md-1
|
|
label.control-label.control-label-story-submission(for='name') Title
|
|
.col-xs-12.col-md-11
|
|
|
|
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.
|
|
.form-group
|
|
.col-xs-12.col-md-1
|
|
label.control-label.control-label-story-submission(for='name') Comment
|
|
.col-xs-12.col-md-11
|
|
input#description-box.form-control(name="comment-box", placeholder="Kick off the discussion with an optional comment about this link" maxlength='140')
|
|
.form-group
|
|
.col-xs-12.col-md-offset-1
|
|
span.pull-left#textarea_feedback
|
|
.form-group
|
|
.col-xs-11.col-md-offset-1
|
|
.hidden-element#image-display
|
|
.media
|
|
.media-left
|
|
img.url-preview.media-object(src="#{storyImage}", alt="#{storyMetaDescription}")
|
|
.media-body
|
|
.col-xs-12
|
|
p= storyMetaDescription
|
|
.spacer
|
|
.row
|
|
.form-group
|
|
|
|
button.btn.btn-big.btn-block.btn-primary#story-submit(type='submit', ng-disabled='submitStory.$invalid || !submitStory') Submit
|
|
script.
|
|
$('#story-url').val(storyURL).attr('disabled', 'disabled');
|
|
$('#story-title').val(storyTitle);
|
|
if (storyImage) {
|
|
$('#image-display').removeClass('hidden-element');
|
|
}
|
|
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');
|
|
});
|