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

22
admin_o2w/themes/default/example/components/alerts.html Normal file
View File

@@ -0,0 +1,22 @@
<h1 class="custom">Alerts</h1>
<div class="alert alert-success" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<strong>Well done!</strong> You successfully read this <a href="#">important</a> alert message.
</div>
<div class="alert alert-info" role="alert">
<strong>Heads up!</strong> This alert needs your <a href="#">attention</a>, but it's not super important.
</div>
<div class="alert alert-warning" role="alert">
<strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>
<div class="alert alert-danger" role="alert">
<strong>Oh snap!</strong> Change a few things up and try submitting again.
<ul>
<li>Error 1</li>
<li>Error 2</li>
</ul>
</div>

17
admin_o2w/themes/default/example/components/badges.html Normal file
View File

@@ -0,0 +1,17 @@
<h1 class="custom">Badges</h1>
<p>
<a href="#">Inbox <span class="badge">42</span></a>
</p>
<p>
<button class="btn btn-primary" type="button">
Messages <span class="badge">4</span>
</button>
</p>
<ul class="nav nav-pills" role="tablist">
<li role="presentation" class="active"><a href="#">Home <span class="badge">42</span></a></li>
<li role="presentation"><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages <span class="badge">3</span></a></li>
</ul>

7
admin_o2w/themes/default/example/components/breadcrumbs.html Normal file
View File

@@ -0,0 +1,7 @@
<h1 class="custom">Breadcrumbs</h1>
<ol class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Library</a></li>
<li class="active">Data</li>
</ol>

66
admin_o2w/themes/default/example/components/buttons.html Normal file
View File

@@ -0,0 +1,66 @@
<h1 class="custom">Buttons</h1>
<h2 class="custom">Basics</h2>
<p>
<button type="button" class="btn btn-lg btn-default">Default</button>
<button type="button" class="btn btn-lg btn-primary">Primary</button>
<button type="button" class="btn btn-lg btn-secondary">Secondary</button>
<button type="button" class="btn btn-lg btn-success">Success</button>
<button type="button" class="btn btn-lg btn-info">Info</button>
<button type="button" class="btn btn-lg btn-warning">Warning</button>
<button type="button" class="btn btn-lg btn-danger">Danger</button>
<button type="button" class="btn btn-lg btn-link">Link</button>
</p>
<p>
<button type="button" class="btn btn-default"><i class="material-icons">add_circle</i>Default</button>
<button type="button" class="btn btn-primary"><i class="material-icons">add_circle</i>Primary</button>
<button type="button" class="btn btn-secondary"><i class="material-icons">add_circle</i>Secondary</button>
<button type="button" class="btn btn-success"><i class="material-icons">add_circle</i>Success</button>
<button type="button" class="btn btn-info"><i class="material-icons">add_circle</i>Info</button>
<button type="button" class="btn btn-warning"><i class="material-icons">add_circle</i>Warning</button>
<button type="button" class="btn btn-danger"><i class="material-icons">add_circle</i>Danger</button>
<button type="button" class="btn btn-link"><i class="material-icons">add_circle</i>Link</button>
</p>
<p>
<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>
</p>
<p>
<button type="button" class="btn btn-sm btn-default">Default</button>
<button type="button" class="btn btn-sm btn-primary">Primary</button>
<button type="button" class="btn btn-sm btn-secondary">Secondary</button>
<button type="button" class="btn btn-sm btn-success">Success</button>
<button type="button" class="btn btn-sm btn-info">Info</button>
<button type="button" class="btn btn-sm btn-warning">Warning</button>
<button type="button" class="btn btn-sm btn-danger">Danger</button>
<button type="button" class="btn btn-sm btn-link">Link</button>
</p>
<p>
<button type="button" class="btn btn-xs btn-default">Default</button>
<button type="button" class="btn btn-xs btn-primary">Primary</button>
<button type="button" class="btn btn-xs btn-secondary">Secondary</button>
<button type="button" class="btn btn-xs btn-success">Success</button>
<button type="button" class="btn btn-xs btn-info">Info</button>
<button type="button" class="btn btn-xs btn-warning">Warning</button>
<button type="button" class="btn btn-xs btn-danger">Danger</button>
<button type="button" class="btn btn-xs btn-link">Link</button>
</p>
<h2 class="custom">Button groups</h2>
<div class="btn-group" role="group" aria-label="...">
<button type="button" class="btn btn-default">Left</button>
<button type="button" class="btn btn-default">Middle</button>
<button type="button" class="btn btn-default">Right</button>
</div>

57
admin_o2w/themes/default/example/components/content.html Normal file
View File

@@ -0,0 +1,57 @@
<h1 class="custom">Content</h1>
<p>You can use the mark tag to <mark>highlight</mark> text.</p>
<p><del>This line of text is meant to be treated as deleted text.</del></p>
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
<p>
<ins>
This line of text is meant to be treated as an addition to the document.
</ins>
</p>
<p><u>This line of text will render as underlined</u></p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p><strong>This line rendered as bold text.</strong></p>
<p><em>This line rendered as italicized text.</em></p>
<p><abbr title="attribute">attr</abbr></p>
<p><abbr title="HyperText Markup Language" class="initialism">HTML</abbr></p>
<blockquote class="blockquote">
<p class="mb-0">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
erat a ante.
</p>
</blockquote>
<blockquote class="blockquote">
<p class="mb-0">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
erat a ante.
</p>
<footer class="blockquote-footer">
Someone famous in <cite title="Source Title">Source Title</cite>
</footer>
</blockquote>
<p>
<code>
&lt;p&gt;Sample text here...&lt;/p&gt; &lt;p&gt;And another line of sample
text here...&lt;/p&gt;
</code>
</p>
<pre>
<code>
&lt;p&gt;Sample text here...&lt;/p&gt;
&lt;p&gt;And another line of sample text here...&lt;/p&gt;
</code>
</pre>
<p><var>y</var> = <var>m</var><var>x</var> + <var>b</var></p>
<p>
To switch directories, type <kbd>cd</kbd> followed by the name of the
directory.<br />
To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
</p>
<p>
<samp>
This text is meant to be treated as sample output from a computer program.
</samp>
</p>

13
admin_o2w/themes/default/example/components/custom/colors-square.html Normal file
View File

@@ -0,0 +1,13 @@
<h2 class="custom">Colors square page attributes (color type)</h2>
<p>
<div style="background-color: #5661be" class="attributes-color-container"></div>
</p>
<p>
<img
src="https://as1.ftcdn.net/v2/jpg/02/17/85/74/1000_F_217857470_nHqbBX5PZrvMyzVLhaTBYX3YA2F8N631.jpg"
alt="Texture"
class="attributes-color-container"
/>
</p>

49
admin_o2w/themes/default/example/components/custom/growl.html Normal file
View File

@@ -0,0 +1,49 @@
<h2 class="custom">Growl</h2>
<h3 class="custom">Show</h3>
<div class="d-flex">
<div id="growls-default">
<div class="growl growl-warning growl-small">
<div class="growl-close">×</div>
<div class="growl-title">Warning!</div>
<div class="growl-message">The kitten is awake!</div>
</div>
<div class="growl growl-warning growl-medium">
<div class="growl-close">×</div>
<div class="growl-title">Warning!</div>
<div class="growl-message">The kitten is awake!</div>
</div>
<div class="growl growl-warning growl-large">
<div class="growl-close">×</div>
<div class="growl-title">Warning!</div>
<div class="growl-message">The kitten is awake!</div>
</div>
</div>
<div id="growls-default">
<div class="growl growl-warning growl-small">
<div class="growl-close">×</div>
<div class="growl-title"></div>
<div class="growl-message">The kitten is awake!</div>
</div>
<div class="growl growl-warning growl-medium">
<div class="growl-close">×</div>
<div class="growl-title"></div>
<div class="growl-message">The kitten is awake!</div>
</div>
<div class="growl growl-warning growl-large">
<div class="growl-close">×</div>
<div class="growl-title"></div>
<div class="growl-message">The kitten is awake!</div>
</div>
</div>
</div>
<h3 class="custom">Trigger show</h3>
<button id="show_growl" class="btn btn-default">Show growls</button>
<button id="show_growl_message" class="btn btn-default">
Show growls with message only
</button>

