[15854] | 1 | {combine_css path=$HEADER_MANAGER_PATH|@cat:"admin/template/style.css"} |
---|
| 2 | |
---|
[15958] | 3 | <div class="titrePage"> |
---|
[15854] | 4 | <h2>Header Manager</h2> |
---|
| 5 | </div> |
---|
| 6 | |
---|
| 7 | {if $IN_CROP} |
---|
| 8 | {combine_css path="themes/default/js/plugins/jquery.Jcrop.css"} |
---|
| 9 | {combine_script id='jquery.jcrop' load='footer' require='jquery' path='themes/default/js/plugins/jquery.Jcrop.min.js'} |
---|
| 10 | |
---|
| 11 | {footer_script require="jquery"} |
---|
| 12 | var jcrop_api; |
---|
| 13 | |
---|
| 14 | jQuery("#jcrop").Jcrop({ldelim} |
---|
| 15 | boxWidth: {$crop.display_width}, |
---|
| 16 | boxHeight: {$crop.display_height}, |
---|
| 17 | setSelect: [{$crop.l}, {$crop.t}, {$crop.r}, {$crop.b}], |
---|
| 18 | onChange: jOnChange, |
---|
| 19 | onRelease: jOnRelease |
---|
| 20 | }, |
---|
| 21 | function(){ldelim} |
---|
| 22 | jcrop_api = this; |
---|
| 23 | }); |
---|
| 24 | |
---|
| 25 | function jOnChange(sel) {ldelim} |
---|
| 26 | jQuery("input[name='x']").val(sel.x); |
---|
| 27 | jQuery("input[name='y']").val(sel.y); |
---|
| 28 | jQuery("input[name='x2']").val(sel.x2); |
---|
| 29 | jQuery("input[name='y2']").val(sel.y2); |
---|
| 30 | |
---|
| 31 | jQuery("#width").html(sel.x2-sel.x); |
---|
| 32 | jQuery("#height").html(sel.y2-sel.y); |
---|
| 33 | } |
---|
| 34 | |
---|
| 35 | function jOnRelease() {ldelim} |
---|
| 36 | jcrop_api.setSelect([{$crop.l}, {$crop.t}, {$crop.r}, {$crop.b}]); |
---|
| 37 | } |
---|
| 38 | {/footer_script} |
---|
| 39 | |
---|
[24010] | 40 | <form method="post" action="{$F_ACTION}"> |
---|
[15854] | 41 | <fieldset> |
---|
| 42 | <legend>{'Crop banner image'|@translate}</legend> |
---|
| 43 | {'Choose the part of the image you want to use as your header.'|@translate}<br> |
---|
| 44 | |
---|
| 45 | <img id="jcrop" src="{$picture.banner_src}" width="{$crop.display_width}" height="{$crop.display_height}"> |
---|
| 46 | |
---|
| 47 | <ul> |
---|
| 48 | <li><b>{'Width'|@translate}:</b> <span id="width"></span>px</li> |
---|
| 49 | <li><b>{'Height'|@translate}:</b> <span id="height"></span>px</li> |
---|
| 50 | </ul> |
---|
| 51 | |
---|
| 52 | <input type="hidden" name="x"> |
---|
| 53 | <input type="hidden" name="y"> |
---|
| 54 | <input type="hidden" name="x2"> |
---|
| 55 | <input type="hidden" name="y2"> |
---|
[15922] | 56 | <input type="hidden" name="picture_file" value="{$picture.filename}"> |
---|
[15854] | 57 | |
---|
| 58 | <input type="submit" name="submit_crop" value="{'Submit'|@translate}"> |
---|
| 59 | <input type="submit" name="cancel_crop" value="{'Cancel'|@translate}"> |
---|
| 60 | </fieldset> |
---|
| 61 | </form> |
---|
| 62 | |
---|
| 63 | {else} |
---|
[18711] | 64 | {footer_script require="jquery"}{literal} |
---|
| 65 | jQuery(".showInfo").tipTip({ |
---|
| 66 | delay: 0, |
---|
| 67 | fadeIn: 200, |
---|
| 68 | fadeOut: 200, |
---|
| 69 | maxWidth: '300px', |
---|
| 70 | }); |
---|
[15854] | 71 | |
---|
[18711] | 72 | $("input").bind("keydown", function(event) { |
---|
| 73 | var keycode = event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode); |
---|
| 74 | if (keycode == 13 && $("input[name='picture_id']").val() != '') { |
---|
| 75 | $("input[name='upload_gallery_image']").click(); |
---|
| 76 | return false; |
---|
| 77 | } else { |
---|
| 78 | return true; |
---|
| 79 | } |
---|
| 80 | }); |
---|
| 81 | {/literal}{/footer_script} |
---|
| 82 | |
---|
[24010] | 83 | <form method="post" action="{$F_ACTION}" ENCTYPE="multipart/form-data"> |
---|
[15854] | 84 | <fieldset> |
---|
| 85 | <legend>{'Default banner size'|@translate}</legend> |
---|
| 86 | |
---|
| 87 | <label> |
---|
| 88 | {'Width'|@translate}: |
---|
[24010] | 89 | <input type="text" name="width" size="4" value="{$BANNER_WIDTH}"> px |
---|
[15854] | 90 | </label> |
---|
| 91 | <br> |
---|
| 92 | <br> |
---|
| 93 | <label> |
---|
| 94 | {'Height'|@translate}: |
---|
[24010] | 95 | <input type="text" name="height" size="4" value="{$BANNER_HEIGHT}"> px |
---|
[15854] | 96 | </label> |
---|
| 97 | <br> |
---|
| 98 | <br> |
---|
| 99 | <i>{'For MontBlancXL and BlancMontXL, advised size is 900×190.'|@translate}</i> |
---|
| 100 | </fieldset> |
---|
| 101 | |
---|
| 102 | <fieldset> |
---|
| 103 | <legend>{'Select an image'|@translate}</legend> |
---|
| 104 | {'You can upload a custom header image or select one from your gallery. On the next screen you will be able to crop the image.'|@translate} |
---|
| 105 | <br><br> |
---|
| 106 | |
---|
| 107 | <b>{'Choose an image from your computer'|@translate}</b> |
---|
| 108 | <blockquote> |
---|
| 109 | {'Maximum file size: %sB.'|@translate|@sprintf:$upload_max_filesize_shorthand} {'Allowed file types: %s.'|@translate|@sprintf:'jpg, png, gif'}<br> |
---|
| 110 | <input type="file" name="new_image"> |
---|
| 111 | <input type="hidden" name="MAX_FILE_SIZE" value="{$upload_max_filesize}"> |
---|
| 112 | <input type="submit" name="upload_new_image" value="{'Upload'|@translate}" class="submit"> |
---|
| 113 | </blockquote> |
---|
| 114 | |
---|
| 115 | <b>{'or choose a picture from the gallery'|@translate}</b> |
---|
| 116 | <blockquote> |
---|
[24010] | 117 | {'Picture id.'|@translate} <a class="icon-info-circled-1 showInfo" title="{'The numeric identifier can be found on the picture edition page, near the thumbnail.'|@translate}"></a> |
---|
[15854] | 118 | <input type="text" name="picture_id" size="5"> |
---|
| 119 | <input type="submit" name="upload_gallery_image" value="{'Use'|@translate}" class="submit"> |
---|
| 120 | </blockquote> |
---|
| 121 | </fieldset> |
---|
| 122 | </form> |
---|
| 123 | |
---|
| 124 | {/if} |
---|