Netsyms/Mods-for-HESK-Netsyms
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Modal working

Browse Source
This commit is contained in:
Mike Koch 2017-05-15 12:58:34 -04:00
parent 944552aba2
commit 0eab3f1622
2 changed files with 39 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
admin/manage_custom_nav_elements.php
View File

@ -111,7 +111,7 @@ require_once(HESK_PATH . 'inc/show_admin_nav.inc.php');
<?php echo $language; ?> <?php echo $language; ?>
</label> </label>
<div class="col-md-8 col-sm-12"> <div class="col-md-8 col-sm-12">
<input type="text" name="text[<?php echo $language; ?>]" class="form-control" <input type="text" name="text[]" class="form-control"
data-text-language="<?php echo $language; ?>" data-text-language="<?php echo $language; ?>"
id="text[<?php echo $language; ?>" placeholder="<?php echo $language; ?>"> id="text[<?php echo $language; ?>" placeholder="<?php echo $language; ?>">
</div> </div>
@ -125,7 +125,7 @@ require_once(HESK_PATH . 'inc/show_admin_nav.inc.php');
<?php echo $language; ?> <?php echo $language; ?>
</label> </label>
<div class="col-md-8 col-sm-12"> <div class="col-md-8 col-sm-12">
<input type="text" name="subtext[<?php echo $language; ?>]" class="form-control" <input type="text" name="subtext[]" class="form-control"
data-subtext-language="<?php echo $language; ?>" data-subtext-language="<?php echo $language; ?>"
id="subtext[<?php echo $language; ?>" placeholder="<?php echo $language; ?>"> id="subtext[<?php echo $language; ?>" placeholder="<?php echo $language; ?>">
</div> </div>
@ -147,13 +147,14 @@ require_once(HESK_PATH . 'inc/show_admin_nav.inc.php');
<div class="form-group" id="image-url-group"> <div class="form-group" id="image-url-group">
<label for="image-url" class="col-md-4 col-sm-12 control-label">Image URL [!]</label> <label for="image-url" class="col-md-4 col-sm-12 control-label">Image URL [!]</label>
<div class="col-md-8 col-sm-12"> <div class="col-md-8 col-sm-12">
<input type="text" class="form-control" placeholder="Image URL[!]"> <input type="text" name="image-url" class="form-control" placeholder="Image URL[!]">
</div> </div>
</div> </div>
<div class="form-group" id="font-icon-group"> <div class="form-group" id="font-icon-group">
<label for="font-icon" class="col-md-4 col-sm-12 control-label">Font Icon [!]</label> <label for="font-icon" class="col-md-4 col-sm-12 control-label">Font Icon [!]</label>
<div class="col-md-8 col-sm-12"> <div class="col-md-8 col-sm-12">
<span>Iconpicker</span> <div class="btn btn-default iconpicker-container" data-toggle="iconpicker">
</div>
</div> </div>
</div> </div>
</div> </div>
@ -183,7 +184,9 @@ require_once(HESK_PATH . 'inc/show_admin_nav.inc.php');
<td><span> <td><span>
<ul data-property="text" class="list-unstyled"></ul> <ul data-property="text" class="list-unstyled"></ul>
</span></td> </span></td>
<td><span data-property="subtext"></span></td> <td><span>
<ul data-property="subtext" class="list-unstyled"></ul>
</span></td>
<td><span data-property="image-or-font"></span></td> <td><span data-property="image-or-font"></span></td>
<td style="display: none"><span data-property="place-id"></span></td> <td style="display: none"><span data-property="place-id"></span></td>
<td><span data-property="place"></span></td> <td><span data-property="place"></span></td>

35
internal-api/js/manage-custom-nav-elements.js
View File

@ -1,11 +1,36 @@
var elements = [];
$(document).ready(function() { $(document).ready(function() {
loadTable(); loadTable();
$(document).on('click', '[data-action="edit"]', function() { $(document).on('click', '[data-action="edit"]', function() {
var $tableRow = $(this).parent().parent(); var element = elements[$(this).parent().parent().find('[data-property="id"]').text()];
console.log(element);
var $modal = $('#nav-element-modal'); var $modal = $('#nav-element-modal');
$modal.find('select[name="place"]').val($tableRow.find('[data-property="place-id"]').text()); $modal.find('select[name="place"]').val(element.place).text();
var $textLanguages = $modal.find('[data-text-language]');
$.each($textLanguages, function() {
var language = $(this).data('text-language');
$(this).val(element.text[language]);
});
var $subtextLanguages = $modal.find('[data-subtext-language]');
$.each($subtextLanguages, function() {
var language = $(this).data('subtext-language');
$(this).val(element.subtext[language]);
});
if (element.imageUrl !== null) {
$modal.find('select[name="image-type"]').val('image-url');
$modal.find('input[name="image-url"]').val(element.imageUrl);
} else {
$modal.find('select[name="image-type"]').val('font-icon');
$('[data-toggle="iconpicker"]').iconpicker('setIcon', element.fontIcon);
}
$modal.modal('show'); $modal.modal('show');
}) })
@ -43,15 +68,17 @@ function loadTable() {
$template.find('ul[data-property="text"]').html(text); $template.find('ul[data-property="text"]').html(text);
var subtext = '-'; var subtext = '-';
if (this.place == 1) { if (this.place === 1) {
subtext = ''; subtext = '';
$.each(this.subtext, function(key, value) { $.each(this.subtext, function(key, value) {
subtext += '<li><b>' + escape(key) + ':</b> ' + escape(value) + '</li>'; subtext += '<li><b>' + escape(key) + ':</b> ' + escape(value) + '</li>';
}); });
} }
$template.find('ul[data-property="subtext"]').html(text); $template.find('ul[data-property="subtext"]').html(subtext);
$('#table-body').append($template); $('#table-body').append($template);
elements[this.id] = this;
}); });
}, },
error: function(data) { error: function(data) {