maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[deploy] Autosize textareas for suggested tweets (#6056)

Browse source
This commit is contained in:
Jacob Herrington 2020-02-13 10:42:44 -06:00 • committed by GitHub
parent 9f4dad77da
commit bc9fc6ee3b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/javascript/internal/controllers/buffer_controller.js
View file

@ -1,7 +1,7 @@
import { Controller } from 'stimulus';
export default class BufferController extends Controller {
static targets = ['header'];
static targets = ['header', 'bodyText'];
tagBufferUpdateConfirmed() {
this.headerTarget.innerHTML +=
@ -20,6 +20,12 @@ export default class BufferController extends Controller {
}, 350);
}
autosizeBodyText() {
this.bodyTextTarget.rows = this.bodyTextTarget.value.split(
/\r\n|\r|\n/,
).length;
}
get bufferUpdateId() {
return parseInt(this.data.get('id'), 10);
}

6
app/views/internal/articles/index.html.erb
View file

@ -44,10 +44,10 @@
</div>
<div class="col-12 mb-2">
<details>
<summary style="font-size: 1.3em; cursor: pointer;">Suggested tweets (<%= @pending_buffer_updates.size %>)</summary>
<summary style="font-size: 1.3em; cursor: pointer;">Suggested Tweets (<%= @pending_buffer_updates.size %>)</summary>
<% @pending_buffer_updates.each do |buffer_update| %>
<% next unless buffer_update.article %>
<div class="card my-3" id="suggested-tweet-<%= buffer_update.id %>" data-controller="buffer">
<div class="card my-3" id="suggested-tweet-<%= buffer_update.id %>" data-controller="buffer" data-action="load@window->buffer#autosizeBodyText">
<div class="card-header">
<h2 class="my-0" data-target="buffer.header"><%= buffer_update.article.title %></h2>
</div>
@ -66,7 +66,7 @@
<input type="hidden" name="authenticity_token" value="<%= form_authenticity_token %>" />
<input type="hidden" name="_method" value="patch" />
<input type="hidden" name="status" value="confirmed" />
<textarea name="body_text" class="form-control"><%= buffer_update.body_text %></textarea>
<textarea class="w-100 suggested-tweet-body-text" name="body_text" class="form-control" data-target="buffer.bodyText"><%= buffer_update.body_text %></textarea>
</div>
<button value="confirmed" name="status" class="btn btn-success" data-action="buffer#tagBufferUpdateConfirmed">Confirm</button>
<% end %>