{*
<h3>9. Методические указания для обучающихся по освоению дисциплины (модуля)</h3>
<div class="col-md-12">
    <label for="razdel9" class="form-label">
        <a href="#" class="btn btn-sm btn-danger btnsave" data-itemid="razdel9" data-bs-toggle="tooltip" data-bs-placement="bottom" title="сохранение"><i class="bi bi-save"></i></a>
        <strong></strong>
    </label>
    <textarea class="form-control" name="razdel9" id="razdel9" placeholder="заполняется преподавателем самостоятельно">{if isset($save)&&count($save)}{$save.razdel9|escape}{/if}</textarea>
</div>
*}

<h3>9. Перечень информационных технологий, используемых при осуществлении образовательного процесса по дисциплине (модулю), включая перечень программного обеспечения и информационных справочных систем (при необходимости)</h3>
<h4>9.1. Перечень необходимого программного обеспечения</h4>
<p>Перечень программного обеспечения формируется преподавателем из Реестра программного обеспечения по ООП, реализуемым в ФГБОУ ВО «МГТУ». Реестр программного обеспечения расположен на сайте университета.</p>

{function razdel_101_tr btn=0 table=''}
<tr class="{$table}_tr">
    <td>
        {if !count($lib)}
        {if $btn==0}
        <a href="#" class="btn btn-warning btn-sm btn_add_tr" data-table="{$table}"><i class="bi bi-plus-square"></i></a>
        {else}
        <a href="#" class="btn btn-info btn-sm btn_del_tr" data-table="{$table}"><i class="bi bi-trash"></i></a>
        {/if}
        {else}
        <a href="#" class="btn btn-info btn-sm btn_del_tr" data-table="{$table}"><i class="bi bi-trash"></i></a>
        {/if}
    </td>
    <td><input type="text" class="form-control {$table}_td" data-name="name"  value="{if isset($lib.name)}{$lib.name|escape}{/if}"></td>
</tr>
{/function}

{function software table=''}
{if count($SOFTWARE.mkgtu)}
<div class="row">
    <div class="col-8"><p>Программное обеспечение: <strong>МГТУ</strong></p></div>
    <div class="col-4"><input type="text" class="form-control filter_soft" data-id="body_table_1" placeholder="фильтр" value=""></div>
</div>
<div class="table-responsive" style="height:300px;">
    <table class="table">
        <thead>
        <tr>
            <th>Выбор</th>
            <th>Название</th>
        </tr>
        </thead>
        <tbody id="body_table_1">
        {foreach from=$SOFTWARE.mkgtu item=lib key=$k}
        <tr id="{$table}_libtr_{$k}">
            <td><a href="#" class="btn btn-warning btn-sm btn_softadd_tr" data-table="{$table}" data-id="{$k}"><i class="bi bi-plus-square"></i></a></td>
            <td><span id="{$table}_name_{$k}">{$lib.name|escape} {$lib.requisite|escape}</span></td>
        </tr>
        {/foreach}
        </tbody>
    </table>
</div>
{/if}
{/function}
{function softwareGOV table=''}
{if count($SOFTWARE.gov.items)}
<div class="row">
    <div class="col-8"><p><strong><a href="https://reestr.digital.gov.ru/reestr/" target="_blank">РЕЕСТР ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ Россия</a></strong></p></div>
    <div class="col-4"><input type="text" class="form-control filter_soft" data-id="body_table_2" placeholder="фильтр" value=""></div>
</div>
<div class="table-responsive" style="height:300px;">
    <table class="table">
        <thead>
        <tr>
            <th>Выбор</th>
            <th>Название</th>
        </tr>
        </thead>
        <tbody id="body_table_2">
        {foreach from=$SOFTWARE.gov.items item=lib key=$k}
        <tr id="{$table}_libtr_{$k}">
            <td><a href="#" class="btn btn-warning btn-sm btn_softadd_tr" data-table="{$table}" data-id="{$k}"><i class="bi bi-plus-square"></i></a></td>
            <td><span id="{$table}_name_{$k}">{$lib[1]|escape} {$lib[11]|escape} {$lib[7]|escape}</span></td>
        </tr>
        {/foreach}
        </tbody>
    </table>
</div>
{/if}
{/function}

