Kaloyan/prestashop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Subida del módulo y tema de PrestaShop

Browse Source
This commit is contained in:
Kaloyan
2026-04-09 18:31:51 +02:00
parent 12c253296f
commit 16b3ff9424
39262 changed files with 7418797 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
themes/hummingbird/stories/ui/form/checkboxes.html Normal file
View File

@@ -0,0 +1,18 @@
<div class="form-check">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" value="" checked />
Option one is this and that&mdash;be sure to include why it's great
</label>
</div>
<div class="form-check">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" value="" />
Option two is this and that&mdash;maybe better than option one
</label>
</div>
<div class="form-check disabled">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" value="" disabled />
Option three is disabled
</label>
</div>

10
themes/hummingbird/stories/ui/form/disabled.html Normal file
View File

@@ -0,0 +1,10 @@
<div class="form-group">
<label class="form-label" for="input3">Disabled input</label>
<input
type="text"
class="form-control disabled"
id="input3"
disabled
value="This is a disabled input"
/>
</div>

11
themes/hummingbird/stories/ui/form/helper.html Normal file
View File

@@ -0,0 +1,11 @@
<div class="form-group">
<label class="form-label" for="input6">Top helper</label>
<small class="form-text">I'm here to help the user.</small>
<input type="text" class="form-control" id="input6" />
</div>
<div class="form-group">
<label class="form-label" for="input7">Bottom helper</label>
<input type="text" class="form-control" id="input7" />
<small class="form-text">I'm here to help the user.</small>
</div>

126
themes/hummingbird/stories/ui/form/index.stories.js Normal file
View File

@@ -0,0 +1,126 @@
import inputContent from './input.html'
import disabledContent from './disabled.html'
import helperContent from './helper.html'
import checkboxesContent from './checkboxes.html'
import radiosContent from './radios.html'
import switchContent from './switch.html'
import selectContent from './selects.html'
import statesContent from './states.html'
import groupContent from './input-group.html'
import inputDropdownContent from './input-dropdown.html'
import loginContent from './login-example.html'
export default {
title: 'UI/Forms',
parameters: {
docs: {
description: {
component: 'Forms are used to collect user input and submit data.'
}
}
}
};
export const Normal = () => inputContent;
Normal.parameters = {
docs: {
source: {
code: inputContent
}
}
};
export const Disabled = () => disabledContent;
Disabled.parameters = {
docs: {
source: {
code: disabledContent
}
}
};
export const InputStates = () => statesContent;
InputStates.parameters = {
docs: {
source: {
code: statesContent
}
}
};
InputStates.storyName = 'Input states';
export const InputGroup = () => groupContent;
InputGroup.parameters = {
docs: {
source: {
code: groupContent
}
}
};
InputGroup.storyName = 'Input group';
export const InputWithDropdown = () => inputDropdownContent;
InputWithDropdown.parameters = {
docs: {
source: {
code: inputDropdownContent
}
}
};
InputWithDropdown.storyName = 'Input with dropdown';
export const LoginExample = () => loginContent;
LoginExample.parameters = {
docs: {
source: {
code: loginContent
}
}
};
LoginExample.storyName = 'Example of login form';
export const Helpers = () => helperContent;
Helpers.parameters = {
docs: {
source: {
code: helperContent
}
}
};
export const Checkboxes = () => checkboxesContent;
Checkboxes.parameters = {
docs: {
source: {
code: checkboxesContent
}
}
};
export const RadioButtons = () => radiosContent;
RadioButtons.parameters = {
docs: {
source: {
code: radiosContent
}
}
};
RadioButtons.storyName = 'Radio buttons';
export const Switch = () => switchContent;
Switch.parameters = {
docs: {
source: {
code: switchContent
}
}
};
export const Selects = () => selectContent;
Selects.parameters = {
docs: {
source: {
code: selectContent
}
}
};

43
themes/hummingbird/stories/ui/form/input-dropdown.html Normal file
View File

@@ -0,0 +1,43 @@
<div class="input-group mb-3">
<button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Separated link</a></li>
</ul>
<input type="text" class="form-control" aria-label="Text input with dropdown button">
</div>
<div class="input-group mb-3">
<input type="text" class="form-control" aria-label="Text input with dropdown button">
<button class="btn btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Separated link</a></li>
</ul>
</div>
<div class="input-group">
<button class="btn btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action before</a></li>
<li><a class="dropdown-item" href="#">Another action before</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Separated link</a></li>
</ul>
<input type="text" class="form-control" aria-label="Text input with 2 dropdown buttons">
<button class="btn btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Separated link</a></li>
</ul>
</div>

49
themes/hummingbird/stories/ui/form/input-group.html Normal file
View File

