Skip to content

Fixes for #938 - patternslib docu #786

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Dec 5, 2020
Merged

Fixes for #938 - patternslib docu #786

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
3621197
pat-clone demo: Remove unstyled tooltip/clone demo
thet Dec 3, 2020
97aa652
pat date picker demo: Use current date for min/max example
thet Dec 3, 2020
94d947c
pat depends demo: Remove unused sections.
thet Dec 3, 2020
fca978c
pat expandable tree demo: Extend the demo with more levels and folders.
thet Dec 3, 2020
9fbfdc9
pat scroll demo: Remove debug page.
thet Dec 4, 2020
832813c
Restructure documentation section in recent changelog
thet Dec 5, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 8 additions & 2 deletions CHANGES.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -96,8 +96,14 @@
- pat autofocus: Instead of calling autofocus for each element call it only once.
- pat autofocus: Register event handler only once.
- pat-checklist: For global de/select buttons, do not change any other checkboxes than the ones the de/select button belongs to.
- pat-inject: Fix documentation about special target ``self`` and demo that behavior.
- pat-autosubmit: Fix demo to show configuration on individual inputs.
- Documentation fixes:
- pat-inject: Fix documentation about special target ``self`` and demo that behavior.
- pat-autosubmit: Fix demo to show configuration on individual inputs.
- pat-clone demo: Remove unstyled tooltip/clone demo
- pat date picker demo: Use current date for min/max example.
- pat depends demo: Remove unused sections.
- pat expandable tree demo: Extend the demo with more levels and folders.
- pat scroll demo: Remove debug page.


## 3.0.0-dev - unreleased
Expand Down
75 changes: 0 additions & 75 deletions src/pat/clone/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -81,80 +81,5 @@
</fieldset>
</form>

<p>
Open
<a
class="pat-tooltip"
data-pat-tooltip="ajax ; trigger: click ; closing: close-button"
href="#tooltip-content"
>a tooltip with a clone in it</a
>.
</p>

<div id="tooltip-content" hidden>
<form
action=""
class="pat-validation"
data-pat-validation="disable-selector: #submit"
novalidate
>
<h3>List of family members</h3>
<div
class="pat-clone"
data-pat-clone="template: #clone-template-tooltip; trigger-element: .clone-trigger-tooltip; max: 5"
>
<!-- First visible instance and also template -->
<fieldset class="clone">
<legend>Family member 1</legend>
<input
name="name-1"
size="20"
type="text"
placeholder="Name"
required="required"
/>
<input
name="date-1"
type="date"
placeholder="birthdate"
/>
<button
type="button"
class="pat-button remove-clone icon-trash"
>
Remove
</button>
</fieldset>
<fieldset id="clone-template-tooltip" hidden>
<legend>Family member #{1}</legend>
<input
name="name-#{1}"
size="20"
type="text"
placeholder="Name"
required="required"
/>
<input
name="date-#{1}"
type="date"
placeholder="birthdate"
/>
<button
type="button"
class="pat-button remove-clone icon-trash"
>
Remove
</button>
</fieldset>
</div>
<!-- Clone trigger -->
<button type="button" class="pat-button clone-trigger-tooltip">
Add an extra family member
</button>
<button class="pat-button" id="submit" type="submit">
submit
</button>
</form>
</div>
</body>
</html>
16 changes: 14 additions & 2 deletions src/pat/date-picker/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,14 +44,26 @@
/> </label
><br />
<label
>Specifying the "min" and "max" attributes.
>Specifying the "min" and "max" attributes. <small>+/- 2 months from today</small>
<input
class="pat-date-picker"
class="pat-date-picker demo-minmax"
min="2015-01-01"
max="2015-12-31"
type="date"
/> </label
><br />
<script charset="utf-8">
var date_arithmetics = function (addsub) {
return new Date(
new Date().setMonth(
new Date().getMonth() + addsub
)
).toISOString().split("T")[0];
}
var input_minmax = document.querySelector(".demo-minmax");
input_minmax.setAttribute("min", date_arithmetics(-2));
input_minmax.setAttribute("max", date_arithmetics(+2));
</script>
<label
>Show the week number.
<input
Expand Down
7 changes: 0 additions & 7 deletions src/pat/depends/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,9 +13,6 @@
<body>
<div id="pat-depends-demo">
<form action="#">
<fieldset class="pat-button-bar">
<button type="reset" class="pat-button">Reset</button>
</fieldset>
<fieldset class="horizontal">
<fieldset class="group pat-checklist radio">
<legend>Flavour</legend>
Expand Down Expand Up @@ -97,9 +94,5 @@
Bad, but <em>extremely</em> tasty!
</p>
</div>

<h2>Open a form in a modal</h2>
<a href="./index.html#pat-depends-demo" class="pat-modal">Open form</a>.

</body>
</html>
46 changes: 33 additions & 13 deletions src/pat/expandable-tree/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,29 +12,49 @@
</head>
<body>
<ul class="pat-expandable">
<li class="folder">Folder name</li>
<li class="folder">Folder 1</li>
<li class="folder open">
Folder name
Folder 2
<ul>
<li class="document"><a href="#">Document name</a></li>
<li class="document"><a href="#">Document 2.1</a></li>
<li class="folder closed">
Folder name
Folder 2.1
<ul>
<li class="document">
<a href="#">Document name</a>
<a href="#">Document 2.1.1</a>
</li>
</ul>
</li>
<li class="document"><a href="#">Document name</a></li>
<li class="document"><a href="#">Document name</a></li>
<li class="document"><a href="#">Document name</a></li>
<li class="document"><a href="#">Document name</a></li>
<li class="document"><a href="#">Document name</a></li>
<li class="document"><a href="#">Document 2.2</a></li>
<li class="document"><a href="#">Document 2.3</a></li>
</ul>
</li>
<li class="folder">Folder name</li>
<li class="folder">Folder name</li>
<li class="folder">Folder name</li>
<li class="folder">Folder 3</li>
<li class="folder">
Folder 4
<ul>
<li class="document"><a href="#">Document 4.1</a></li>
<li class="folder">
Folder 4.1
<ul>
<li class="folder">
Folder 4.1.1
<ul>
<li class="document">
<a href="#">Document 4.1.1.1</a>
</li>
</ul>
</li>
<li class="document">
<a href="#">Document 4.1.1</a>
</li>
</ul>
</li>
<li class="document"><a href="#">Document 4.1.2</a></li>
</ul>
</li>
</li>
<li class="folder">Folder 5</li>
</ul>
</body>
</html>
Loading