111
admin_o2w/themes/default/example/components/dropdowns.html Normal file
View File

@@ -0,0 +1,111 @@
<h1 class="custom">Dropdowns</h1>
<h2 class="custom">Dropdown menu</h2>
<div class="dropdown theme-dropdown clearfix">
<a id="dropdownMenu1" href="#" class="sr-only dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li class="active"><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li class="disabled"><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#"><i class="material-icons">add_circle</i> With icon</a></li>
<li><a href="#"><i class="material-icons">remove_circle</i> With icon</a></li>
</ul>
</div>
<h2 class="custom">Basic</h2>
<div class="d-flex">
<div class="btn-group">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
<div class="btn-group">
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
<div class="btn-group">
<button class="btn btn-danger dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</div>
<h2 class="custom">Split</h2>
<div class="d-flex">
<div class="btn-group">
<button type="button" class="btn btn-default">Action</button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-primary">Action</button>
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
<div class="btn-group">
<button type="button" class="btn btn-danger">Action</button>
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</div>

199
admin_o2w/themes/default/example/components/forms.html Normal file
View File

@@ -0,0 +1,199 @@
<h1 class="custom">Forms</h1>
<h2 class="custom">Basic</h2>
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-group">
<label for="inputHelpBlock">Input with help text</label>
<input type="text" id="inputHelpBlock" class="form-control" aria-describedby="helpBlock">
<span id="helpBlock" class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>
</div>
<div class="form-group">
<label for="disabledInput">Disabled</label>
<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
</div>
<div class="form-group">
<label for="exampleInputFile">File input</label>
<input type="file" id="exampleInputFile">
<p class="help-block">Example block-level help text here.</p>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Check me out
</label>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
<h2 class="custom">Inline forms</h2>
<form class="form-inline mb-5">
<div class="form-group">
<label for="exampleInputName2">Name</label>
<input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
</div>
<div class="form-group">
<label for="exampleInputEmail2">Email</label>
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com">
</div>
<button type="submit" class="btn btn-default">Send invitation</button>
</form>
<br />
<form class="form-inline">
<div class="form-group">
<label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
<div class="input-group">
<div class="input-group-addon">$</div>
<input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount">
<div class="input-group-addon">.00</div>
</div>
</div>
<button type="submit" class="btn btn-primary">Transfer cash</button>
</form>
<h2 class="custom">Horizontal forms</h2>
<form class="form-horizontal">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword3" placeholder="Password">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox"> Remember me
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">Sign in</button>
</div>
</div>
</form>
<h2 class="custom">Checkboxes & Radio</h2>
<div class="checkbox">
<label>
<input type="checkbox" value="">
Option one is this and that&mdash;be sure to include why it's great
</label>
</div>
<div class="checkbox disabled">
<label>
<input type="checkbox" value="" disabled>
Option two is disabled
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
Option one is this and that&mdash;be sure to include why it's great
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
Option two can be something else and selecting it will deselect option one
</label>
</div>
<div class="radio disabled">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
Option three is disabled
</label>
</div>
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox1" value="option1"> 1
</label>
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox2" value="option2"> 2
</label>
<label class="checkbox-inline">
<input type="checkbox" id="inlineCheckbox3" value="option3"> 3
</label>
<br />
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1
</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2
</label>
<label class="radio-inline">
<input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 3
</label>
<h2 class="custom">Selects</h2>
<select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<h2 class="custom">Validation states</h2>
<div class="form-group has-success">
<label class="control-label" for="inputSuccess1">Input with success</label>
<input type="text" class="form-control" id="inputSuccess1" aria-describedby="helpBlock2">
<span id="helpBlock2" class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>
</div>
<div class="form-group has-warning">
<label class="control-label" for="inputWarning1">Input with warning</label>
<input type="text" class="form-control" id="inputWarning1">
</div>
<div class="form-group has-error">
<label class="control-label" for="inputError1">Input with error</label>
<input type="text" class="form-control" id="inputError1">
</div>
<div class="has-success">
<div class="checkbox">
<label>
<input type="checkbox" id="checkboxSuccess" value="option1">
Checkbox with success
</label>
</div>
</div>
<div class="has-warning">
<div class="checkbox">
<label>
<input type="checkbox" id="checkboxWarning" value="option1">
Checkbox with warning
</label>
</div>
</div>
<div class="has-error">
<div class="checkbox">
<label>
<input type="checkbox" id="checkboxError" value="option1">
Checkbox with error
</label>
</div>
</div>

10
admin_o2w/themes/default/example/components/headings.html Normal file
View File

@@ -0,0 +1,10 @@
<h1 class="custom">Headings</h1>
<h1>Hello World</h1>
<h2>Hello World</h2>
<h3>Hello World</h3>
<h4>Hello World</h4>
<p class="h1">p-style h1. Bootstrap heading</p>
<p class="h2">p-style h2. Bootstrap heading</p>
<p class="h3">p-style h3. Bootstrap heading</p>
<p class="h4">p-style h4. Bootstrap heading</p>

10
admin_o2w/themes/default/example/components/labels.html Normal file
View File

@@ -0,0 +1,10 @@
<h1 class="custom">Labels (Badges)</h1>
<p>
<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>
</p>

65
admin_o2w/themes/default/example/components/list-group.html Normal file
View File

@@ -0,0 +1,65 @@
<h1 class="custom">List group</h1>
<div class="row">
<div class="col-sm-6">
<div class="list-group">
<a href="#" class="list-group-item active">
<span class="badge">14</span>
Cras justo odio
</a>
<a href="#" class="list-group-item">
<span class="badge">14</span>
Cras justo odio
</a>
<a href="#" class="list-group-item">Dapibus ac facilisis in</a>
<a href="#" class="list-group-item">Morbi leo risus</a>
<a href="#" class="list-group-item">Porta ac consectetur ac</a>
<a href="#" class="list-group-item disabled">Cras justo odio</a>
<a href="#" class="list-group-item">Vestibulum at eros</a>
<a href="#" class="list-group-item">Consectetur at facilisis</a>
</div>
<ul class="list-group">
<li class="list-group-item list-group-item-success">Dapibus ac facilisis in</li>
<li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li>
<li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li>
<li class="list-group-item list-group-item-danger">Vestibulum at eros</li>
</ul>
</div>
<div class="col-sm-6">
<div class="list-group">
<a href="#" class="list-group-item active">
<h4 class="list-group-item-heading">List group item heading</h4>
<p class="list-group-item-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id nunc ut risus ultrices vulputate.
</p>
</a>
<a href="#" class="list-group-item">
<h4 class="list-group-item-heading">List group item heading</h4>
<p class="list-group-item-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id nunc ut risus ultrices vulputate.
</p>
</a>
<a href="#" class="list-group-item">
<h4 class="list-group-item-heading">List group item heading</h4>
<p class="list-group-item-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id nunc ut risus ultrices vulputate.
</p>
</a>
<a href="#" class="list-group-item disabled">
<h4 class="list-group-item-heading">List group item heading</h4>
<p class="list-group-item-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id nunc ut risus ultrices vulputate.
</p>
</a>
</div>
<div class="list-group">
<a href="#" class="list-group-item list-group-item-success">Dapibus ac facilisis in</a>
<a href="#" class="list-group-item list-group-item-info">Cras sit amet nibh libero</a>
<a href="#" class="list-group-item list-group-item-warning">Porta ac consectetur ac</a>
<a href="#" class="list-group-item list-group-item-danger">Vestibulum at eros</a>
</div>
</div>
</div>

28
admin_o2w/themes/default/example/components/navs.html Normal file
View File