@@ -0,0 +1,49 @@
<form>
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">@</span>
<input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
</div>
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
<span class="input-group-text" id="basic-addon2">@example.com</span>
</div>
<label for="basic-url" class="form-label">Your vanity URL</label>
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon3">https://example.com/users/</span>
<input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
</div>
<div class="input-group mb-3">
<span class="input-group-text">$</span>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
<span class="input-group-text">.00</span>
</div>
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Username" aria-label="Username">
<span class="input-group-text">@</span>
<input type="text" class="form-control" placeholder="Server" aria-label="Server">
</div>
<div class="input-group">
<span class="input-group-text">With textarea</span>
<textarea class="form-control" aria-label="With textarea"></textarea>
</div>
<div class="input-group input-group-sm my-3">
<span class="input-group-text" id="inputGroup-sizing-sm">Small</span>
<input type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm">
</div>
<div class="input-group mb-3">
<span class="input-group-text" id="inputGroup-sizing-default">Default</span>
<input type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
</div>
<div class="input-group input-group-lg">
<span class="input-group-text" id="inputGroup-sizing-lg">Large</span>
<input type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-lg">
</div>
</form>

21
themes/hummingbird/stories/ui/form/input.html Normal file
View File

@@ -0,0 +1,21 @@
<form>
<div class="mb-3">
<label class="form-label" for="input1">Normal input</label>
<input type="text" class="form-control" id="input1" />
</div>
<div class="mb-3">
<label class="form-label" for="input2">Big input</label>
<input type="text" class="form-control form-control-lg" id="input2" />
</div>
<div class="mb-3">
<label class="form-label" for="input2">With placeholder</label>
<input
type="text"
class="form-control form-control-lg"
placeholder="A beautiful placeholder"
id="input2"
/>
</div>
</form>

16
themes/hummingbird/stories/ui/form/login-example.html Normal file
View File

@@ -0,0 +1,16 @@
<form>
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
<div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1">
</div>
<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>

43
themes/hummingbird/stories/ui/form/radios.html Normal file
View File

@@ -0,0 +1,43 @@
<div class="form-check form-check-radio">
<label class="form-check-label">
<input
class="form-check-input"
type="radio"
name="exampleRadios"
id="exampleRadios1"
value="option1"
checked
/>
<i class="form-check-round"></i>
Option one is this and that&mdash;be sure to include why it's great
</label>
</div>
<div class="form-check form-check-radio">
<label class="form-check-label">
<input
class="form-check-input"
type="radio"
name="exampleRadios"
id="exampleRadios2"
value="option2"
/>
<i class="form-check-round"></i>
Option one is this and that&mdash;be sure to include why it's great
</label>
</div>
<div class="form-check form-check-radio disabled">
<label class="form-check-label">
<input
class="form-check-input"
type="radio"
name="exampleRadios"
id="exampleRadios3"
value="option3"
disabled
/>
<i class="form-check-round"></i>
Option one is this and that&mdash;be sure to include why it's great
</label>
</div>

13
themes/hummingbird/stories/ui/form/selects.html Normal file
View File

@@ -0,0 +1,13 @@
<select class="form-select form-select-lg mb-3" aria-label=".form-select-lg example">
<option selected>Open this select menu</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
<select class="form-select form-select-sm" aria-label=".form-select-sm example">
<option selected>Open this select menu</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>

67
themes/hummingbird/stories/ui/form/states.html Normal file
View File

@@ -0,0 +1,67 @@
<form>
<div class="row">
<div class="col-sm-4">
<div class="form-group has-success">
<label class="form-label" for="input12">Success input</label>
<input
type="text"
class="form-control is-valid"
id="input12"
value="This is a success value"
/>
<div class="valid-feedback">This is a success label</div>
</div>
</div>
</div>
<br />
<div class="row">
<div class="col-sm-12">
<div class="form-group has-danger">
<label class="form-label" for="input14">Danger input</label>
<input
type="text"
class="form-control is-invalid"
id="input14"
value="This is a danger value"
/>
<div class="invalid-feedback">This is a danger label</div>
</div>
</div>
</div>
<br />
<div class="row">
<div class="col-sm-6">
<div class="form-group has-success">
<label class="form-label" for="input15"
>Success input with helper</label
>
<small class="form-text">I'm here to help the user.</small>
<input
type="text"
class="form-control is-valid"
id="input15"
value="This is a success value"
/>
<div class="valid-feedback">This is a success label</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group has-success">
<label class="form-label" for="input16"
>Success input with helper</label
>
<input
type="text"
class="form-control is-valid"
id="input16"
value="This is a success value"
/>
<small class="form-text float-right">I'm here to help the user.</small>
<div class="valid-feedback">This is a success label</div>
</div>
</div>
</div>
</form>

16
themes/hummingbird/stories/ui/form/switch.html Normal file
View File

@@ -0,0 +1,16 @@
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
<label class="form-check-label" for="flexSwitchCheckDefault">Default switch checkbox input</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" checked>
<label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckDisabled" disabled>
<label class="form-check-label" for="flexSwitchCheckDisabled">Disabled switch checkbox input</label>
</div>
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="flexSwitchCheckCheckedDisabled" checked disabled>
<label class="form-check-label" for="flexSwitchCheckCheckedDisabled">Disabled checked switch checkbox input</label>
</div>