Subversion-Projekte lars-tiefland.laravel_shop

Revision

Revision 1530 | Revision 1532 | Zur aktuellen Revision | Details | Vergleich mit vorheriger | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
1509 lars 1
<!-- $Id: bilder.tpl 4097 2023-03-23 13:41:48Z erling $ BEGIN -->
2
<style>
3
    .tb_bv_button
4
    {
5
        height: 22px;
6
        width: 30px;
7
    }
8
</style>
9
<script>
10
    $(function(){
11
        {if $action->id}
12
        // toggle image
13
        $('.toggle_img').on("click",function() {
14
            let aktiv = 1;
15
            let id = $(this).data("imgid");
16
 
17
            // deaktivieren
18
            if( $(this).hasClass("fa-toggle-on") ) {
19
                $('tr[data-tr_id='+id+']').addClass("inactive");
20
                $(this).removeClass('fa-toggle-on');
21
                $(this).addClass("fa-toggle-off");
22
                aktiv = 0;
23
            }else {
24
                // aktivieren
25
                $('tr[data-tr_id='+id+']').removeClass("inactive");
26
                $(this).removeClass('fa-toggle-off');
27
                $(this).addClass("fa-toggle-on");
28
            }
29
 
30
            let url="aktion_v3.php?aktionen_id={$aktion.ID}&mode=edit_aktionen_item&id="+id+"&aktiv="+aktiv;
31
            $.get(url,function(html){
32
                //alert(html);
33
            });
34
 
35
        });
36
        {/if}
37
 
38
        $('.pic_up').css("cursor","pointer").click(move_pic);
39
        $('.pic_down').css("cursor","pointer").click(move_pic);
40
        $('.edit_desc').button({
41
            icons:{
42
                primary:"ui-icon-pencil"
43
            }
44
        }).css("cursor","pointer").click(edit_medium_desc);
45
        $('.edit_param').button({
46
            icons:{
47
                primary:"ui-icon-pencil"
48
            }
49
        }).css("cursor","pointer").click(edit_medium_param);
50
        $('#edit_desc_dlg').dialog({
51
            autoOpen:false,
52
            modal:true,
53
            resizable:false,
54
            buttons:{
55
                "speichern": function()
56
                {
57
                    let url="/toolbox/editMedimDesc.php";
58
                    $.get(url,$('#edit_desc_form').serialize(),function(html){
59
                        $('#desc_'+$('#hidden_id').val()).html(html);
60
                    })
61
                    $(this).dialog("close");
62
                },
63
                "abbrechen": function()
64
                {
65
                    $(this).dialog("close");
66
                }
67
            }
68
        });
69
        $('#edit_param_dlg').dialog({
70
            autoOpen:false,
71
            modal:true,
72
            resizable:false,
73
            buttons:{
74
                "speichern": function()
75
                {
76
                    let url="/toolbox/editMediumParam.php";
77
                    $.get(url,$('#edit_param_form').serialize(),function(html){
78
                        $('#param_'+$('#hidden_param_id').val()).html(html);
79
                    })
80
                    $(this).dialog("close");
81
                },
82
                "abbrechen": function()
83
                {
84
                    $(this).dialog("close");
85
                }
86
            }
87
        });
88
    })
89
</script>
1517 lars 90
{if $lType!="k"}
1509 lars 91
    <script>
92
        $(function(){
93
            $('.del_image').css("cursor","pointer").click(del_image);
94
            $('.aehnlich').change(change_aehnlich);
95
            $('.edit_type').button({
96
                icons:{
97
                    primary:"ui-icon-pencil"
98
                }
99
            }).css("cursor","pointer").click(edit_medium_type);
100
            $('#editTypeDlg').dialog({
101
                autoOpen:false,
102
                modal:true,
103
                resizable:false,
104
                buttons:{
105
                    "speichern": function()
106
                    {
107
                        let url="/toolbox/editMedimType.php";
108
                        $.get(url,$('#edit_type_form').serialize(),function(html){
109
                            $('#type_'+$('#hidden_id_type').val()).html(html);
110
                        })
111
                        $(this).dialog("close");
112
                    },
113
                    "abbrechen": function()
114
                    {
115
                        $(this).dialog("close");
116
                    }
117
                }
118
            });
119
        });
120
            function change_aehnlich()
