Proyectos de Subversion Moodle

Rev

Rev 1 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1 Rev 1441
Línea 27... Línea 27...
27 
        "width": 600,
 27 
        "width": 600,
28 
        "height": 400,
 28 
        "height": 400,
29 
        "customStyle": "",
 29 
        "customStyle": "",
30 
        "sizecustomhelpicon": {
 30 
        "sizecustomhelpicon": {
31 
            "text": "Help text"
 31 
            "text": "Help text"
32 
        }
 32 
        },
- 
 
 33 
        "maxlengthalt": 750
33 
    }
 34 
    }
Línea 34... Línea 35...
34 
 
 35 
 
35 
}}
 36 
}}
36 
<div class="tiny_image_image_details">
 37 
<div class="tiny_image_image_details">
37 
    <div class="container">
 38 
    <div class="container">
38 
        <div class="row">
 39 
        <div class="row">
39 
            <!-- Column 1: Image Preview and Description -->
 40 
            <!-- Column 1: Image Preview and Description -->
40 
            <div class="tiny_image_preview_col col-lg-7 p-0">
 41 
            <div class="tiny_image_preview_col col-lg-7 p-0">
41 
                <input type="hidden" class="tiny_image_customstyle" value="{{customStyle}}">
 42 
                <input type="hidden" class="tiny_image_customstyle" value="{{customStyle}}">
42 
                <!-- Row 1: Image preview -->
 43 
                <!-- Row 1: Image preview -->
43 
                <div class="tiny_image_preview_box border rounded">
 44 
                <div class="tiny_image_preview_box border rounded position-relative">
44 
                    <!-- Delete image icon -->
 45 
                    <!-- Delete image icon -->
45 
                    <div class="tiny_image_deleteicon" tabindex="0" title="{{#str}} deleteimage, tiny_media {{/str}}">
 46 
                    <div class="tiny_image_deleteicon" tabindex="0" title="{{#str}} deleteimage, tiny_media {{/str}}">
46 
                        <i class="fa fa-trash-o" title="{{#str}} deleteimage, tiny_media {{/str}}"></i>
 47 
                        <i class="fa fa-trash-o" title="{{#str}} deleteimage, tiny_media {{/str}}"></i>
47 
                    </div>
 48 
                    </div>
48 
                    <!-- Image placeholder -->
 49 
                    <!-- Image placeholder -->
49 
                    <img class="tiny_image_preview" src="data:," alt>
 50 
                    <img class="tiny_image_preview" src="data:," alt>
50 
                </div>
 51 
                </div>
51 
                <!-- Row 2: Image description -->
 52 
                <!-- Row 2: Image description -->
52 
                <div class="form-group mt-3">
 53 
                <div class="mt-3">
