From 41610e98d3ade0fcbf01a1b8cea2006872d67303 Mon Sep 17 00:00:00 2001
From: "fanky.eu" <jakub.webisti@gmail.com>
Date: Thu, 15 Apr 2021 20:53:12 +0200
Subject: [PATCH] select to remember selected option value, taking back a
change in switch template, adding a card type
---
source/_patterns/00-atoms/09-cards/colored-card.mustache | 6 ++++++
.../_patterns/00-atoms/15-form-fields/05-select.mustache | 8 ++++----
.../01-molecules/09-switch/binary-switch.mustache | 4 ++--
3 files changed, 12 insertions(+), 6 deletions(-)
create mode 100644 source/_patterns/00-atoms/09-cards/colored-card.mustache
diff --git a/source/_patterns/00-atoms/09-cards/colored-card.mustache b/source/_patterns/00-atoms/09-cards/colored-card.mustache
new file mode 100644
index 0000000..5ca5b78
--- /dev/null
+++ b/source/_patterns/00-atoms/09-cards/colored-card.mustache
@@ -0,0 +1,6 @@
+<div class="card shadow-none bg-grey-125 {{ classes }}">
+ <div class="card__body">
+ <h1 class="card-headline mb-8"><a href="#">{{ title }}{{^ title }}{{ headline.short }}{{/ title }}</a></h1>
+ <p class="card-body-text">{{ excerpt.short }}</p>
+ </div>
+</div>
diff --git a/source/_patterns/00-atoms/15-form-fields/05-select.mustache b/source/_patterns/00-atoms/15-form-fields/05-select.mustache
index e083712..abee108 100644
--- a/source/_patterns/00-atoms/15-form-fields/05-select.mustache
+++ b/source/_patterns/00-atoms/15-form-fields/05-select.mustache
@@ -1,8 +1,8 @@
<div class="select {{ wrapClasses }}">
- <select class="select__control form-field__control {{ classes }}" value="" {{# disabled }}disabled{{/ disabled }} {{# readonly }}readonly{{/ readonly }}>
- <option>Option 1</option>
+ <select class="select__control form-field__control {{ classes }}" onchange="this.dataset.chosen = this.value;" data-chosen="{{# selected }}{{ selected }}{{/ selected }}" {{# disabled }}disabled{{/ disabled }} {{# readonly }}readonly{{/ readonly }}>
+ <option {{^ selected }}selected {{/ selected }}value="">{{ placeholder }}{{^ placeholder }}Choose option{{/ placeholder }}</option>
+ <option {{# selected }}selected {{/ selected }}>{{# selected }}{{ selected }}{{/ selected }}{{^ selected }}Option 1{{/ selected }}</option>
<option>Option 2</option>
<option>Option 3</option>
- <option>Option 4</option>
</select>
-</div>
+</div>
\ No newline at end of file
diff --git a/source/_patterns/01-molecules/09-switch/binary-switch.mustache b/source/_patterns/01-molecules/09-switch/binary-switch.mustache
index 7800c60..db21f36 100644
--- a/source/_patterns/01-molecules/09-switch/binary-switch.mustache
+++ b/source/_patterns/01-molecules/09-switch/binary-switch.mustache
@@ -1,4 +1,4 @@
<div class="switch">
- <a {{# viewProvider1 }}@click="toggleView('{{ viewProvider1 }}')"{{/ viewProvider1 }} class="switch__item {{ classes }} {{^ secondActive }}switch__item--active {{ activeClasses }}{{/ secondActive }}">{{ cta1 }}{{^ cta1 }}{{ cta }}{{/ cta1 }}</a>
- <a {{# viewProvider2 }}@click="toggleView('{{ viewProvider2 }}')"{{/ viewProvider2 }} class="switch__item {{ classes }} {{# secondActive }}switch__item--active {{ activeClasses }}{{/ secondActive }}">{{ cta2 }}{{^ cta2 }}{{ cta }}{{/ cta2 }}</a>
+ <a {{# viewProvider1 }}@click="toggleView('{{ viewProvider1 }}')"{{/ viewProvider1 }} class="switch__item {{ classes }} {{^ secondActive }}switch__item--active{{/ secondActive }}">{{ cta1 }}{{^ cta1 }}{{ cta }}{{/ cta1 }}</a>
+ <a {{# viewProvider2 }}@click="toggleView('{{ viewProvider2 }}')"{{/ viewProvider2 }} class="switch__item {{ classes }} {{# secondActive }}switch__item--active{{/ secondActive }}">{{ cta2 }}{{^ cta2 }}{{ cta }}{{/ cta2 }}</a>
</div>
--
GitLab