121
            {
122
                let aId=$(this).attr("id").split("_");
123
                let l_id=aId[1];
124
                let m_id=aId[2];
125
                let l_type=aId[3];
126
                let val=$(this).val();
127
                let url="change_aehnlich.php?l_id="+l_id+"&m_id="+m_id+"&val="+val+"&l_type="+l_type
128
                let meld;
129
                $.get(url,function(html)
130
                {
131
                    if(html==1)
132
                    {
133
                        meld="Änderung erfolgreich gespeichert!";
134
                    }
135
                    else
136
                    {
137
                        meld="Es ist leider ein Fehler aufgetreten!<br>"+html;
138
                    }
139
                    $('#change_aehnlich_meld').html(meld);
140
                    $('#change_aehnlich_msg').dialog({
141
                        modal:true,
142
                        resizable:false,
143
                        buttons:{
144
                            "ok":function()
145
                            {
146
                                $(this).dialog("close");
147
                            }
148
                        }
149
                    })
150
                })
151
            }
152
            function edit_medium_type(e)
153
            {
154
                e.preventDefault();
155
                let mId=this.id;
156
                mId=mId.split("__");
157
                mId=mId[1];
158
                $('#hidden_id_type').val(mId);
159
                let type=$('#type_'+mId).html()
160
                $('#input_type').val(type);
161
                $('#editTypeDlg').dialog("open");
162
            }
163
    </script>
164
    <table width="100%">
165
        <tr class="links">
166
            <td>Dateiname</td>
167
            <td>Vorschau</td>
168
            <td>ähnlich?</td>
169
            <td>Beschreibung</td>
170
            <td>Parameter</td>
171
            <td>Größe</td>
172
            <td>Type</td>
173
            {if !$bilder[0].mutter || !in_array( "medien" , $gesperrte_felder )}
174
                <td>Aktionen</td>
175
            {/if}
176
        </tr>
177
        {foreach $bilder as $bild}
178
            <tr>
1530 lars 179
                <td id="bild_name_{$bild->medium->id}">{$bild->medium->name}</td>
1509 lars 180
                <td>
1530 lars 181
                    {if $bild->medium->medium_type_id==1||$bild->medium->medium_type_id==5||$bild->medium->medium_type_id==6||$bild->medium->medium_type_id==7}
182
                        <a href="https://{$site}/images/upload/{$bild->medium->folder}/{$bild->medium->name}" target="_blank"><img src="https://{$site}/images/upload/{$bild->medium->folder}/mini/{$bild->medium->name}" alt="" /></a>
183
                    {elseif $bild->medium->medium_type_id==3}
184
                        <a href="{$bild->medium->name}" target="_blank">
185
                            <img src="{$bild->medium->url_mini}" width="153" alt="" />
1509 lars 186
                        </a>
187
                    {else}
1530 lars 188
                        {if $bild->medium->medium_type_id==2}
189
                            <a href="{$bild->medium->url}" target="_blank">
1509 lars 190
                        {/if}
191
                        Dies ist kein Bild!<br/>Daher gibt es keine Vorschau!
1530 lars 192
                        {if $bild->medium->medium_type_id==2}
1509 lars 193
                            </a>
194
                        {/if}
195
                    {/if}
196
                </td>
197
                <td>
1530 lars 198
                    {if !$bild->medium->mutter || !in_array( "medien" , $gesperrte_felder )}
199
                        <select id="aehnlich_{$smarty.get.l_id}_{$bild->medium->id}_{$lType}" class="aehnlich">
200
                            {html_options selected=$bild->medium->aehnlich options=$aehnlich}
1509 lars 201
                        </select>
202
                    {else}
1530 lars 203
                        {$aehnlich[$bild->medium->aehnlich]}
1509 lars 204
                    {/if}
205
                </td>
206
                <td style="width:200px;">
207
                    <div>
1530 lars 208
                        {if !$bild->medium->mutter || !in_array( "medien" , $gesperrte_felder )}
1509 lars 209
                            <div style="float:left;">
1530 lars 210
                                <a class="edit_desc tb_bv_button" id="edit_desc__{$bild->medium->id}" title="Beschreibung editieren"></a>
1509 lars 211
                            </div>
212
                        {/if}