@@ -0,0 +1,28 @@
<h1 class="custom">Navs</h1>
<div class="v-spacer">
<ul class="nav nav-tabs">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages</a></li>
<li role="presentation" class="disabled"><a href="#">Disabled link</a></li>
</ul>
</div>
<div class="v-spacer">
<ul class="nav nav-pills">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages</a></li>
<li role="presentation" class="disabled"><a href="#">Disabled link</a></li>
</ul>
</div>
<div class="v-spacer">
<ul class="nav nav-pills nav-stacked">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages</a></li>
<li role="presentation" class="disabled"><a href="#">Disabled link</a></li>
</ul>
</div>

18
admin_o2w/themes/default/example/components/pagination.html Normal file
View File

@@ -0,0 +1,18 @@
<h1 class="custom">Paginations</h1>
<nav aria-label="Page navigation">
<ul class="pagination">
<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li class="disabled"><a href="#">6</a></li>
<li>
<a href="#" aria-label="Next">
<span aria-hidden="true">&raquo;</span>
</a>
</li>
</ul>
</nav>

386
admin_o2w/themes/default/example/components/panels-complex.html Normal file
View File

@@ -0,0 +1,386 @@
<h2 class="custom">Complex panels</h2>
<div class="panel col-lg-12">
<div class="panel-heading">
Règles de taxes
<span class="badge">5</span>
<span class="panel-heading-action">
<a id="desc-tax_rules_group-new" class="list-toolbar-btn" href="index.php?controller=AdminTaxRulesGroup&amp;addtax_rules_group&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA">
<span title="" data-toggle="tooltip" class="label-tooltip" data-original-title="Ajouter" data-html="true" data-placement="top">
<i class="process-icon-new"></i>
</span>
</a>
<a class="list-toolbar-btn" href="javascript:location.reload();">
<span title="" data-toggle="tooltip" class="label-tooltip" data-original-title="Rafraîchir la liste" data-html="true" data-placement="top">
<i class="process-icon-refresh"></i>
</span>
</a>
<a class="list-toolbar-btn" href="javascript:void(0);" onclick="$('.leadin').first().append('<div class=\'alert alert-info\'>' + $('#sql_query_tax_rules_group').val() + '</div>'); $(this).attr('onclick', '');">
<span class="label-tooltip" data-toggle="tooltip" data-original-title="Voir la requête SQL" data-html="true" data-placement="top">
<i class="process-icon-terminal"></i>
</span>
</a>
<a class="list-toolbar-btn" href="javascript:void(0);" onclick="$('#sql_name_tax_rules_group').val(createSqlQueryName()); $('#sql_query_tax_rules_group').val($('#sql_query_tax_rules_group').val().replace(/\s+limit\s+[0-9,\s]+$/ig, '').trim()); $('#sql_form_tax_rules_group').submit();">
<span class="label-tooltip" data-toggle="tooltip" data-original-title="Exporter vers le gestionnaire SQL" data-html="true" data-placement="top">
<i class="process-icon-database"></i>
</span>
</a>
</span>
</div>
<script type="text/javascript">
//<![CDATA[
var submited = false;
$(function() {
//get reference on save link
btn_save = $('i[class~="process-icon-save"]').parent();
//get reference on form submit button
btn_submit = $('#tax_rules_group_form_submit_btn');
if (btn_save.length > 0 && btn_submit.length > 0) {
//get reference on save and stay link
btn_save_and_stay = $('i[class~="process-icon-save-and-stay"]').parent();
//get reference on current save link label
lbl_save = $('#desc-tax_rules_group-save div');
//override save link label with submit button value
if (btn_submit.val().length > 0) {
lbl_save.html(btn_submit.attr("value"));
}
if (btn_save_and_stay.length > 0) {
//get reference on current save link label
lbl_save_and_stay = $('#desc-tax_rules_group-save-and-stay div');
//override save and stay link label with submit button value
if (btn_submit.val().length > 0 && lbl_save_and_stay && !lbl_save_and_stay.hasClass('locked')) {
lbl_save_and_stay.html(btn_submit.val() + " et rester ");
}
}
//hide standard submit button
btn_submit.hide();
//bind enter key press to validate form
$('#tax_rules_group_form').on('keypress', function (e) {
if (e.which == 13 && e.target.localName != 'textarea') {
$('#desc-tax_rules_group-save').click();
}
});
//submit the form
btn_save.on('click', function() {
// Avoid double click
if (submited) {
return false;
}
submited = true;
//add hidden input to emulate submit button click when posting the form -> field name posted
btn_submit.before('<input type="hidden" name="'+btn_submit.attr("name")+'" value="1" />');
$('#tax_rules_group_form').submit();
return false;
});
if (btn_save_and_stay) {
btn_save_and_stay.on('click', function() {
//add hidden input to emulate submit button click when posting the form -> field name posted
btn_submit.before('<input type="hidden" name="'+btn_submit.attr("name")+'AndStay" value="1" />');
$('#tax_rules_group_form').submit();
return false;
});
}
}
});
//]]>
</script>
<style>
@media (max-width: 992px) {
.table-responsive-row td:nth-of-type(2):before {
content: "ID";
}
.table-responsive-row td:nth-of-type(3):before {
content: "Nom";
}
.table-responsive-row td:nth-of-type(4):before {
content: "Activé";
}
}
</style>
<div class="table-responsive-row clearfix">
<table id="table-tax_rules_group" class="table tax_rules_group">
<thead>
<tr class="nodrag nodrop">
<th class="center fixed-width-xs"></th>
<th class="fixed-width-xs center">
<span class="title_box active">
ID
<a class="desc-sort-column-id_tax_rules_group-link" href="index.php?controller=AdminTaxRulesGroup&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA&amp;tax_rules_groupOrderby=id_tax_rules_group&amp;tax_rules_groupOrderway=desc">
<i class="icon-caret-down"></i>
</a>
<a class="asc-sort-column-id_tax_rules_group-link active" href="index.php?controller=AdminTaxRulesGroup&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA&amp;tax_rules_groupOrderby=id_tax_rules_group&amp;tax_rules_groupOrderway=asc">
<i class="icon-caret-up"></i>
</a>
</span>
</th>
<th class="">
<span class="title_box">
Nom
<a class="desc-sort-column-name-link" href="index.php?controller=AdminTaxRulesGroup&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA&amp;tax_rules_groupOrderby=name&amp;tax_rules_groupOrderway=desc">
<i class="icon-caret-down"></i>
</a>
<a class="asc-sort-column-name-link" href="index.php?controller=AdminTaxRulesGroup&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA&amp;tax_rules_groupOrderby=name&amp;tax_rules_groupOrderway=asc">
<i class="icon-caret-up"></i>
</a>
</span>
</th>
<th class="fixed-width-sm center">
<span class="title_box">
Activé
</span>
</th>
<th></th>
</tr>
<tr class="nodrag nodrop filter row_hover">
<th class="text-center">
--
</th>
<th class="center">
<input type="text" class="filter" name="tax_rules_groupFilter_id_tax_rules_group" value="">
</th>
<th>
<input type="text" class="filter" name="tax_rules_groupFilter_name" value="">
</th>
<th class="center">
<select class="filter fixed-width-sm center" onchange="$('#submitFilterButtontax_rules_group').focus();$('#submitFilterButtontax_rules_group').click();" name="tax_rules_groupFilter_active">
<option value="">-</option>
<option value="1">Oui</option>
<option value="0">Non</option>
</select>
</th>
<th class="actions">
<span class="pull-right">
<button type="submit" id="submitFilterButtontax_rules_group" name="submitFilter" class="btn btn-default" data-list-id="tax_rules_group">
<i class="icon-search"></i> Rechercher
</button>
</span>
</th>
</tr>
</thead>
<tbody>
<tr class=" odd">
<td class="row-selector text-center">
<input type="checkbox" name="tax_rules_groupBox[]" value="1" class="noborder">
</td>
<td class="pointer column-id_tax_rules_group fixed-width-xs center" onclick="document.location = 'index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=1&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA'">
1
</td>
<td class="pointer column-name" onclick="document.location = 'index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=1&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA'">
FR Taux standard (20%)
</td>
<td class="pointer column-active fixed-width-sm center" onclick="document.location = 'index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=1&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA'">
<a class="list-action-enable action-enabled" href="index.php?controller=AdminTaxRulesGroup&amp;id_tax_rules_group=1&amp;statustax_rules_group&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA" title="Activé">
<i class="icon-check"></i>
<i class="icon-remove hidden"></i>
</a>
</td>
<td class="text-right">
<div class="btn-group-action">
<div class="btn-group pull-right">
<a href="index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=1&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA" title="Modifier" class="edit btn btn-default">
<i class="icon-pencil"></i> Modifier
</a>
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<i class="icon-caret-down"></i>
</button>
<ul class="dropdown-menu">
<li>
<a href="#" title="Supprimer" class="delete" onclick="confirm_link('', 'Supprimer cet &amp;eacute;l&amp;eacute;ment ?\n\nNom : FR Taux standard (20%)', 'Oui', 'Non', 'index.php?controller=AdminTaxRulesGroup&amp;id_tax_rules_group=1&amp;deletetax_rules_group&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA', '#')">
<i class="icon-trash"></i> Supprimer
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr class=" ">
<td class="row-selector text-center">
<input type="checkbox" name="tax_rules_groupBox[]" value="2" class="noborder">
</td>
<td class="pointer column-id_tax_rules_group fixed-width-xs center" onclick="document.location = 'index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=2&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA'">
2
</td>
<td class="pointer column-name" onclick="document.location = 'index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=2&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA'">
FR Taux réduit (10%)
</td>
<td class="pointer column-active fixed-width-sm center" onclick="document.location = 'index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=2&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA'">
<a class="list-action-enable action-enabled" href="index.php?controller=AdminTaxRulesGroup&amp;id_tax_rules_group=2&amp;statustax_rules_group&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA" title="Activé">
<i class="icon-check"></i>
<i class="icon-remove hidden"></i>
</a>
</td>
<td class="text-right">
<div class="btn-group-action">
<div class="btn-group pull-right">
<a href="index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=2&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA" title="Modifier" class="edit btn btn-default">
<i class="icon-pencil"></i> Modifier
</a>
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<i class="icon-caret-down"></i>
</button>
<ul class="dropdown-menu">
<li>
<a href="#" title="Supprimer" class="delete" onclick="confirm_link('', 'Supprimer cet &amp;eacute;l&amp;eacute;ment ?\n\nNom : FR Taux r&amp;eacute;duit (10%)', 'Oui', 'Non', 'index.php?controller=AdminTaxRulesGroup&amp;id_tax_rules_group=2&amp;deletetax_rules_group&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA', '#')">
<i class="icon-trash"></i> Supprimer
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr class=" odd">
<td class="row-selector text-center">
<input type="checkbox" name="tax_rules_groupBox[]" value="3" class="noborder">
</td>
<td class="pointer column-id_tax_rules_group fixed-width-xs center" onclick="document.location = 'index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=3&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA'">
3
</td>
<td class="pointer column-name" onclick="document.location = 'index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=3&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA'">
FR Taux réduit (5.5%)
</td>
<td class="pointer column-active fixed-width-sm center" onclick="document.location = 'index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=3&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA'">
<a class="list-action-enable action-enabled" href="index.php?controller=AdminTaxRulesGroup&amp;id_tax_rules_group=3&amp;statustax_rules_group&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA" title="Activé">
<i class="icon-check"></i>
<i class="icon-remove hidden"></i>
</a>
</td>
<td class="text-right">
<div class="btn-group-action">
<div class="btn-group pull-right">
<a href="index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=3&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA" title="Modifier" class="edit btn btn-default">
<i class="icon-pencil"></i> Modifier
</a>
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<i class="icon-caret-down"></i>
</button>
<ul class="dropdown-menu">
<li>
<a href="#" title="Supprimer" class="delete" onclick="confirm_link('', 'Supprimer cet &amp;eacute;l&amp;eacute;ment ?\n\nNom : FR Taux r&amp;eacute;duit (5.5%)', 'Oui', 'Non', 'index.php?controller=AdminTaxRulesGroup&amp;id_tax_rules_group=3&amp;deletetax_rules_group&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA', '#')">
<i class="icon-trash"></i> Supprimer
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr class=" ">
<td class="row-selector text-center">
<input type="checkbox" name="tax_rules_groupBox[]" value="4" class="noborder">
</td>
<td class="pointer column-id_tax_rules_group fixed-width-xs center" onclick="document.location = 'index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=4&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA'">
4
</td>
<td class="pointer column-name" onclick="document.location = 'index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=4&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA'">
FR Taux super réduit (2.1%)
</td>
<td class="pointer column-active fixed-width-sm center" onclick="document.location = 'index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=4&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA'">
<a class="list-action-enable action-enabled" href="index.php?controller=AdminTaxRulesGroup&amp;id_tax_rules_group=4&amp;statustax_rules_group&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA" title="Activé">
<i class="icon-check"></i>
<i class="icon-remove hidden"></i>
</a>
</td>
<td class="text-right">
<div class="btn-group-action">
<div class="btn-group pull-right">
<a href="index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=4&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA" title="Modifier" class="edit btn btn-default">
<i class="icon-pencil"></i> Modifier
</a>
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<i class="icon-caret-down"></i>
</button>
<ul class="dropdown-menu">
<li>
<a href="#" title="Supprimer" class="delete" onclick="confirm_link('', 'Supprimer cet &amp;eacute;l&amp;eacute;ment ?\n\nNom : FR Taux super r&amp;eacute;duit (2.1%)', 'Oui', 'Non', 'index.php?controller=AdminTaxRulesGroup&amp;id_tax_rules_group=4&amp;deletetax_rules_group&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA', '#')">
<i class="icon-trash"></i> Supprimer
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr class=" odd">
<td class="row-selector text-center">
<input type="checkbox" name="tax_rules_groupBox[]" value="5" class="noborder">
</td>
<td class="pointer column-id_tax_rules_group fixed-width-xs center" onclick="document.location = 'index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=5&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA'">
5
</td>
<td class="pointer column-name" onclick="document.location = 'index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=5&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA'">
EU VAT For Virtual Products
</td>
<td class="pointer column-active fixed-width-sm center" onclick="document.location = 'index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=5&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA'">
<a class="list-action-enable action-enabled" href="index.php?controller=AdminTaxRulesGroup&amp;id_tax_rules_group=5&amp;statustax_rules_group&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA" title="Activé">
<i class="icon-check"></i>
<i class="icon-remove hidden"></i>
</a>
</td>
<td class="text-right">
<div class="btn-group-action">
<div class="btn-group pull-right">
<a href="index.php?controller=AdminTaxRulesGroup&amp;updatetax_rules_group=&amp;id_tax_rules_group=5&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA" title="Modifier" class="edit btn btn-default">
<i class="icon-pencil"></i> Modifier
</a>
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<i class="icon-caret-down"></i>
</button>
<ul class="dropdown-menu">
<li>
<a href="#" title="Supprimer" class="delete" onclick="confirm_link('', 'Supprimer cet &amp;eacute;l&amp;eacute;ment ?\n\nNom : EU VAT For Virtual Products', 'Oui', 'Non', 'index.php?controller=AdminTaxRulesGroup&amp;id_tax_rules_group=5&amp;deletetax_rules_group&amp;token=e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA', '#')">
<i class="icon-trash"></i> Supprimer
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="row">
<div class="col-lg-6">
<div class="btn-group bulk-actions dropup">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" id="bulk_action_menu_tax_rules_group">
Actions groupées <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li>
<a href="#" onclick="javascript:checkDelBoxes($(this).closest('form').get(0), 'tax_rules_groupBox[]', true);return false;">
<i class="icon-check-sign"></i>&nbsp;Tout sélectionner
</a>
</li>
<li>
<a href="#" onclick="javascript:checkDelBoxes($(this).closest('form').get(0), 'tax_rules_groupBox[]', false);return false;">
<i class="icon-check-empty"></i>&nbsp;Tout désélectionner
</a>
</li>
<li class="divider"></li>
<li>
<a href="#" onclick="sendBulkAction($(this).closest('form').get(0), 'submitBulkenableSelectiontax_rules_group');">
<i class="icon-power-off text-success"></i>&nbsp;Activer la sélection
</a>
</li>
<li>
<a href="#" onclick="sendBulkAction($(this).closest('form').get(0), 'submitBulkdisableSelectiontax_rules_group');">
<i class="icon-power-off text-danger"></i>&nbsp;Désactiver la sélection
</a>
</li>
<li class="divider">
</li>
<li>
<a href="#" onclick="if (confirm('Supprimer les éléments sélectionnés ?'))sendBulkAction($(this).closest('form').get(0), 'submitBulkdeletetax_rules_group');">
<i class="icon-trash"></i>&nbsp;Supprimer la sélection
</a>
</li>
</ul>
</div>
</div>
</div>
<input type="hidden" name="token" value="e3bf90f23be5.K82xeY-LKsiG9YjtrWMAhZV19EdOmsL5Xwmn4kCd-do.HKaFL8LMb42_zena6y416dMtzSMK95Sba37F0nisyL5T_8M3_e5Qg-2muA">
</div>

