swanson

:plain
  var existingModal = document.querySelector("[data-controller='modal']");
  if (existingModal) {
    document.body.removeChild(existingModal);
  }

  document.body.insertAdjacentHTML("beforeend", "#{j render partial: template.to_s, locals: local_assigns }");

swanson

<div
  class="inline-block"
  data-controller="hovercard"
  data-hovercard-url-value="<%= hovercard_user_path(e.user) %>"
  data-action="mouseenter->hovercard#show mouseleave->hovercard#hide"
>
  <%= link_to e.user.username, e.user, class: "font-bold hover:text-gray-700" %>
</div>
<span>
  <%= e.action %>

swanson

<div data-controller="clipboard" class="mt-4 bg-gray-50 p-6">
  <input type="text" class="form-input bg-grey-50" value="SeCrEtKeY-42!" data-clipboard-target="source" readonly />

  <button class="btn" data-clipboard-target="button" data-action="clipboard#copy">
    Copy
  </button>
</div>

swanson

<div data-controller="counter" data-counter-count-value="7" class="flex flex-col mt-3">
  <div class="text-2xl">
    The count is: <span data-counter-target="result"></span>
  </div>
  <div class="flex space-x-4 mt-4">
    <button class="btn" data-action="counter#increment">+</button>
    <button class="btn" data-action="counter#decrement">-</button>
  </div>
</div>

swanson

import { Controller } from "stimulus";

export default class extends Controller {
  static targets = ["count"];

  connect() {
    this.setCount();
  }

  checkAll() {

swanson

//
<div data-controller="required-field" data-required-field-message="Email is required">
  <input name="email" data-target="required-field.field" ...>
</div>

<div data-controller="required-field" data-required-field-message="Password is required">
  <input name="password" data-target="required-field.field">
</div>

//

swanson

:plain
  var existingModal = document.querySelector("[data-controller='modal']");
  if (existingModal) {
    document.body.removeChild(existingModal);
  }

  document.body.insertAdjacentHTML("beforeend", "#{j render partial: template.to_s}");

swanson

"id": "MqdKxNWfuUSj0wAERp0G6p9qDAIZ",
"jerseyNumber": 59,
"name": {
  "familyName": "Okine",
  "givenName": "Earl"
},
"position": "DEFENSIVE_END"
},
"stats": {
"assistedTackles": 1,

swanson

for position, min_limit, max_limit in POSITION_LIMITS:
    position_cap = solver.Constraint(min_limit, max_limit)

    for i, player in enumerate(all_players):
      if position == player.position:
        position_cap.SetCoefficient(variables[i], 1)
        
# add this section
flex_spot = solver.Constraint(1, 1)
for i, player in enumerate(all_players):

swanson

what is `index/2` and why does elixir care about arity so much?

is mix like Rake or the Rails commands? both? neither?

what's the |> syntax? What's it called (ala hash-rocket)?

How do I do a `rails c` equivalent?

Is there something like `pry`?