1530 lars 213
                        <div style="float:left;" id="desc_{$bild->medium->id}">{$bild->medium->beschreibung|default:"&nbsp;"}</div>
1509 lars 214
                    </div>
215
                </td>
216
                <td style="width:200px;">
217
                    <div>
1530 lars 218
                        {if (!$bild->medium->mutter || !in_array( "medien" , $gesperrte_felder ))&&$bild->medium->medium_type_id==10}
1509 lars 219
                            <div style="float:left;">
1530 lars 220
                                <a class="edit_param tb_bv_button" id="edit_param__{$bild->medium->id}" title="Parameter editieren"></a>
1509 lars 221
                            </div>
222
                        {/if}
1530 lars 223
                        <div style="float:left;" id="param_{$bild->medium->id}">{$bild->medium->parameter|default:"&nbsp;"}</div>
1509 lars 224
                    </div>
225
                </td>
226
                <td>
1530 lars 227
                    {$bild->medium->size|fsize_format:"":2:",":"."}
228
                    {if $bild->medium->medium_type_id==1||$bild->medium->medium_type_id==5||$bild->medium->medium_type_id==6||$bild->medium->medium_type_id==3}
229
                        ({$bild->medium->img_size[0]} x {$bild->medium->img_size[1]} Pixel)
1509 lars 230
                    {/if}
231
                </td>
232
                <td>
233
                    <div>
1530 lars 234
                        {if !$bild->medium->mutter || !in_array( "medien" , $gesperrte_felder )}
1509 lars 235
                            <div style="float:left">
1530 lars 236
                                <a class="edit_type tb_bv_button" id="edit_type__{$bild->medium->id}" title="Typ editieren"></a>
1509 lars 237
                            </div>
238
                        {/if}
1530 lars 239
                        <div style="float:left" id="type_{$bild->medium->id}">{$bild->medium->medium_type_id_name}</div>
1509 lars 240
                    </div>
241
                </td>
1530 lars 242
                {if !($bild->medium->mutter) || !in_array( "medien" , $gesperrte_felder )}
1509 lars 243
                    <td>
244
                        <table>
245
                            <tr>
246
                                <td width="16">
247
                                    {if !$bild@first}
1530 lars 248
                                        <a class="pic_up" title="nach oben" id="up_{$smarty.get.l_id}_{$bild->medium->id}_{$lType}"><img src="/images/Icons/up.png" alt=""/></a>
1509 lars 249
                                    {/if}
250
                                </td>
251
                                <td width="16">
252
                                    {if !$bild@last}
1530 lars 253
                                        <a class="pic_down" title="nach unten" id="down_{$smarty.get.l_id}_{$bild->medium->id}_{$lType}"><img src="/images/Icons/down.png" alt=""/></a>
1509 lars 254
                                    {/if}
255
                                </td>
256
 
257
                                <td width="16">
1530 lars 258
                                    <a title="löschen" class="del_image" id="del_image_{$bild->medium->id}_{$smarty.get.l_id}"><img src="/images/Icons/trashcan.png" alt=""/></a>
1509 lars 259
                                </td>
260
 
261
                            </tr>
262
                        </table>
263
                    </td>
264
                {/if}
265
            </tr>
266
        {/foreach}
1517 lars 267
        <input type="hidden" id="l_type" value="{$lType}" />
1509 lars 268
        <input type="hidden" id="l_id" value="{$smarty.get.l_id}" />
269
    </table>
270
 
271
    <div id="change_aehnlich_msg" title="Ergebnis">
272
        <div id="change_aehnlich_meld"></div>
273
    </div>
274
 
275
    <div title="Type des Mediums anpassen" id="editTypeDlg">
276
        <form id="edit_type_form">
277
            <input type="hidden" name="id" value="" id="hidden_id_type" />
278
            Typ:
279
            {html_options options=$typen name="typ"}
280
        </form>
281
    </div>
282
{else}
283
    <script>