53 
                    <label for="{{elementid}}_tiny_image_altentry">{{#str}} enteralt, tiny_media {{/str}}</label>
 54 
                    <label for="{{elementid}}_tiny_image_altentry">{{#str}} enteralt, tiny_media {{/str}}</label>
54 
                    <textarea class="tiny_image_altentry form-control fullwidth" id="{{elementid}}_tiny_image_altentry" name="altentry" maxlength="125">{{alt}}</textarea>
 55 
                    <textarea class="tiny_image_altentry form-control fullwidth" id="{{elementid}}_tiny_image_altentry" name="altentry" maxlength="{{maxlengthalt}}">{{alt}}</textarea>
55 
                    <!-- Character counter -->
 56 
                    <!-- Character counter -->
56 
                    <div id="the-count" class="d-flex justify-content-end small">
 57 
                    <div id="the-count" class="d-flex justify-content-end small">
- 
 
 58 
                        <span id="currentcount">0</span>
57 
                        <span id="currentcount">0</span>
 59 
                        <span class="mx-1">/</span>
- 
 
 60 
                        <span id="maximumcount">{{maxlengthalt}}</span>
58 
                        <span id="maximumcount"> / 125</span>
 61 
                        <span id="maxlength_feedback" class="visually-hidden" role="status"></span>
59 
                    </div>
 62 
                    </div>
60 
                </div>
 63 
                </div>
61 
            </div>
 64 
            </div>
62 
            <!-- Column 2: Checkbox and Radio Buttons -->
 65 
            <!-- Column 2: Checkbox and Radio Buttons -->
Línea 65... Línea 68...
65 
                <div class="form-check mb-2">
 68 
                <div class="form-check mb-2">
66 
                    <input type="checkbox" class="tiny_image_presentation form-check-input" id="{{elementid}}_tiny_image_presentation" {{# presentation }}checked{{/ presentation }}>
 69 
                    <input type="checkbox" class="tiny_image_presentation form-check-input" id="{{elementid}}_tiny_image_presentation" {{# presentation }}checked{{/ presentation }}>
67 
                    <label class="form-check-label" for="{{elementid}}_tiny_image_presentation">{{#str}} presentation, tiny_media {{/str}}</label>
 70 
                    <label class="form-check-label" for="{{elementid}}_tiny_image_presentation">{{#str}} presentation, tiny_media {{/str}}</label>
68 
                </div>
 71 
                </div>
69 
                <!-- Row 2: Original size radiobutton -->
 72 
                <!-- Row 2: Original size radiobutton -->
70 
                <div class="form-check mb-2 pl-0">
 73 
                <div class="form-check mb-2 ps-0">
71 
                    <input type="radio" class="tiny_image_sizeoriginal" id="{{elementid}}_tiny_image_sizeoriginal" name="radioOptions">
 74 
                    <input type="radio" class="tiny_image_sizeoriginal" id="{{elementid}}_tiny_image_sizeoriginal" name="radioOptions">
72 
                    <label class="form-check-label" for="{{elementid}}_tiny_image_sizeoriginal">{{#str}} sizeoriginal, tiny_media {{/str}}</label>
 75 
                    <label class="form-check-label" for="{{elementid}}_tiny_image_sizeoriginal">{{#str}} sizeoriginal, tiny_media {{/str}}</label>
73 
                </div>
 76 
                </div>
74 
                <!-- Row 3: Custom size radiobutton -->
 77 
                <!-- Row 3: Custom size radiobutton -->
75 
                <div class="form-check pl-0 mb-2">
 78 
                <div class="form-check ps-0 mb-2">
76 
                    <input type="radio" class="tiny_image_sizecustom" id="{{elementid}}_tiny_image_sizecustom" name="radioOptions">
 79 
                    <input type="radio" class="tiny_image_sizecustom" id="{{elementid}}_tiny_image_sizecustom" name="radioOptions">
77 
                    <label class="form-check-label" for="{{elementid}}_tiny_image_sizecustom">{{#str}} sizecustom, tiny_media {{/str}}</label>
 80 
                    <label class="form-check-label" for="{{elementid}}_tiny_image_sizecustom">{{#str}} sizecustom, tiny_media {{/str}}</label>
78 
                </div>
 81 
                </div>
79 
                <!-- Row 4: Image size -->
 82 
                <!-- Row 4: Image size -->
80 
                <div class="tiny_image_properties mb-2">
 83 
                <div class="tiny_image_properties mb-2">
81 
                    <!-- Row 1: Image width and height -->
 84 
                    <!-- Row 1: Image width and height -->
82 
                    <div id="{{elementid}}_tiny_image_size" class="tiny_image_size container ml-1">
 85 
                    <div id="{{elementid}}_tiny_image_size" class="tiny_image_size container ms-1">
83 
                        <div class="d-flex justify-content-start">
 86 
                        <div class="d-flex justify-content-start">
84 
                            <!-- Column 1: Width Input -->
 87 
                            <!-- Column 1: Width Input -->
85 
                            <div class="flex-item mr-2">
 88 
                            <div class="flex-item me-2">
86 
                                <div class="form-group mb-0">
 89 
                                <div>
87 
                                    <input type="number" min="0" class="tiny_image_widthentry form-control mr-1 input-mini" id="{{elementid}}_tiny_image_widthentry" value="{{width}}">
 90 
                                    <input type="number" min="0" class="tiny_image_widthentry form-control me-1 input-mini" id="{{elementid}}_tiny_image_widthentry" value="{{width}}">
88 
                                    <label for="{{elementid}}_tiny_image_widthentry" class="ml-1">{{#str}} width, tiny_media {{/str}}</label>
 91 
                                    <label for="{{elementid}}_tiny_image_widthentry" class="ms-1">{{#str}} width, tiny_media {{/str}}</label>
89 
                                </div>
 92 
                                </div>
90 
                            </div>
 93 
                            </div>
91 
                            <!-- Column 2: "X" Text -->
 94 
                            <!-- Column 2: "X" Text -->
92 
                            <div class="flex-item mr-1 mt-2">X</div>
 95 
                            <div class="flex-item me-1 mt-2">X</div>
93 
                            <!-- Column 3: Height Input -->
 96 
                            <!-- Column 3: Height Input -->
94 
                            <div class="flex-item mr-1">
 97 
                            <div class="flex-item me-1">
95 
                                <div class="form-group mb-0">
 98 
                                <div>
96 
                                    <input type="number" min="0" class="tiny_image_heightentry form-control ml-1 input-mini" id="{{elementid}}_tiny_image_heightentry" value="{{height}}">
 99 
                                    <input type="number" min="0" class="tiny_image_heightentry form-control ms-1 input-mini" id="{{elementid}}_tiny_image_heightentry" value="{{height}}">
97 
                                    <label for="{{elementid}}_tiny_image_heightentry" class="ml-1">{{#str}} height, tiny_media {{/str}}</label>
 100 
                                    <label for="{{elementid}}_tiny_image_heightentry" class="ms-1">{{#str}} height, tiny_media {{/str}}</label>
98 
                                </div>
 101 
                                </div>
99 
                            </div>
 102 
                            </div>
100 
                            <div class="tiny_image_customhelpicon flex-item ml-1">{{#sizecustomhelpicon}}{{> core/help_icon }}{{/sizecustomhelpicon}}</div>
 103 
                            <div class="tiny_image_customhelpicon flex-item ms-1">{{#sizecustomhelpicon}}{{> core/help_icon }}{{/sizecustomhelpicon}}</div>
101 
                        </div>
 104 
                        </div>
102 
                    </div>
 105 
                    </div>
103 
                    <!-- Row 2: Keep proportion -->
 106 
                    <!-- Row 2: Keep proportion -->
104 
                    <div class="form-check mb-2">
 107 
                    <div class="form-check mb-2">
105 
                        <input type="checkbox" class="tiny_image_constrain form-check-input" id="{{elementid}}_tiny_image_constrain">
 108 
                        <input type="checkbox" class="tiny_image_constrain form-check-input" id="{{elementid}}_tiny_image_constrain">