This commit is contained in:
Syed Amir
2017-09-15 11:21:28 +08:00
parent 3188d9e150
commit c76de9fdc2
+46 -40
View File
@@ -31,7 +31,6 @@
<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
<!-- END THEME LAYOUT STYLES -->
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="css/bootstrap-select.css">
<style>
.media-object-4 {
width: 35px;
@@ -39,13 +38,6 @@
margin-left: 63%;
margin-top:0.7%;
}
body { padding: 40px; }
.dropdown-toggle, .dropdown-menu { width: 300px }
.btn-group img { margin-right: 10px }
.dropdown-toggle { padding-right: 50px }
.dropdown-toggle .glyphicon { margin-left: 20px; margin-right: -40px }
.dropdown-menu>li>a:hover { background: #f1f9fd } /* $search-blue */
.dropdown-header { background: #ccc; font-size: 14px; font-weight: 700; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; margin-bottom: 5px }
</style>
@@ -273,33 +265,21 @@
</div>
<br>
<div class="row">
<div class="col-md-8">
<div class="col-md-8">
<div class="form-group">
<label class="control-label col-md-3" style="font-size: 100%">Forwarder</label>
<div class="col-md-9" class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Please Choose Forwarder
<span class="glyphicon glyphicon-chevron-down"></span>
</button>
<ul class="dropdown-menu">
<li class="dropdown-header">Followed Company</li>
<li>
<a href="#" title="Select this card"><img src="../assets/layouts/layout/img/comp1.png" style="width:77px"> CIEF Worldwide</a>
</li>
<li>
<a href="#" title="Select this card"><img src="../assets/layouts/layout/img/comp2.png" style="width:77px"> Magic Cyberjaya</a>
</li>
<li>
<a href="#" title="Select this card"><img src="../assets/layouts/layout/img/comp5.jpg" style="width:77px"> Home Made Market</a>
</li>
</ul>
</div>
<br/>
</div>
</div>
</div>
<label class="control-label col-md-3">Forwarder</label>
<div class="col-md-9">
<div class="input-group select2-bootstrap-prepend">
<select id="select2-button-addons-single-input-group" class="form-control qweqweqweqwe" >
<option value="CIEF Worldwide" data-nama="CIEF Worldwide" data-thumb="../assets/layouts/layout/img/comp1.png">CIEF Worldwide</option>
<option value="Magic Cyberjaya" data-nama="Magic Cyberjaya" data-thumb="../assets/layouts/layout/img/comp2.png">Magic Cyberjaya</option>
<option value="Home Made Market" data-nama="Home Made Market" data-thumb="../assets/layouts/layout/img/comp5.jpg">Home Made Market</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="portlet-title">
<div class="caption">
<i class="icon-social-dribbble font-green hide"></i>
@@ -555,7 +535,7 @@
</tbody>
<tfoot>
<tr>
<td colspan="10"><a id="sample_editable_1_new" class="btn green qweqweqweqwe"><i class="fa fa-plus"></i>
<td colspan="9"><a id="sample_editable_1_new" class="btn green qweqweqweqwe"><i class="fa fa-plus"></i>
</a></td>
</tr>
</tfoot>
@@ -627,7 +607,7 @@
<script src="../assets/global/plugins/excanvas.min.js"></script>
<script src="../assets/global/plugins/ie8.fix.min.js"></script>
<![endif]-->
<!-- BEGIN CORE PLUGINS -->
<!-- BEGIN CORE PLUGINS -->
<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
@@ -654,8 +634,6 @@
<script src="../assets/pages/scripts/table-datatables-editable.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../assets/pages/scripts/components-select2.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<!-- BEGIN THEME LAYOUT SCRIPTS -->
<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
@@ -663,14 +641,42 @@
<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
<script src="../assets/layouts/global/scripts/quick-nav.min.js" type="text/javascript"></script>
<!-- END THEME LAYOUT SCRIPTS -->
<script>
<script>
$(document).ready(function()
{
$('#clickmewow').click(function()
{
$('#radio1003').attr('checked', 'checked');
});
})
});
$.fn.select2.defaults.set("theme", "bootstrap");
$(".qweqweqweqwe").select2({
placeholder: "Select a Forwarder",
escapeMarkup: function(markup) {
return markup;
}, // let our custom formatter work
templateResult: productStyles,
templateSelection: formatRepoSelection
});
function productStyles(repo) {
var markup = "<div class='select2-result-repository clearfix'>" +
"<div class='select2-result-repository__avatar'><img src='" + $(repo.element).data('thumb') + "' /></div>" +
"<div class='select2-result-repository__meta'>" +
"<div class='select2-result-repository__title'>" + $(repo.element).data('nama') + "</div>" +
"</div></div>";
return markup;
};
function formatRepoSelection(repo) {
var name = $(repo.element).data('nama');
return name;
}
$( "#folder" ).change(function() {
var select_value = $(this).val();
if(select_value == "000"){