284
        $(function(){
285
            $('.add_mobile_image').button({
286
                icons:{
287
                    primary:"ui-icon-link"
288
                }
289
            }).click(add_k_mobile_images);
290
            $('.upload_mobile_image').button({
291
                icons:{
292
                    primary:"ui-icon-image"
293
                }
294
            }).click(upload_k_mobile_images);
295
            $('.del_image').css("cursor","pointer").click(del_image3);
296
            $('.del_mobile_image').css("cursor","pointer").click(del_mobile_image);
297
            $('#aktionUploadMsg').dialog({
298
                autoOpen:false,
299
                modal:true,
300
                resizable:false,
301
                buttons:{
302
                    "OK":function(){
303
                        $(this).dialog("close");
304
                    }
305
                }
306
            })
307
            $('#upload_mobile_dlg').dialog({
308
                autoOpen:false,
309
                modal:true,
310
                resizable:false,
311
                width:800,
312
                buttons:[
313
                    {
314
                        text:"Hochladen",
315
                        icon:"ui-icon-check",
316
                        click:function(){
317
                            let formData = new FormData($("#upload_mobile")[0]);
318
                            $.ajax({
319
                                url: "/Online-Shop/aktionUploadMobile.php",
320
                                type: 'POST',
321
                                data: formData,
322
                                processData: false,
323
                                contentType: false,
324
                                success: function (response) {
325
                                    let ret=$.parseJSON(response);
326
                                    let err=ret.err;
327
                                    let msg=ret.msg;
328
                                    if(err!=1)
329
                                    {
330
                                        let b2_id=$('#b_id').val();
331
                                        $.post("/Online-Shop/add_image.php?m=1&b2_id="+b2_id+"&l_type=k&l_id={$smarty.get.l_id}&b_id="+ret.b_id,function(){
332
                                            getBilder();
333
                                            $('#upload_mobile_dlg').dialog("close");
334
                                        })
335
                                    }
336
                                    else
337
                                    {
338
                                        msg='<div style="color:red;font-weight:bold">'+msg+'</div>';
339
                                    }
340
                                    $('#upload_mobile_dlg').dialog("close");
341
                                    $('#aktionUploadMsg').html(msg).dialog("open");
342
                                },
343
                                error: function (xhr, status, error) {
344
                                    //....
345
                                }
346
                            });
347
                        }
348
                    }]
349
            })
350
        })
351
    </script>
1527 lars 352
    <table style="width: 100%">
1509 lars 353
        <tr class="links">
354
            <td>Dateiname</td>
355
            <td>Vorschau</td>
356
            <td>Link</td>
357
            <td>Größe</td>
358
            <td>Aktionen</td>
359
            {if $action->category !="Display"}
360
            <td>mobiles BIld</td>
361
            {/if}
362
        </tr>
363
        {foreach $bilder as $bild}
1528 lars 364
            <tr data-tr_id="{$bild->medium->id}"  {if $bild->medium->aktiv!=1} class="inactive" {/if}>
365
                <td id="bild_name_{$bild->medium->id}">{$bild->medium->name}</td>
1509 lars 366
                <td>
1531 lars 367
                    <a href="/images/upload/{$bild->medium->folder}/{$bild->medium->name}" target="_blank"><img src="/images/upload/{$bild->medium->folder}/{$bild->medium->name}" width="153" alt="" /></a>
1509 lars 368
                </td>
369
                <td style="width:200px;">
370
                    <div>
371
                        <div style="float:left;">
1528 lars 372
                            <a class="edit_desc tb_bv_button" id="edit_desc__{$bild->medium->id}" title="Beschreibung editieren"></a>
1509 lars 373
                        </div>
1528 lars 374
                        <div style="float:left;" id="desc_{$bild->medium->id}">{$bild->medium->beschreibung|default:"&nbsp;"}</div>
1509 lars 375
                    </div>
376
                </td>
377
                <td>
1530 lars 378
                    {$bild->medium->size|fsize_format:"":2:",":"."}
379
                    {if $bild->medium->medium_type_id==1||$bild->medium->medium_type_id==5||$bild->medium->medium_type_id==6||$bild->medium->medium_type_id==3}
380
                        ({$bild->medium->img_size[0]} x {$bild->medium->img_size[1]} Pixel)
1509 lars 381
                    {/if}
382
                </td>
383
                <td>
384
                    <table>
385
                        <tr>
386
                            <td width="16">
387
                                {if !$bild@first}
1528 lars 388
                                    <a class="pic_up" title="nach oben" id="up_{$smarty.get.l_id}_{$bild->medium->id}_{$lType}"><img src="/images/Icons/up.png" alt=""/></a>
1509 lars 389
                                {/if}
390
                            </td>
