Skip to content

Commit

Permalink
Added fixes to the examples
Browse files Browse the repository at this point in the history
  • Loading branch information
tmcconechy committed Jan 23, 2024
1 parent 91d26af commit c200405
Show file tree
Hide file tree
Showing 14 changed files with 199 additions and 199 deletions.
2 changes: 1 addition & 1 deletion app/views/components/modal/test-external-components.html
Original file line number Diff line number Diff line change
Expand Up @@ -116,7 +116,7 @@
offset: {
y: 10
},
title: 'ABC Engine Company',
title: 'ABC Company',
trigger: 'click',
attachToBody: false
};
Expand Down
146 changes: 73 additions & 73 deletions app/views/components/modal/test-popover.html
Original file line number Diff line number Diff line change
@@ -1,81 +1,81 @@
<div class="row">
<div class="twelve columns">

<div class="row">
<div class="twelve columns">

<button class="btn-secondary" type="button" id="add-comment">Open Modal</button>

<div id="modal-add-comment" style="display: none; height: 400px;">

<!-- Conents Popover -->
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />
<button class="btn-tertiary" id="open-popover" type="button" >Open Popover</button>
<br />
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />

<div id="popover-contents-click" class="hidden">
<p>Purchase <strong>2</strong> more to save <a href="#" class="hyperlink"><strong>$100</strong></a> total</p>
<div style="width: 315px; margin: 7px auto;">
<table role="grid" style="width: 210px" class="l-pull-left">
<thead>
<tr>
<th scope="col" role="columnheader">Quantity</th>
<th scope="col" role="columnheader">Unit Price</th>
<th scope="col" role="columnheader">Total</th>
</tr>
</thead>
<tbody>
<tr>
<td>50</td>
<td>$18.00</td>
<td><strong>$900.00</strong></td>
</tr>
</tbody>
</table>
<button class="btn-primary" type="button">Apply</button>
</div>
<div class="modal-buttonset">
<button type="button" class="btn-modal-primary">View more</button>
</div>
</div>

</div>
<!-- Conents Popover -->
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />
<button class="btn-tertiary" id="open-popover" type="button" >Open Popover</button>
<br />
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />
a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />

<div id="popover-contents-click" class="hidden">
<p>Purchase <strong>2</strong> more to save <a href="#" class="hyperlink"><strong>$100</strong></a> total</p>
<div style="width: 315px; margin: 7px auto;">
<table role="grid" style="width: 210px" class="l-pull-left">
<thead>
<tr>
<th scope="col" role="columnheader">Quantity</th>
<th scope="col" role="columnheader">Unit Price</th>
<th scope="col" role="columnheader">Total</th>
</tr>
</thead>
<tbody>
<tr>
<td>50</td>
<td>$18.00</td>
<td><strong>$900.00</strong></td>
</tr>
</tbody>
</table>
<button class="btn-primary" type="button">Apply</button>
</div>
<div class="modal-buttonset">
<button type="button" class="btn-modal-primary">View more</button>
</div>
</div>

</div>

</div>
</div>


</div>
</div>


<script>
var modals = {
'add-comment': {
'title': 'Add a Comment',
'content': $('#modal-add-comment')
<script>
var modals = {
'add-comment': {
'title': 'Add a Comment',
'content': $('#modal-add-comment')
}
},

setModal = function (opt) {
opt = $.extend({
buttons: [{
text: 'Cancel',
click: function(e, modal) {
modal.close();
}
}, {
text: 'Save',
click: function(e, modal) {
modal.close();
},
validate: false,
isDefault: true
}]
}, opt);

$('body').modal(opt);
};

},

setModal = function (opt) {
opt = $.extend({
buttons: [{
text: 'Cancel',
click: function(e, modal) {
modal.close();
}
}, {
text: 'Save',
click: function(e, modal) {
modal.close();
},
validate: false,
isDefault: true
}]
}, opt);

$('body').modal(opt);
};

$('#add-comment').on('click', function () {
setModal(modals[this.id]);
});
setModal(modals[this.id]);
});

$('#open-popover').popover(
{closebutton: true,
Expand All @@ -86,8 +86,8 @@
offset: {
y: 10
},
title: 'ABC Engine Company',
title: 'ABC Company',
trigger: 'click'}
);


</script>
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<div class="row top-padding">
<div class="nine columns">
<div class="field">
<button class="btn-secondary" data-popover="popover-contents-click-left" data-title="ABC Engine Company" data-trigger="click" type="button" data-closebutton="true" data-placement="right" data-extra-class="alternate">ABC Information Popover</button>
<button class="btn-secondary" data-popover="popover-contents-click-left" data-title="ABC Company" data-trigger="click" type="button" data-closebutton="true" data-placement="right" data-extra-class="alternate">ABC Information Popover</button>
</div>
</div>
<div class="three columns">
Expand Down
2 changes: 1 addition & 1 deletion app/views/components/popover/example-index.html
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
offset: {
y: 10
},
title: 'ABC Engine Company',
title: 'ABC Company',
trigger: 'click'
};

Expand Down
2 changes: 1 addition & 1 deletion app/views/components/popover/test-content-string.html
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ <h2>Popover Test: Simple Example Content</h2>
popover: true,
content: $('#popover-contents').html(),
placement: 'right',
title: 'ABC Engine Company',
title: 'ABC Company',
trigger: 'click'
};

Expand Down
2 changes: 1 addition & 1 deletion app/views/components/popover/test-header-color.html
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@
offset: {
y: 10
},
title: 'ABC Engine Company',
title: 'ABC Company',
trigger: 'click',
headerClass: 'azure',
keepOpen: true
Expand Down
2 changes: 1 addition & 1 deletion app/views/components/popover/test-inline-data-options.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<div class="row">
<div class="twelve columns">

<button class="btn-secondary" data-popover="true" data-options="{'content': '#popover-contents' ,'title': 'ABC Engine Company', 'trigger': 'click', 'closebutton': 'true', 'extraClass': 'alternate'}">Open Popover</button>
<button class="btn-secondary" data-popover="true" data-options="{'content': '#popover-contents' ,'title': 'ABC Company', 'trigger': 'click', 'closebutton': 'true', 'extraClass': 'alternate'}">Open Popover</button>

<div id="popover-contents" class="popover-content-area hidden">
<p>Purchase <strong>2</strong> more to save <a href="#" class="hyperlink"><strong>$100</strong></a> total</p>
Expand Down
2 changes: 1 addition & 1 deletion app/views/components/popover/test-inline-options.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<div class="row">
<div class="twelve columns">

<button class="btn-secondary" data-popover="popover-contents" data-title="ABC Engine Company" data-trigger="click" type="button"
<button class="btn-secondary" data-popover="popover-contents" data-title="ABC Company" data-trigger="click" type="button"
data-closebutton="true" data-extra-class="alternate">Open Popover</button>

<div id="popover-contents" class="popover-content-area hidden">
Expand Down
Loading

0 comments on commit c200405

Please sign in to comment.