{literal}<script>$(document).ready(function(){
    //Добавление из ПО строки в таблицу
    $(document).on("click", ".btn_softadd_tr", function(){
        let id = $(this).data('id');
        let table = $(this).data('table');
        let name = $('#'+table+'_name_'+id).html();
        let tr = '<tr class="'+table+'_tr">\n' +
            '    <td><a href="#" class="btn btn-info btn-sm btn_del_tr" data-table="'+table+'"><i class="bi bi-trash"></i></a></td>\n' +
            '    <td><input type="text" class="form-control '+table+'_td" data-name="name" value="'+escapeHtml(name)+'"></td>\n' +
            '</tr>';
        $('#'+table).append(tr);
        $('#'+table+'_libtr_'+id).remove();
        return false;
    });
    function escapeHtml(text) {
        var map = {
            '&': '&amp;',
            '<': '&lt;',
            '>': '&gt;',
            '"': '&quot;',
            "'": '&#039;'
        };
        return text.replace(/[&<>"']/g, function(m) { return map[m]; });
    }
    //фильтр таблицы
    $(".filter_soft").keyup(function () {
        var data = this.value.split(" ");
        var id = $(this).data('id');
        var jo = $("#"+id).find("tr");
        if (this.value == "") { jo.show(); return; }
        jo.hide();
        //Recusively filter the jquery object to get results.
        jo.filter(function (i, v) {
            var $t = $(this);
            for (var d = 0; d < data.length; ++d) {
                if ($t.is(":contains('" + data[d] + "')")) {
                    return true;
                }
            }
            return false;
        }).show();
    }).focus(function () {
        this.value = "";
        $(this).css({"color": "black"});
        $(this).unbind('focus');
    }).css({"color": "#C0C0C0"});
})</script>{/literal}

<div class="col-md-12">
    {assign var=table value='table_101'}
    <textarea id="{$table}_orig" style="display: none;">{razdel_101_tr btn=1 table=$table}</textarea>
    <table class="table">
        <thead>
        <tr>
            <th class="col-1">
                <a href="#" class="btn btn-sm btn-danger btnsave_table" data-tds="{$table}_td" data-form="{$table}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="сохранение"><i class="bi bi-save"></i></a>
            </th>
            <th class="col-11">Название</th>
        </tr>
        </thead>
        <tbody id="{$table}">
        {foreach from=$save.razdel10_1[1] item=lib}
        {razdel_101_tr lib=$lib table=$table}
        {/foreach}
        {razdel_101_tr lib=array() btn=0 table=$table}
        </tbody>
    </table>
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            {software table=$table}
        </div>
        {*<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
            {softwareGOV table=$table}
        </div>*}
    </div>
</div>

{*<pre>{print_r($SOFTWARE)}</pre>*}

<h4>9.2. Перечень необходимых информационных справочных систем:</h4>
<p>В данном разделе отражаются профессиональные базы данных, информационные, справочные и поисковые системы необходимые для обеспечения образовательного процесса в соответствии со спецификой дисциплины, включенные в реестр «Профессиональные базы данных и информационные справочные системы» размешенный на официальном сайте МГТУ. Формируется преподавателями, путем выбора из указанных реестров.</p>

{function razdel_102_tr btn=0 table=''}
<tr class="{$table}_tr">
    <td>
        {if !count($lib)}
        {if $btn==0}
        <a href="#" class="btn btn-warning btn-sm btn_add_tr" data-table="{$table}"><i class="bi bi-plus-square"></i></a>
        {else}
        <a href="#" class="btn btn-info btn-sm btn_del_tr" data-table="{$table}"><i class="bi bi-trash"></i></a>
        {/if}
        {else}
        <a href="#" class="btn btn-info btn-sm btn_del_tr" data-table="{$table}"><i class="bi bi-trash"></i></a>
        {/if}
    </td>
    <td><input type="text" class="form-control {$table}_td" data-name="name"  value="{if isset($lib.name)}{$lib.name|escape}{/if}"></td>
</tr>
{/function}

{function FLIBS}
{if count($LIBS83)}
<h3>Ресурсы с сайта Библиотеки МГТУ</h3>
<div class="table-responsive" style="height:300px;">
    {foreach from=$LIBS83 item=libs key=tip name=foo}
    <div class="col-md-12"><b>{$tip}</b></div>
    {foreach from=$libs item=lib key=k}
    <div class="col-md-12" id="d102_{$smarty.foreach.foo.iteration}_{$k}_{$r}">
        <a href="#" class="btn btn-warning btn-sm btn_libadd_102" data-table="{$table}" data-id="{$smarty.foreach.foo.iteration}_{$k}_{$r}"><i class="bi bi-plus-square"></i></a>
        <span id="d102v_{$smarty.foreach.foo.iteration}_{$k}_{$r}">{$lib.text} {$lib.urls[0]}</span>
    </div>
    {/foreach}
    {/foreach}
</div>
{/if}
{/function}
<div class="col-md-12">
    <p>Каждый обучающийся в течение всего периода обучения обеспечен индивидуальным неограниченным доступом к электронно-библиотечным системам, современным профессиональным базам данных, информационным справочным и поисковым системам:</p>
    {assign var=table value='table_1021'}
    <textarea id="{$table}_orig" style="display: none;">{razdel_102_tr btn=1 table=$table lib=''}</textarea>
    <table class="table">
        <thead>
        <tr>
            <th class="col-1">
                <a href="#" class="btn btn-sm btn-danger btnsave_table" data-tds="{$table}_td" data-form="{$table}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="сохранение"><i class="bi bi-save"></i></a>
            </th>
            <th class="col-11">Название</th>
        </tr>
        </thead>
        <tbody id="{$table}">
        {foreach from=$save.razdel10_2[1] item=lib}
        {razdel_102_tr lib=$lib table=$table}
        {/foreach}
        {razdel_102_tr lib=array() btn=0 table=$table}
        </tbody>
    </table>

    {FLIBS table=$table r=1}
</div>
<div class="col-md-12" style="dispaly:none;">
    <p>Для обучающихся обеспечен доступ (удаленный доступ) к следующим современным профессиональным базам данных, информационным справочным и поисковым системам:</p>
    {assign var=table value='table_1022'}
    <textarea id="{$table}_orig" style="display: none;">{razdel_102_tr btn=1 table=$table lib=''}</textarea>
    <table class="table">
        <thead>
        <tr>
            <th class="col-1">
                <a href="#" class="btn btn-sm btn-danger btnsave_table" data-tds="{$table}_td" data-form="{$table}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="сохранение"><i class="bi bi-save"></i></a>
            </th>
            <th class="col-11">Название</th>
        </tr>
        </thead>
        <tbody id="{$table}">
        {foreach from=$save.razdel10_2[2] item=lib}
        {razdel_102_tr lib=$lib table=$table}
        {/foreach}
        {razdel_102_tr lib=array() btn=0 table=$table}
        </tbody>
    </table>
    {FLIBS table=$table r=2}
</div>

{literal}<script>$(document).ready(function(){
    //Добавление строки в таблицу
    $(document).on("click", ".btn_libadd_102", function(){
        let id = $(this).data('id');
        let table = $(this).data('table');
        let item = $("#d102v_"+id).html();
        //item.nodeValue = item.nodeValue.replace(/\u00a0/g, " ");
        item = item.replace(/&nbsp;/g, ' ');
        item = item.replace(/"/g, "'");
        let tr = '\n' +
            '<tr class="'+table+'_tr">\n' +
            '    <td><a href="#" class="btn btn-info btn-sm btn_del_tr" data-table="'+table+'"><i class="bi bi-trash"></i></a></td>\n' +
            '    <td><input type="text" class="form-control '+table+'_td" data-name="name"  value="'+item+'"></td>\n' +
            '</tr>';
        $("#"+table).append(tr);
        $("#d102_"+id).remove();
        return false;
    });
    var $summernote9 = $('#razdel9').summernote({
        placeholder: $("#razdel9").attr("placeholder"),
        fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New'],
        tabsize: 2,height: 300,lang: 'ru-RU',
        callbacks: {
            onImageUpload: function(files) {
                sendFile(files[0],$summernote9);
            }
        }
    });
    function sendFile(file,summernote) {
        data = new FormData();
        data.append("ajdes", "uploadFileEditor");
        data.append("file", file);
        $.ajax({data: data,datatype:'json',type: "POST",cache: false,contentType: false,processData: false,
            url: "/rabprog/rpd/",
            success: function(data) {
                if(data.err==0) {
                    summernote.summernote('insertImage', data.url);
                }
            }
        });
    }
})</script>{/literal}