mirror of
https://github.com/mediacms-io/mediacms.git
synced 2026-05-08 05:11:11 -04:00
rem
This commit is contained in:
@@ -1,40 +0,0 @@
|
||||
{{!
|
||||
@template tiny_mediacms/iframe_embed_modal
|
||||
}}
|
||||
{{< core/modal }}
|
||||
{{$body}}
|
||||
<form class="tiny_iframecms_form" id="{{elementid}}_tiny_iframecms_form">
|
||||
<ul class="nav nav-tabs mb-3" role="tablist">
|
||||
<li class="nav-item">
|
||||
<button class="nav-link active" id="{{elementid}}_tab_url" data-bs-toggle="tab" data-bs-target="#{{elementid}}_pane_url" type="button" role="tab">{{#str}} urltab, tiny_mediacms {{/str}}</button>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<button class="nav-link" id="{{elementid}}_tab_iframe_library" data-bs-toggle="tab" data-bs-target="#{{elementid}}_pane_iframe_library" type="button" role="tab">{{#str}} iframelibrarytab, tiny_mediacms {{/str}}</button>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane fade show active" id="{{elementid}}_pane_url" role="tabpanel">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">{{#str}} enterurl, tiny_mediacms {{/str}}</label>
|
||||
<input type="text" class="form-control tiny_iframecms_url" name="mediacms_url" value="{{url}}">
|
||||
</div>
|
||||
{{> tiny_mediacms/iframe_embed_options }}
|
||||
<div class="tiny_mediacms_preview border p-2 text-center bg-light" style="min-height:200px">
|
||||
Preview
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="{{elementid}}_pane_iframe_library" role="tabpanel">
|
||||
<div class="tiny_mediacms_library_container text-center" style="min-height:400px">
|
||||
<div class="tiny_mediacms_library_loading d-none">Loading...</div>
|
||||
<iframe class="tiny_mediacms_library_frame d-none" style="width:100%;height:400px;border:0;"></iframe>
|
||||
<div class="tiny_mediacms_library_placeholder p-5">Library will load here</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
{{/body}}
|
||||
{{$footer}}
|
||||
<button type="button" class="btn btn-primary" data-action="save">{{#str}} insertmedia, tiny_mediacms {{/str}}</button>
|
||||
<button type="button" class="btn btn-secondary" data-action="cancel">{{#str}} cancel, moodle {{/str}}</button>
|
||||
{{/footer}}
|
||||
{{/ core/modal }}
|
||||
@@ -1,47 +0,0 @@
|
||||
{{!
|
||||
@template tiny_mediacms/iframe_embed_options
|
||||
}}
|
||||
<div class="mb-3">
|
||||
<label class="form-label font-weight-bold">{{#str}} embedoptions, tiny_mediacms {{/str}}</label>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="form-check mb-2">
|
||||
<input type="checkbox" class="form-check-input tiny_iframecms_showtitle" id="{{elementid}}_showtitle" {{#showTitle}}checked{{/showTitle}}>
|
||||
<label class="form-check-label" for="{{elementid}}_showtitle">{{#str}} showtitle, tiny_mediacms {{/str}}</label>
|
||||
</div>
|
||||
<div class="form-check mb-2">
|
||||
<input type="checkbox" class="form-check-input tiny_iframecms_linktitle" id="{{elementid}}_linktitle" {{#linkTitle}}checked{{/linkTitle}}>
|
||||
<label class="form-check-label" for="{{elementid}}_linktitle">{{#str}} linktitle, tiny_mediacms {{/str}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="form-check mb-2">
|
||||
<input type="checkbox" class="form-check-input tiny_iframecms_responsive" id="{{elementid}}_responsive" {{#responsive}}checked{{/responsive}}>
|
||||
<label class="form-check-label" for="{{elementid}}_responsive">{{#str}} responsive, tiny_mediacms {{/str}}</label>
|
||||
</div>
|
||||
<div class="form-check mb-2">
|
||||
<label class="form-check-label">{{#str}} aspectratio, tiny_mediacms {{/str}}</label>
|
||||
<select class="form-control form-control-sm tiny_iframecms_aspectratio" id="{{elementid}}_aspectratio">
|
||||
<option value="16:9" {{#is16_9}}selected{{/is16_9}}>16:9</option>
|
||||
<option value="4:3" {{#is4_3}}selected{{/is4_3}}>4:3</option>
|
||||
<option value="1:1" {{#is1_1}}selected{{/is1_1}}>1:1</option>
|
||||
<option value="custom" {{#isCustom}}selected{{/isCustom}}>Custom</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-text">{{#str}} width, tiny_mediacms {{/str}}</span>
|
||||
<input type="number" class="form-control tiny_iframecms_width" id="{{elementid}}_width" value="{{width}}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="input-group input-group-sm">
|
||||
<span class="input-group-text">{{#str}} height, tiny_mediacms {{/str}}</span>
|
||||
<input type="number" class="form-control tiny_iframecms_height" id="{{elementid}}_height" value="{{height}}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,9 +0,0 @@
|
||||
{{!
|
||||
@template tiny_mediacms/iframe_embed_output
|
||||
}}
|
||||
{{#responsive}}
|
||||
<iframe src="{{src}}" style="width:100%;aspect-ratio:{{aspectRatioValue}};display:block;border:0;" allowFullScreen></iframe>
|
||||
{{/responsive}}
|
||||
{{^responsive}}
|
||||
<iframe width="{{width}}" height="{{height}}" src="{{src}}" frameBorder="0" allowFullScreen></iframe>
|
||||
{{/responsive}}
|
||||
Reference in New Issue
Block a user