62
admin_o2w/themes/default/example/components/panels.html Normal file
View File

@@ -0,0 +1,62 @@
<h1 class="custom">Panels</h1>
<h2 class="custom">Basic</h2>
<div class="row">
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Panel title</h3>
</div>
<div class="panel-body">
Panel content
</div>
</div>
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Panel title</h3>
</div>
<div class="panel-body">
Panel content
</div>
</div>
</div><!-- /.col-sm-4 -->
<div class="col-sm-4">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">Panel title</h3>
</div>
<div class="panel-body">
Panel content
</div>
</div>
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">Panel title</h3>
</div>
<div class="panel-body">
Panel content
</div>
</div>
</div><!-- /.col-sm-4 -->
<div class="col-sm-4">
<div class="panel panel-warning">
<div class="panel-heading">
<h3 class="panel-title">Panel title</h3>
</div>
<div class="panel-body">
Panel content
</div>
</div>
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">Panel title</h3>
</div>
<div class="panel-body">
Panel content
</div>
</div>
</div><!-- /.col-sm-4 -->
</div>

11
admin_o2w/themes/default/example/components/popovers.html Normal file
View File

@@ -0,0 +1,11 @@
<h1 class="custom">Popovers</h1>
<button
type="button"
class="btn btn-lg btn-danger"
data-toggle="popover"
title="Popover title"
data-content="And here's some amazing content. It's very engaging. Right?"
>
Click to toggle popover
</button>