391
                            <td width="16">
392
                                {if !$bild@last}
1528 lars 393
                                    <a class="pic_down" title="nach unten" id="down_{$smarty.get.l_id}_{$bild->medium->id}_{$lType}"><img src="/images/Icons/down.png" alt=""/></a>
1509 lars 394
                                {/if}
395
                            </td>
396
                            <td width="16">
1528 lars 397
                                <a title="löschen" class="del_image" id="del_image_{$bild->medium->id}_{$smarty.get.l_id}"><img src="/images/Icons/trashcan.png" alt=""/></a>
1509 lars 398
                            </td>
399
                            {if $action->id}
400
                            <td>
1530 lars 401
                                {if $bild->medium->aktiv==1}
1528 lars 402
                                    <i data-imgid="{$bild->medium->id}" title="deaktivieren" class="fa fa-toggle-on toggle_img" aria-hidden="true"></i>
1509 lars 403
                                {else}
1528 lars 404
                                    <i data-imgid="{$bild->medium->id}" title="aktivieren" class="fa fa-toggle-off toggle_img" aria-hidden="true"></i>
1509 lars 405
                                {/if}
406
                            </td>
407
                            {/if}
408
                        </tr>
409
                    </table>
410
                </td>
411
                {if $action->category !="Display"}
412
                <td>
1528 lars 413
                    <a title="mobiles Bild zuordnen" class="add_mobile_image tb_bv_button" id="add_mobile_image_{$smarty.get.l_id}_{$bild->medium->id}_{$lType}"></a>
414
                    <a title="mobiles Bild hochladen" class="upload_mobile_image tb_bv_button" id="upload_mobile_image_{$smarty.get.l_id}_{$bild->medium->id}_{$lType}"></a>
1530 lars 415
                    {if $bild->medium->mobil_id}
1509 lars 416
                        <br />
1528 lars 417
                        mobiles BIld: <br /> <img src="{$bild->medium->mobil_img}" width="153" alt="" />
1530 lars 418
                        <a title="Zuordnung entfernen" class="del_mobile_image" id="del_mobile_image_{$bild->medium->id}_{$bild->medium->mobil_id}"><img src="/images/Icons/trashcan.png" alt=""/></a>
1509 lars 419
                    {/if}
420
                </td>
421
                {/if}
422
            </tr>
423
        {/foreach}
424
    </table>
425
    <div id="upload_mobile_dlg" title="mobiles Bild hochladen">
426
        <form id="upload_mobile" method="post">
427
            Bild: <input type="file" name="bild" />
428
            <input type="hidden" name="l_id" value="{$smarty.get.l_id}" />
429
            <input type="hidden" name="l_type" value="k" />
430
            <input type="hidden" name="b_id" id="b_id" />
431
        </form>
432
    </div>
433
    <div id="aktionUploadMsg" title="Ergebnis"></div>
434
{/if}
1517 lars 435
<div title="{if $lType!="k"}Beschreibung{else}Verlinkung{/if} des Mediums anpassen" id="edit_desc_dlg">
1509 lars 436
    <form id="edit_desc_form">
437
        <input type="hidden" name="id" value="" id="hidden_id" />
1517 lars 438
        <label for="input_desc">{if $lType!="k"}Beschreibung{else}Link{/if}:</label>
1509 lars 439
        <input type="text" name="beschreibung" value="" id="input_desc" />
440
    </form>
441
</div>
442
<div title="Aufrufparameter des Mediums anpassen" id="edit_param_dlg">
443
    <form id="edit_param_form">
444
        <input type="hidden" name="medien_id" value="" id="hidden_param_id" />
445
        <input type="hidden" name="artikel_id" value="{$smarty.get.l_id}">
1517 lars 446
        <input type="hidden" name="l_type" value="{$lType}">
1509 lars 447
        <label for="input_param">Aufrufparameter:</label>
448
        <input type="text" name="parameter" value="" id="input_paramter" />
449
    </form>
450
</div>
451
 
452
<style>
453
    .fa-toggle-on,
454
    .fa-toggle-off {
455
        cursor:pointer;
456
    }
457
    .inactive td {
458
        opacity:.3;
459
    }
460
</style>
461
<!-- $Id: bilder.tpl 4097 2023-03-23 13:41:48Z erling $ END -->