31
admin_o2w/themes/default/example/components/progress-bars.html Normal file
View File

@@ -0,0 +1,31 @@
<h1 class="custom">Progress bars</h1>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"><span class="sr-only">60% Complete</span></div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"><span class="sr-only">40% Complete (success)</span></div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%"><span class="sr-only">20% Complete</span></div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%"><span class="sr-only">60% Complete (warning)</span></div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%"><span class="sr-only">80% Complete (danger)</span></div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%"><span class="sr-only">60% Complete</span></div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-success" style="width: 35%"><span class="sr-only">35% Complete (success)</span></div>
<div class="progress-bar progress-bar-warning" style="width: 20%"><span class="sr-only">20% Complete (warning)</span></div>
<div class="progress-bar progress-bar-danger" style="width: 10%"><span class="sr-only">10% Complete (danger)</span></div>
</div>

385
admin_o2w/themes/default/example/components/tables-complex.html Normal file
View File

@@ -0,0 +1,385 @@
<h2 class="custom">Complex tables</h2>
<!-- Copy & Paste from BO -->
<div class="table-responsive-row clearfix">
<table id="table-carrier" class="table tableDnD carrier">
<thead>
<tr class="nodrag nodrop">
<th class="center fixed-width-xs"></th>
<th class="fixed-width-xs center">
<span class="title_box">
ID
<a class="desc-sort-column-id_carrier-link"
href="index.php?controller=AdminCarriers&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w&amp;carrierOrderby=id_carrier&amp;carrierOrderway=desc">
<i class="icon-caret-down"></i>
</a>
<a class="asc-sort-column-id_carrier-link"
href="index.php?controller=AdminCarriers&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w&amp;carrierOrderby=id_carrier&amp;carrierOrderway=asc">
<i class="icon-caret-up"></i>
</a>
</span>
</th>
<th class="">
<span class="title_box">
Nom
<a class="desc-sort-column-name-link"
href="index.php?controller=AdminCarriers&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w&amp;carrierOrderby=name&amp;carrierOrderway=desc">
<i class="icon-caret-down"></i>
</a>
<a class="asc-sort-column-name-link"
href="index.php?controller=AdminCarriers&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w&amp;carrierOrderby=name&amp;carrierOrderway=asc">
<i class="icon-caret-up"></i>
</a>
</span>
</th>
<th class="fixed-width-xs center">
<span class="title_box">
Logo
</span>
</th>
<th class="">
<span class="title_box">
Délai
</span>
</th>
<th class="fixed-width-sm center">
<span class="title_box">
État
</span>
</th>
<th class="fixed-width-sm center">
<span class="title_box">
Livraison gratuite
</span>
</th>
<th class="fixed-width-sm center">
<span class="title_box active">
Position
<a class="desc-sort-column-position-link"
href="index.php?controller=AdminCarriers&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w&amp;carrierOrderby=position&amp;carrierOrderway=desc">
<i class="icon-caret-down"></i>
</a>
<a class="asc-sort-column-position-link active"
href="index.php?controller=AdminCarriers&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w&amp;carrierOrderby=position&amp;carrierOrderway=asc">
<i class="icon-caret-up"></i>
</a>
</span>
</th>
<th></th>
</tr>
<tr class="nodrag nodrop filter row_hover">
<th class="text-center">
--
</th>
<th class="center">
<input type="text" class="filter" name="carrierFilter_id_carrier" value="">
</th>
<th>
<input type="text" class="filter" name="carrierFilter_name" value="">
</th>
<th class="center">
--
</th>
<th>
<input type="text" class="filter" name="carrierFilter_delay" value="">
</th>
<th class="center">
<select class="filter fixed-width-sm center"
onchange="$('#submitFilterButtoncarrier').focus();$('#submitFilterButtoncarrier').click();"
name="carrierFilter_active">
<option value="">-</option>
<option value="1">Oui</option>
<option value="0">Non</option>
</select>
</th>
<th class="center">
<select class="filter fixed-width-sm center"
onchange="$('#submitFilterButtoncarrier').focus();$('#submitFilterButtoncarrier').click();"
name="carrierFilter_is_free">
<option value="">-</option>
<option value="1">Oui</option>
<option value="0">Non</option>
</select>
</th>
<th class="center">
<input type="text" class="filter" name="carrierFilter_a!position" value="">
</th>
<th class="actions">
<span class="pull-right">
<button type="submit" id="submitFilterButtoncarrier" name="submitFilter" class="btn btn-default"
data-list-id="carrier">
<i class="icon-search"></i> Rechercher
</button>
</span>
</th>
</tr>
</thead>
<tbody>
<tr id="tr_2_1_0" class=" odd">
<td class="row-selector text-center">
<input type="checkbox" name="carrierBox[]" value="1" class="noborder">
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=1&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
1
</td>
<td class="pointer "
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=1&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
Click and collect
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=1&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
</td>
<td class="pointer "
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=1&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
Retrait en magasin
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=1&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
<a class="list-action-enable action-enabled"
href="index.php?controller=AdminCarriers&amp;id_carrier=1&amp;statuscarrier&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w"
title="Activé">
<i class="icon-check"></i>
<i class="icon-remove hidden"></i>
</a>
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=1&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
<a class="list-action-enable action-enabled"
href="index.php?controller=AdminCarriers&amp;id_carrier=1&amp;isFreecarrier&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w"
title="Activé">
<i class="icon-check"></i>
<i class="icon-remove hidden"></i>
</a>
</td>
<td id="td_0_1" class="pointer dragHandle center">
<div class="dragGroup">
<div class="positions">
1
</div>
</div>
</td>
<td class="text-right">
<div class="btn-group-action">
<div class="btn-group pull-right">
<a href="https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=1&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w"
title="Modifier" class="edit btn btn-default">
<i class="icon-pencil"></i> Modifier
</a>
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<i class="icon-caret-down"></i>
</button>
<ul class="dropdown-menu">
<li>
<a href="#" title="Supprimer" class="delete"
onclick="confirm_link('', 'Supprimer cet élément ?\n\nNom : Click and collect', 'Oui', 'Non', 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarriers&amp;id_carrier=1&amp;deletecarrier=1&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w', '#')">
<i class="icon-trash"></i> Supprimer
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr id="tr_2_2_1" class=" ">
<td class="row-selector text-center">
<input type="checkbox" name="carrierBox[]" value="2" class="noborder">
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=2&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
2
</td>
<td class="pointer "
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=2&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
My carrier
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=2&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
<img src="https://placehold.co/22x22" alt="" class="imgm img-thumbnail">
</td>
<td class="pointer "
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=2&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
Livraison le lendemain&nbsp;!
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=2&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
<a class="list-action-enable action-enabled"
href="index.php?controller=AdminCarriers&amp;id_carrier=2&amp;statuscarrier&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w"
title="Activé">
<i class="icon-check"></i>
<i class="icon-remove hidden"></i>
</a>
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=2&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
<a class="list-action-enable action-disabled"
href="index.php?controller=AdminCarriers&amp;id_carrier=2&amp;isFreecarrier&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w"
title="Désactivé">
<i class="icon-check hidden"></i>
<i class="icon-remove"></i>
</a>
</td>
<td id="td_0_2" class="pointer dragHandle center">
<div class="dragGroup">
<div class="positions">
2
</div>
</div>
</td>
<td class="text-right">
<div class="btn-group-action">
<div class="btn-group pull-right">
<a href="https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=2&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w"
title="Modifier" class="edit btn btn-default">
<i class="icon-pencil"></i> Modifier
</a>
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<i class="icon-caret-down"></i>
</button>
<ul class="dropdown-menu">
<li>
<a href="#" title="Supprimer" class="delete"
onclick="confirm_link('', 'Supprimer cet élément ?\n\nNom : My carrier', 'Oui', 'Non', 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarriers&amp;id_carrier=2&amp;deletecarrier=1&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w', '#')">
<i class="icon-trash"></i> Supprimer
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr id="tr_2_3_2" class=" odd">
<td class="row-selector text-center">
<input type="checkbox" name="carrierBox[]" value="3" class="noborder">
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=3&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
3
</td>
<td class="pointer "
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=3&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
My cheap carrier
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=3&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
</td>
<td class="pointer "
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=3&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
Achetez plus vous paierez moins!
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=3&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
<a class="list-action-enable action-disabled"
href="index.php?controller=AdminCarriers&amp;id_carrier=3&amp;statuscarrier&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w"
title="Désactivé">
<i class="icon-check hidden"></i>
<i class="icon-remove"></i>
</a>
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=3&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
<a class="list-action-enable action-disabled"
href="index.php?controller=AdminCarriers&amp;id_carrier=3&amp;isFreecarrier&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w"
title="Désactivé">
<i class="icon-check hidden"></i>
<i class="icon-remove"></i>
</a>
</td>
<td id="td_0_3" class="pointer dragHandle center">
<div class="dragGroup">
<div class="positions">
3
</div>
</div>
</td>
<td class="text-right">
<div class="btn-group-action">
<div class="btn-group pull-right">
<a href="https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=3&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w"
title="Modifier" class="edit btn btn-default">
<i class="icon-pencil"></i> Modifier
</a>
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<i class="icon-caret-down"></i>
</button>
<ul class="dropdown-menu">
<li>
<a href="#" title="Supprimer" class="delete"
onclick="confirm_link('', 'Supprimer cet élément ?\n\nNom : My cheap carrier', 'Oui', 'Non', 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarriers&amp;id_carrier=3&amp;deletecarrier=1&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w', '#')">
<i class="icon-trash"></i> Supprimer
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
<tr id="tr_2_4_3" class=" ">
<td class="row-selector text-center">
<input type="checkbox" name="carrierBox[]" value="4" class="noborder">
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=4&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
4
</td>
<td class="pointer "
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=4&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
My light carrier
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=4&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
</td>
<td class="pointer "
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=4&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
Panier léger, prix allégé!
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=4&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
<a class="list-action-enable action-disabled"
href="index.php?controller=AdminCarriers&amp;id_carrier=4&amp;statuscarrier&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w"
title="Désactivé">
<i class="icon-check hidden"></i>
<i class="icon-remove"></i>
</a>
</td>
<td class="pointer center"
onclick="document.location = 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=4&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w'">
<a class="list-action-enable action-disabled"
href="index.php?controller=AdminCarriers&amp;id_carrier=4&amp;isFreecarrier&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w"
title="Désactivé">
<i class="icon-check hidden"></i>
<i class="icon-remove"></i>
</a>
</td>
<td id="td_0_4" class="pointer dragHandle center">
<div class="dragGroup">
<div class="positions">
4
</div>
</div>
</td>
<td class="text-right">
<div class="btn-group-action">
<div class="btn-group pull-right">
<a href="https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarrierWizard&amp;id_carrier=4&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w"
title="Modifier" class="edit btn btn-default">
<i class="icon-pencil"></i> Modifier
</a>
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<i class="icon-caret-down"></i>
</button>
<ul class="dropdown-menu">
<li>
<a href="#" title="Supprimer" class="delete"
onclick="confirm_link('', 'Supprimer cet élément ?\n\nNom : My light carrier', 'Oui', 'Non', 'https://prestashop-900:8890/admin-dev/index.php?controller=AdminCarriers&amp;id_carrier=4&amp;deletecarrier=1&amp;token=5c910b263f673aa78da.8pnQ1EI2GddLleM8Viwb0mV68ZTAwyyyvnOxktzKN6Q.xfLkgg9xXJJyrYILEGEuviMiyPCErnrQigTTouT7BsCKq6KaMFNjnCDG0w', '#')">
<i class="icon-trash"></i> Supprimer
</a>
</li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>

140
admin_o2w/themes/default/example/components/tables.html Normal file
View File

@@ -0,0 +1,140 @@
<h1 class="custom">Tables</h1>
<h2 class="custom">Basic</h2>
<div class="row">
<div class="col-md-6">
<table class="table">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<td>3</td>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-6">
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<td>3</td>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row">
<div class="col-md-6">
<table class="table table-bordered">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<td>Mark</td>
<td>Otto</td>
<td>@TwBootstrap</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<td>3</td>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-6">
<table class="table table-condensed">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<td>3</td>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
</div>

10
admin_o2w/themes/default/example/components/thumbnails.html Normal file
View File

@@ -0,0 +1,10 @@
<h1 class="custom">Thumbnails</h1>
<div class="thumbnail" style="width: 320px;">
<img src="https://placehold.co/320x180" data-src="https://placehold.co/200x200" alt="A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera">
<div class="caption">
<h3>Thumbnail label</h3>
<p>...</p>
<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
</div>
</div>

41
admin_o2w/themes/default/example/components/tooltips.html Normal file
View File

@@ -0,0 +1,41 @@
<h1 class="custom">Tooltips</h1>
<button
type="button"
class="btn btn-default"
data-toggle="tooltip"
data-placement="left"
title="Tooltip on left"
>
Tooltip on left
</button>
<button
type="button"
class="btn btn-default"
data-toggle="tooltip"
data-placement="top"
title="Tooltip on top"
>
Tooltip on top
</button>
<button
type="button"
class="btn btn-default"
data-toggle="tooltip"
data-placement="bottom"
title="Tooltip on bottom"
>
Tooltip on bottom
</button>
<button
type="button"
class="btn btn-default"
data-toggle="tooltip"
data-placement="right"
title="Tooltip on right"
>
Tooltip on right
</button>

5
admin_o2w/themes/default/example/components/wells.html Normal file
View File

@@ -0,0 +1,5 @@
<h1 class="custom">Wells</h1>
<div class="well">
Look, I'm in a well!
</div>

16
admin_o2w/themes/default/example/default-old.css Normal file
View File

File diff suppressed because one or more lines are too long

156
admin_o2w/themes/default/example/example.css Normal file
View File

@@ -0,0 +1,156 @@
html,
body {
height: auto;
}
html {
scroll-behavior: smooth;
padding: 0 0 2rem 0;
}
body {
background-color: #ffffff;
}
#switch_btn_styles {
position: fixed;
display: flex;
align-items: center;
gap: 0.5rem;
right: 1rem;
top: 1rem;
padding: 0.5rem 0.75rem;
font-size: 0.875rem;
color: #333333;
background-color: #ebb6b6;
border-radius: 0.5rem;
border: none;
transition: all 0.3s;
&:before {
content: '';
display: block;
width: 1rem;
height: 1rem;
border-radius: 50%;
border: 1px solid rgba(255 255 255 / 0.85);
background-color: red;
transition: all 0.3s 0.15s;
}
&:hover {
background-color: #f1cfcf;
}
&:not(.active) {
background-color: #b6ebb7;
&:before {
content: '';
display: block;
width: 1rem;
height: 1rem;
border-radius: 50%;
border: 1px solid rgba(255 255 255 / 0.85);
background-color: green;
transform: rotateY(180deg);
}
&:hover {
background-color: rgb(203, 245, 204);
}
}
}
/* Summary */
#summary {
position: fixed;
z-index: 9;
left: 1rem;
top: 1rem;
min-width: 140px;
font-size: 0.875rem;
padding-block: 0.5rem;
color: #333333;
background-color: #f3f3f3;
border-radius: 0.5rem;
border: none;
ul {
display: flex;
gap: 0.125rem;
flex-direction: column;
list-style-type: none;
margin: 0;
padding: 0;
a {
color: #333333;
text-decoration: none;
transition: all 0.3s;
padding: 0.125rem 0.5rem;
border-left: 3px solid transparent;
&:hover {
color: blue;
}
&:active,
&.active {
color: blue;
border-color: blue;
}
}
}
}
/* Dropdown open demo */
.theme-dropdown .dropdown-menu {
position: static;
display: block;
}
/* Title */
h1, h2, h3, h4, h5, h6 {
&.custom {
font-weight: 700;
color: #222222;
padding: 1rem 0;
margin: 2.5rem 0 1rem 0;
border-bottom: 2px solid #dddddd;
clear: both;
}
}
h2, h3, h4, h5, h6 {
&.custom {
color: #808080;
padding-bottom: 0.5rem;
margin-top: 1.25rem;
border-color: #eeeeee;
}
}
h3 {
&.custom {
color: #333;
padding-bottom: 0.5rem;
margin-top: 1rem;
border: none;
}
}
/* Tools */
.d-flex {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.h-spacer {
margin-right: 1rem;
}
.v-spacer {
margin-bottom: 1rem;
}

115
admin_o2w/themes/default/example/example.html Normal file
View File

@@ -0,0 +1,115 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BO default theme components / example page</title>
<link rel="icon" type="image/png" sizes="48x48" href="https://placehold.co/32x32">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" integrity="sha512-i8+QythOYyQke6XbStjt9T4yQHhhM+9Y9yTY1fOxoDQwsQpKMEpIoSQZ8mVomtnVCf9PBvoQDnKl06gGOOD19Q==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Material Design Icons -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<!-- Default theme CSS -->
<link id="default_stylesheet" href="http://127.0.0.1:1010/theme.css" rel="stylesheet">
<!-- Custom example page CSS -->
<link href="http://127.0.0.1:1000/example.css" rel="stylesheet">
</head>
<body>
<button id="switch_btn_styles">Switch Stylesheet</button>
<div id="summary"></div>
<div class="bootstrap">
<div class="container theme-showcase" role="main">
<!-- Alerts -->
<include-html path="./components/alerts.html"></include-html>
<!-- Labels (Badges) -->
<include-html path="./components/labels.html"></include-html>
<!-- Breadcrumb -->
<include-html path="./components/breadcrumbs.html"></include-html>
<!-- Buttons -->
<include-html path="./components/buttons.html"></include-html>
<!-- Panel (Cards)-->
<include-html path="./components/panels.html"></include-html>
<include-html path="./components/panels-complex.html"></include-html>
<!-- Content -->
<include-html path="./components/content.html"></include-html>
<!-- Dropdowns -->
<include-html path="./components/dropdowns.html"></include-html>
<!-- Forms -->
<include-html path="./components/forms.html"></include-html>
<!-- Headings -->
<include-html path="./components/headings.html"></include-html>
<!-- List group -->
<include-html path="./components/list-group.html"></include-html>
<!-- Navs -->
<include-html path="./components/navs.html"></include-html>
<!-- Tooltips -->
<include-html path="./components/tooltips.html"></include-html>
<!-- Pagination -->
<include-html path="./components/pagination.html"></include-html>
<!-- Popovers -->
<include-html path="./components/popovers.html"></include-html>
<!-- Progress bars -->
<include-html path="./components/progress-bars.html"></include-html>
<!-- Tables -->
<include-html path="./components/tables.html"></include-html>
<include-html path="./components/tables-complex.html"></include-html>
<!-- Thumbnails -->
<include-html path="./components/thumbnails.html"></include-html>
<!-- Badges -->
<include-html path="./components/badges.html"></include-html>
<!-- Wells -->
<include-html path="./components/wells.html"></include-html>
<!-- Custom -->
<h1 class="custom">Custom</h1>
<include-html path="./components/custom/colors-square.html"></include-html>
<include-html path="./components/custom/growl.html"></include-html>
</div> <!-- /container -->
</div>
<!-- Add jQuery -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<!-- Add Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<!-- Add Growl JS -->
<script src="http://127.0.0.1:1000/jquery.growl.js"></script>
<!-- Add example JS -->
<script src="http://127.0.0.1:1000/example.js"></script>
<!-- Add theme JS -->
<script src="http://127.0.0.1:1000/theme.bundle.js"></script>
</body>
</html>

148
admin_o2w/themes/default/example/example.js Normal file
View File

@@ -0,0 +1,148 @@
// Extend the HTMLElement class to create the web component
class IncludeHTML extends HTMLElement {
/**
* Get and render external HTML
* @param {String} path The path to the external HTML
*/
async getHTML(path) {
// Get the page
const request = await fetch(path);
if (!request.ok) return;
// Get the HTML
this.innerHTML = await request.text();
}
/**
* The class constructor object
*/
constructor() {
// Always call super first in constructor
super();
// Get the source HTML to load
const path = this.getAttribute('path');
if (!path) return;
// Render HTML
this.getHTML(path);
}
}
// Define the new web component
if ('customElements' in window) {
customElements.define('include-html', IncludeHTML);
}
// New / Old theme switch
function switchStylesheet() {
// Get the link element with the ID 'defaultStylesheet'
const defaultStylesheet = document.getElementById('default_stylesheet');
const switchButton = document.getElementById('switch_btn_styles');
switchButton.classList.toggle('active');
// Check if the default stylesheet is currently 'default.css'
if (
defaultStylesheet.getAttribute('href') === 'http://127.0.0.1:1010/theme.css'
) {
// If so, change it to 'alternate.css'
defaultStylesheet.setAttribute(
'href',
'http://127.0.0.1:1000/default-old.css',
);
} else {
// If not, change it back to 'default.css'
defaultStylesheet.setAttribute('href', 'http://127.0.0.1:1010/theme.css');
}
}
// Style toggle
document.getElementById('switch_btn_styles').addEventListener('click', switchStylesheet);
// Function to create summary based on H1 elements
function createSummary() {
const headings = document.querySelectorAll('h1.custom');
const summaryList = document.createElement('ul');
headings.forEach((heading) => {
const sectionId = heading.textContent.toLowerCase().replace(/\s+/g, '-');
heading.id = sectionId;
const anchor = document.createElement('a');
anchor.textContent = heading.textContent;
anchor.href = `#${sectionId}`;
anchor.setAttribute('style', 'display: block;');
// Add event listener to each anchor link
anchor.addEventListener('click', () => {
// Remove active class from all other links
document.querySelectorAll('#summary ul a').forEach((link) => {
link.classList.remove('active');
});
// Add active class to clicked link
anchor.classList.add('active');
});
const listItem = document.createElement('li');
listItem.appendChild(anchor);
summaryList.appendChild(listItem);
});
// Remove previous summary if exists
const summaryContainer = document.getElementById('summary');
summaryContainer.innerHTML = '';
// Append the summary list to the summary container
summaryContainer.appendChild(summaryList);
}
// Create summary initially
createSummary();
// Create a new observer instance linked to the callback function
const observer = new MutationObserver((mutationsList) => {
mutationsList.forEach((mutation) => {
if (mutation.type === 'childList' && mutation.addedNodes.length) {
// If new nodes are added, recreate summary
createSummary();
}
});
// Init Tooltips
$(() => {
$('[data-toggle="tooltip"]').tooltip();
});
// Init Popovers
$(() => {
$('[data-toggle="popover"]').popover();
});
});
// Start observing the document body for changes in children
observer.observe(document.body, {childList: true});
// Timeout to init growl element
window.setTimeout(() => {
const triggerGrowl = document.getElementById('show_growl');
const triggerGrowlMessageOnly = document.getElementById('show_growl_message');
triggerGrowl.addEventListener('click', () => {
$.growl({title: 'Growl', message: 'The kitten is awake!'});
$.growl.error({message: 'The kitten is attacking!'});
$.growl.notice({message: 'The kitten is cute!'});
$.growl.warning({message: 'The kitten is ugly!'});
});
triggerGrowlMessageOnly.addEventListener('click', () => {
$.growl({title: '', message: 'The kitten is awake!'});
$.growl.error({title: '', message: 'The kitten is attacking!'});
$.growl.notice({title: '', message: 'The kitten is cute!'});
$.growl.warning({title: '', message: 'The kitten is ugly!'});
});
}, 2000);

0
admin_o2w/themes/default/example/jquery.growl.css Normal file
View File

220
admin_o2w/themes/default/example/jquery.growl.js Normal file
View File

@@ -0,0 +1,220 @@
/* eslint-disable */
// Generated by CoffeeScript 1.6.3
/*
jQuery Growl
Copyright 2013 Kevin Sylvestre
1.1.4
*/
(function () {
let $; let Animation; let Growl;
const __bind = function (fn, me) { return function () { return fn.apply(me, arguments); }; };
$ = jQuery;
Animation = (function () {
function Animation() {}
Animation.transitions = {
webkitTransition: 'webkitTransitionEnd',
mozTransition: 'mozTransitionEnd',
oTransition: 'oTransitionEnd',
transition: 'transitionend',
};
Animation.transition = function ($el) {
let el; let result; let type; let
_ref;
el = $el[0];
_ref = this.transitions;
for (type in _ref) {
result = _ref[type];
if (el.style[type] != null) {
return result;
}
}
};
return Animation;
}());
Growl = (function () {
Growl.settings = {
namespace: 'growl',
duration: 3200,
close: '&times;',
location: 'default',
style: 'default',
size: 'medium',
};
Growl.growl = function (settings) {
if (settings == null) {
settings = {};
}
this.initialize();
return new Growl(settings);
};
Growl.initialize = function () {
return $('body:not(:has(#growls))').append('<div id="growls" />');
};
function Growl(settings) {
if (settings == null) {
settings = {};
}
this.html = __bind(this.html, this);
this.$growl = __bind(this.$growl, this);
this.$growls = __bind(this.$growls, this);
this.animate = __bind(this.animate, this);
this.remove = __bind(this.remove, this);
this.dismiss = __bind(this.dismiss, this);
this.present = __bind(this.present, this);
this.close = __bind(this.close, this);
this.cycle = __bind(this.cycle, this);
this.unbind = __bind(this.unbind, this);
this.bind = __bind(this.bind, this);
this.render = __bind(this.render, this);
this.settings = $.extend({}, Growl.settings, settings);
this.$growls().attr('class', this.settings.location);
this.render();
}
Growl.prototype.render = function () {
let $growl;
$growl = this.$growl();
this.$growls().append($growl);
this.cycle($growl);
};
Growl.prototype.bind = function ($growl) {
if ($growl == null) {
$growl = this.$growl();
}
return $growl.find(`.${this.settings.namespace}-close`).on('click', this.close);
};
Growl.prototype.unbind = function ($growl) {
if ($growl == null) {
$growl = this.$growl();
}
return $growl.find(`.${this.settings.namespace - close}`).off('click', this.close);
};
Growl.prototype.cycle = function ($growl) {
if ($growl == null) {
$growl = this.$growl();
}
return $growl.queue(this.present).delay(this.settings.duration).queue(this.dismiss).queue(this.remove);
};
Growl.prototype.close = function (event) {
let $growl;
event.preventDefault();
event.stopPropagation();
$growl = this.$growl();
return $growl.stop().queue(this.dismiss).queue(this.remove);
};
Growl.prototype.present = function (callback) {
let $growl;
$growl = this.$growl();
this.bind($growl);
return this.animate($growl, `${this.settings.namespace}-incoming`, 'out', callback);
};
Growl.prototype.dismiss = function (callback) {
let $growl;
$growl = this.$growl();
this.unbind($growl);
return this.animate($growl, `${this.settings.namespace}-outgoing`, 'in', callback);
};
Growl.prototype.remove = function (callback) {
this.$growl().remove();
return callback();
};
Growl.prototype.animate = function ($element, name, direction, callback) {
let transition;
if (direction == null) {
direction = 'in';
}
transition = Animation.transition($element);
$element[direction === 'in' ? 'removeClass' : 'addClass'](name);
$element.offset().position;
$element[direction === 'in' ? 'addClass' : 'removeClass'](name);
if (callback == null) {
return;
}
if (transition != null) {
$element.one(transition, callback);
} else {
callback();
}
};
Growl.prototype.$growls = function () {
return this.$_growls != null ? this.$_growls : this.$_growls = $('#growls');
};
Growl.prototype.$growl = function () {
return this.$_growl != null ? this.$_growl : this.$_growl = $(this.html());
};
Growl.prototype.html = function () {
return `<div class='${this.settings.namespace} ${this.settings.namespace}-${this.settings.style} ${this.settings.namespace}-${this.settings.size}'>\n <div class='${this.settings.namespace}-close'>${this.settings.close}</div>\n <div class='${this.settings.namespace}-title'>${this.settings.title}</div>\n <div class='${this.settings.namespace}-message'>${this.settings.message}</div>\n</div>`;
};
return Growl;
}());
$.growl = function (options) {
if (options == null) {
options = {};
}
return Growl.growl(options);
};
$.growl.error = function (options) {
let settings;
if (options == null) {
options = {};
}
settings = {
title: 'Error!',
style: 'error',
};
return $.growl($.extend(settings, options));
};
$.growl.notice = function (options) {
let settings;
if (options == null) {
options = {};
}
settings = {
title: 'Notice!',
style: 'notice',
};
return $.growl($.extend(settings, options));
};
$.growl.warning = function (options) {
let settings;
if (options == null) {
options = {};
}
settings = {
title: 'Warning!',
style: 'warning',
};
return $.growl($.extend(settings, options));
};
}).call(this);