Our Board – BiNet USA

The Wayback Machine - https://web.archive.org/web/20200429213828/http://www.binetusa.org/our-board/

Registrations

No Registration form is selected.

Please login to view this page.

Please login to view this page.

Please login to view this page.

Document Preview <# } #>

Saved.

Details
File name: {{ data.filename }}
File type: {{ data.mime }}
Uploaded on: {{ data.dateFormatted }}
File size: {{ data.filesizeHumanReadable }} <# if ( 'image' === data.type && ! data.uploading ) { #> <# if ( data.width && data.height ) { #>
Dimensions: {{ data.width }} by {{ data.height }} pixels <# } #> <# if ( data.originalImageURL && data.originalImageName ) { #> Original image: {{data.originalImageName}} <# } #> <# } #> <# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
Length: Bitrate: {{ Math.round( data.meta.bitrate / 1000 ) }}kb/s <# if ( data.meta.bitrate_mode ) { #> {{ ' ' + data.meta.bitrate_mode.toUpperCase() }} <# } #> <# } #> <# if ( data.compat && data.compat.meta ) { #> {{{ data.compat.meta }}} <# } #>
<# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #> <# if ( 'image' === data.type ) { #> Alternative Text
Describe the purpose of the image (opens in a new tab). Leave empty if the image is purely decorative. <# } #> Title <# if ( 'audio' === data.type ) { #> Artist Album <# } #> Caption {{ data.caption }} <span class="setting" data-setting="description"> <label for="attachment-details-two-column-description" class="name">Description <textarea id="attachment-details-two-column-description" {{ maybeReadOnly }}>{{ data.description }} <span class="setting"> <span class="name">Uploaded By <span class="value">{{ data.authorName }} <# if ( data.uploadedToTitle ) { #> <span class="setting"> <span class="name">Uploaded To <# if ( data.uploadedToLink ) { #> <span class="value"><a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }} <# } else { #> <span class="value">{{ data.uploadedToTitle }} <# } #> <# } #> <span class="setting" data-setting="url"> <label for="attachment-details-two-column-copy-link" class="name">Copy Link <input type="text" id="attachment-details-two-column-copy-link" value="{{ data.url }}" readonly /> <div class="attachment-compat"> <div class="actions"> <a class="view-attachment" href="{{ data.link }}">View attachment page <# if ( data.can.save ) { #> | <a href="{{ data.editLink }}">Edit more details <# } #> <# if ( ! data.uploading && data.can.remove ) { #> | <button type="button" class="button-link delete-attachment">Delete Permanently <# } #> </script> <script type="text/html" id="tmpl-attachment"> <div class="attachment-preview js--select-attachment type-{{ data.type }} subtype-{{ data.subtype }} {{ data.orientation }}"> <div class="thumbnail"> <# if ( data.uploading ) { #> <div class="media-progress-bar"><div style="width: {{ data.percent }}%"> <# } else if ( 'image' === data.type && data.sizes ) { #> <div class="centered"> <img src="{{ data.size.url }}" draggable="false" alt="" /> <# } else { #> <div class="centered"> <# if ( data.image && data.image.src && data.image.src !== data.icon ) { #> <img src="{{ data.image.src }}" class="thumbnail" draggable="false" alt="" /> <# } else if ( data.sizes && data.sizes.medium ) { #> <img src="{{ data.sizes.medium.url }}" class="thumbnail" draggable="false" alt="" /> <# } else { #> <img src="{{ data.icon }}" class="icon" draggable="false" alt="" /> <# } #> <div class="filename"> <div>{{ data.filename }} <# } #> <# if ( data.buttons.close ) { #> <button type="button" class="button-link attachment-close media-modal-icon"><span class="screen-reader-text">Remove <# } #> <# if ( data.buttons.check ) { #> <button type="button" class="check" tabindex="-1"><span class="media-modal-icon"><span class="screen-reader-text">Deselect <# } #> <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; if ( data.describe ) { if ( 'image' === data.type ) { #> <input type="text" value="{{ data.caption }}" class="describe" data-setting="caption" aria-label="Caption" placeholder="Caption…" {{ maybeReadOnly }} /> <# } else { #> <input type="text" value="{{ data.title }}" class="describe" data-setting="title" <# if ( 'video' === data.type ) { #> aria-label="Video title" placeholder="Video title…" <# } else if ( 'audio' === data.type ) { #> aria-label="Audio title" placeholder="Audio title…" <# } else { #> aria-label="Media title" placeholder="Media title…" <# } #> {{ maybeReadOnly }} /> <# } } #> </script> <script type="text/html" id="tmpl-attachment-details"> <h2> Attachment Details <span class="settings-save-status" role="status"> <span class="spinner"> <span class="saved">Saved. <div class="attachment-info"> <div class="thumbnail thumbnail-{{ data.type }}"> <# if ( data.uploading ) { #> <div class="media-progress-bar"><div> <# } else if ( 'image' === data.type && data.sizes ) { #> <img src="{{ data.size.url }}" draggable="false" alt="" /> <# } else { #> <img src="{{ data.icon }}" class="icon" draggable="false" alt="" /> <# } #> <div class="details"> <div class="filename">{{ data.filename }} <div class="uploaded">{{ data.dateFormatted }} <div class="file-size">{{ data.filesizeHumanReadable }} <# if ( 'image' === data.type && ! data.uploading ) { #> <# if ( data.width && data.height ) { #> <div class="dimensions"> {{ data.width }} by {{ data.height }} pixels <# } #> <# if ( data.originalImageURL && data.originalImageName ) { #> Original image: <a href="{{ data.originalImageURL }}">{{data.originalImageName}} <# } #> <# if ( data.can.save && data.sizes ) { #> <a class="edit-attachment" href="{{ data.editLink }}&image-editor" target="_blank">Edit Image <# } #> <# } #> <# if ( data.fileLength && data.fileLengthHumanReadable ) { #> <div class="file-length">Length: <span aria-hidden="true">{{ data.fileLength }} <span class="screen-reader-text">{{ data.fileLengthHumanReadable }} <# } #> <# if ( ! data.uploading && data.can.remove ) { #> <button type="button" class="button-link delete-attachment">Delete Permanently <# } #> <div class="compat-meta"> <# if ( data.compat && data.compat.meta ) { #> {{{ data.compat.meta }}} <# } #> <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #> <# if ( 'image' === data.type ) { #> <span class="setting has-description" data-setting="alt"> <label for="attachment-details-alt-text" class="name">Alt Text <input type="text" id="attachment-details-alt-text" value="{{ data.alt }}" aria-describedby="alt-text-description" {{ maybeReadOnly }} /> <p class="description" id="alt-text-description"><a href="https://web.archive.org/web/20200429213828/https://www.w3.org/WAI/tutorials/images/decision-tree" target="_blank" rel="noopener noreferrer">Describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab). Leave empty if the image is purely decorative. <# } #> <span class="setting" data-setting="title"> <label for="attachment-details-title" class="name">Title <input type="text" id="attachment-details-title" value="{{ data.title }}" {{ maybeReadOnly }} /> <# if ( 'audio' === data.type ) { #> <span class="setting" data-setting="artist"> <label for="attachment-details-artist" class="name">Artist <input type="text" id="attachment-details-artist" value="{{ data.artist || data.meta.artist || '' }}" /> <span class="setting" data-setting="album"> <label for="attachment-details-album" class="name">Album <input type="text" id="attachment-details-album" value="{{ data.album || data.meta.album || '' }}" /> <# } #> <span class="setting" data-setting="caption"> <label for="attachment-details-caption" class="name">Caption <textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }} <span class="setting" data-setting="description"> <label for="attachment-details-description" class="name">Description <textarea id="attachment-details-description" {{ maybeReadOnly }}>{{ data.description }} <span class="setting" data-setting="url"> <label for="attachment-details-copy-link" class="name">Copy Link <input type="text" id="attachment-details-copy-link" value="{{ data.url }}" readonly /> </script> <script type="text/html" id="tmpl-media-selection"> <div class="selection-info"> <span class="count"> <# if ( data.editable ) { #> <button type="button" class="button-link edit-selection">Edit Selection <# } #> <# if ( data.clearable ) { #> <button type="button" class="button-link clear-selection">Clear <# } #> <div class="selection-view"> </script> <script type="text/html" id="tmpl-attachment-display-settings"> <h2>Attachment Display Settings <# if ( 'image' === data.type ) { #> <span class="setting align"> <label for="attachment-display-settings-alignment" class="name">Alignment <select id="attachment-display-settings-alignment" class="alignment" data-setting="align" <# if ( data.userSettings ) { #> data-user-setting="align" <# } #>> <option value="left"> Left <option value="center"> Center <option value="right"> Right <option value="none" selected> None <# } #> <span class="setting"> <label for="attachment-display-settings-link-to" class="name"> <# if ( data.model.canEmbed ) { #> Embed or Link <# } else { #> Link To <# } #> <select id="attachment-display-settings-link-to" class="link-to" data-setting="link" <# if ( data.userSettings && ! data.model.canEmbed ) { #> data-user-setting="urlbutton" <# } #>> <# if ( data.model.canEmbed ) { #> <option value="embed" selected> Embed Media Player <option value="file"> <# } else { #> <option value="none" selected> None <option value="file"> <# } #> <# if ( data.model.canEmbed ) { #> Link to Media File <# } else { #> Media File <# } #> <option value="post"> <# if ( data.model.canEmbed ) { #> Link to Attachment Page <# } else { #> Attachment Page <# } #> <# if ( 'image' === data.type ) { #> <option value="custom"> Custom URL <# } #> <span class="setting"> <label for="attachment-display-settings-link-to-custom" class="name">URL <input type="text" id="attachment-display-settings-link-to-custom" class="link-to-custom" data-setting="linkUrl" /> <# if ( 'undefined' !== typeof data.sizes ) { #> <span class="setting"> <label for="attachment-display-settings-size" class="name">Size <select id="attachment-display-settings-size" class="size" name="size" data-setting="size" <# if ( data.userSettings ) { #> data-user-setting="imgsize" <# } #>> <# var size = data.sizes['thumbnail']; if ( size ) { #> <option value="thumbnail" > Thumbnail – {{ size.width }} × {{ size.height }} <# } #> <# var size = data.sizes['medium']; if ( size ) { #> <option value="medium" > Medium – {{ size.width }} × {{ size.height }} <# } #> <# var size = data.sizes['large']; if ( size ) { #> <option value="large" > Large – {{ size.width }} × {{ size.height }} <# } #> <# var size = data.sizes['full']; if ( size ) { #> <option value="full" selected='selected'> Full Size – {{ size.width }} × {{ size.height }} <# } #> <# var size = data.sizes['rt_media_thumbnail']; if ( size ) { #> <option value="rt_media_thumbnail" > rtMedia Thumbnail – {{ size.width }} × {{ size.height }} <# } #> <# var size = data.sizes['rt_media_activity_image']; if ( size ) { #> <option value="rt_media_activity_image" > rtMedia Activity Image – {{ size.width }} × {{ size.height }} <# } #> <# var size = data.sizes['rt_media_single_image']; if ( size ) { #> <option value="rt_media_single_image" > rtMedia Single Image – {{ size.width }} × {{ size.height }} <# } #> <# var size = data.sizes['rt_media_featured_image']; if ( size ) { #> <option value="rt_media_featured_image" > rtMedia Fetured Image – {{ size.width }} × {{ size.height }} <# } #> <# } #> </script> <script type="text/html" id="tmpl-gallery-settings"> <h2>Gallery Settings <span class="setting"> <label for="gallery-settings-link-to" class="name">Link To <select id="gallery-settings-link-to" class="link-to" data-setting="link" <# if ( data.userSettings ) { #> data-user-setting="urlbutton" <# } #>> <option value="post" <# if ( ! wp.media.galleryDefaults.link || 'post' == wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>> Attachment Page <option value="file" <# if ( 'file' == wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>> Media File <option value="none" <# if ( 'none' == wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>> None <span class="setting"> <label for="gallery-settings-columns" class="name select-label-inline">Columns <select id="gallery-settings-columns" class="columns" name="columns" data-setting="columns"> <option value="1" <# if ( 1 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 1 <option value="2" <# if ( 2 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 2 <option value="3" <# if ( 3 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 3 <option value="4" <# if ( 4 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 4 <option value="5" <# if ( 5 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 5 <option value="6" <# if ( 6 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 6 <option value="7" <# if ( 7 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 7 <option value="8" <# if ( 8 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 8 <option value="9" <# if ( 9 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# } #>> 9 <span class="setting"> <input type="checkbox" id="gallery-settings-random-order" data-setting="_orderbyRandom" /> <label for="gallery-settings-random-order" class="checkbox-label-inline">Random Order <span class="setting size"> <label for="gallery-settings-size" class="name">Size <select id="gallery-settings-size" class="size" name="size" data-setting="size" <# if ( data.userSettings ) { #> data-user-setting="imgsize" <# } #> > <option value="thumbnail"> Thumbnail <option value="medium"> Medium <option value="large"> Large <option value="full"> Full Size <option value="rt_media_thumbnail"> rtMedia Thumbnail <option value="rt_media_activity_image"> rtMedia Activity Image <option value="rt_media_single_image"> rtMedia Single Image <option value="rt_media_featured_image"> rtMedia Fetured Image </script> <script type="text/html" id="tmpl-playlist-settings"> <h2>Playlist Settings <# var emptyModel = _.isEmpty( data.model ), isVideo = 'video' === data.controller.get('library').props.get('type'); #> <span class="setting"> <input type="checkbox" id="playlist-settings-show-list" data-setting="tracklist" <# if ( emptyModel ) { #> checked="checked" <# } #> /> <label for="playlist-settings-show-list" class="checkbox-label-inline"> <# if ( isVideo ) { #> Show Video List <# } else { #> Show Tracklist <# } #> <# if ( ! isVideo ) { #> <span class="setting"> <input type="checkbox" id="playlist-settings-show-artist" data-setting="artists" <# if ( emptyModel ) { #> checked="checked" <# } #> /> <label for="playlist-settings-show-artist" class="checkbox-label-inline"> Show Artist Name in Tracklist <# } #> <span class="setting"> <input type="checkbox" id="playlist-settings-show-images" data-setting="images" <# if ( emptyModel ) { #> checked="checked" <# } #> /> <label for="playlist-settings-show-images" class="checkbox-label-inline"> Show Images </script> <script type="text/html" id="tmpl-embed-link-settings"> <span class="setting link-text"> <label for="embed-link-settings-link-text" class="name">Link Text <input type="text" id="embed-link-settings-link-text" class="alignment" data-setting="linkText" /> <div class="embed-container" style="display: none;"> <div class="embed-preview"> </script> <script type="text/html" id="tmpl-embed-image-settings"> <div class="wp-clearfix"> <div class="thumbnail"> <img src="{{ data.model.url }}" draggable="false" alt="" /> <span class="setting alt-text has-description"> <label for="embed-image-settings-alt-text" class="name">Alternative Text <input type="text" id="embed-image-settings-alt-text" data-setting="alt" aria-describedby="alt-text-description" /> <p class="description" id="alt-text-description"><a href="https://web.archive.org/web/20200429213828/https://www.w3.org/WAI/tutorials/images/decision-tree" target="_blank" rel="noopener noreferrer">Describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab). Leave empty if the image is purely decorative. <span class="setting caption"> <label for="embed-image-settings-caption" class="name">Caption <textarea id="embed-image-settings-caption" data-setting="caption" /> <fieldset class="setting-group"> <legend class="name">Align <span class="setting align"> <span class="button-group button-large" data-setting="align"> <button class="button" value="left"> Left <button class="button" value="center"> Center <button class="button" value="right"> Right <button class="button active" value="none"> None <fieldset class="setting-group"> <legend class="name">Link To <span class="setting link-to"> <span class="button-group button-large" data-setting="link"> <button class="button" value="file"> Image URL <button class="button" value="custom"> Custom URL <button class="button active" value="none"> None <span class="setting"> <label for="embed-image-settings-link-to-custom" class="name">URL <input type="text" id="embed-image-settings-link-to-custom" class="link-to-custom" data-setting="linkUrl" /> </script> <script type="text/html" id="tmpl-image-details"> <div class="media-embed"> <div class="embed-media-settings"> <div class="column-settings"> <span class="setting alt-text has-description"> <label for="image-details-alt-text" class="name">Alternative Text <input type="text" id="image-details-alt-text" data-setting="alt" value="{{ data.model.alt }}" aria-describedby="alt-text-description" /> <p class="description" id="alt-text-description"><a href="https://web.archive.org/web/20200429213828/https://www.w3.org/WAI/tutorials/images/decision-tree" target="_blank" rel="noopener noreferrer">Describe the purpose of the image<span class="screen-reader-text"> (opens in a new tab). Leave empty if the image is purely decorative. <span class="setting caption"> <label for="image-details-caption" class="name">Caption <textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }} <h2>Display Settings <fieldset class="setting-group"> <legend class="legend-inline">Align <span class="setting align"> <span class="button-group button-large" data-setting="align"> <button class="button" value="left"> Left <button class="button" value="center"> Center <button class="button" value="right"> Right <button class="button active" value="none"> None <# if ( data.attachment ) { #> <# if ( 'undefined' !== typeof data.attachment.sizes ) { #> <span class="setting size"> <label for="image-details-size" class="name">Size <select id="image-details-size" class="size" name="size" data-setting="size" <# if ( data.userSettings ) { #> data-user-setting="imgsize" <# } #>> <# var size = data.sizes['thumbnail']; if ( size ) { #> <option value="thumbnail"> Thumbnail – {{ size.width }} × {{ size.height }} <# } #> <# var size = data.sizes['medium']; if ( size ) { #> <option value="medium"> Medium – {{ size.width }} × {{ size.height }} <# } #> <# var size = data.sizes['large']; if ( size ) { #> <option value="large"> Large – {{ size.width }} × {{ size.height }} <# } #> <# var size = data.sizes['full']; if ( size ) { #> <option value="full"> Full Size – {{ size.width }} × {{ size.height }} <# } #> <# var size = data.sizes['rt_media_thumbnail']; if ( size ) { #> <option value="rt_media_thumbnail"> rtMedia Thumbnail – {{ size.width }} × {{ size.height }} <# } #> <# var size = data.sizes['rt_media_activity_image']; if ( size ) { #> <option value="rt_media_activity_image"> rtMedia Activity Image – {{ size.width }} × {{ size.height }} <# } #> <# var size = data.sizes['rt_media_single_image']; if ( size ) { #> <option value="rt_media_single_image"> rtMedia Single Image – {{ size.width }} × {{ size.height }} <# } #> <# var size = data.sizes['rt_media_featured_image']; if ( size ) { #> <option value="rt_media_featured_image"> rtMedia Fetured Image – {{ size.width }} × {{ size.height }} <# } #> <option value="custom"> Custom Size <# } #> <div class="custom-size wp-clearfix<# if ( data.model.size !== 'custom' ) { #> hidden<# } #>"> <span class="custom-size-setting"> <label for="image-details-size-width">Width <input type="number" id="image-details-size-width" aria-describedby="image-size-desc" data-setting="customWidth" step="1" value="{{ data.model.customWidth }}" /> <span class="sep" aria-hidden="true">× <span class="custom-size-setting"> <label for="image-details-size-height">Height <input type="number" id="image-details-size-height" aria-describedby="image-size-desc" data-setting="customHeight" step="1" value="{{ data.model.customHeight }}" /> <p id="image-size-desc" class="description">Image size in pixels <# } #> <span class="setting link-to"> <label for="image-details-link-to" class="name">Link To <select id="image-details-link-to" data-setting="link"> <# if ( data.attachment ) { #> <option value="file"> Media File <option value="post"> Attachment Page <# } else { #> <option value="file"> Image URL <# } #> <option value="custom"> Custom URL <option value="none"> None <span class="setting"> <label for="image-details-link-to-custom" class="name">URL <input type="text" id="image-details-link-to-custom" class="link-to-custom" data-setting="linkUrl" /> <div class="advanced-section"> <h2><button type="button" class="button-link advanced-toggle">Advanced Options <div class="advanced-settings hidden"> <div class="advanced-image"> <span class="setting title-text"> <label for="image-details-title-attribute" class="name">Image Title Attribute <input type="text" id="image-details-title-attribute" data-setting="title" value="{{ data.model.title }}" /> <span class="setting extra-classes"> <label for="image-details-css-class" class="name">Image CSS Class <input type="text" id="image-details-css-class" data-setting="extraClasses" value="{{ data.model.extraClasses }}" /> <div class="advanced-link"> <span class="setting link-target"> <input type="checkbox" id="image-details-link-target" data-setting="linkTargetBlank" value="_blank" <# if ( data.model.linkTargetBlank ) { #>checked="checked"<# } #>> <label for="image-details-link-target" class="checkbox-label">Open link in a new tab <span class="setting link-rel"> <label for="image-details-link-rel" class="name">Link Rel <input type="text" id="image-details-link-rel" data-setting="linkRel" value="{{ data.model.linkRel }}" /> <span class="setting link-class-name"> <label for="image-details-link-css-class" class="name">Link CSS Class <input type="text" id="image-details-link-css-class" data-setting="linkClassName" value="{{ data.model.linkClassName }}" /> <div class="column-image"> <div class="image"> <img src="{{ data.model.url }}" draggable="false" alt="" /> <# if ( data.attachment && window.imageEdit ) { #> <div class="actions"> <input type="button" class="edit-attachment button" value="Edit Original" /> <input type="button" class="replace-attachment button" value="Replace" /> <# } #> </script> <script type="text/html" id="tmpl-image-editor"> <div id="media-head-{{ data.id }}"> <div id="image-editor-{{ data.id }}"> </script> <script type="text/html" id="tmpl-audio-details"> <# var ext, html5types = { mp3: wp.media.view.settings.embedMimes.mp3, ogg: wp.media.view.settings.embedMimes.ogg }; #> <div class="media-embed media-embed-details"> <div class="embed-media-settings embed-audio-settings"> <audio style="visibility: hidden" controls class="wp-audio-shortcode" width="{{ _.isUndefined( data.model.width ) ? 400 : data.model.width }}" preload="{{ _.isUndefined( data.model.preload ) ? 'none' : data.model.preload }}" <# if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { #> autoplay<# } if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) { #> loop<# } #> > <# if ( ! _.isEmpty( data.model.src ) ) { #> <source src="{{ data.model.src }}" type="{{ wp.media.view.settings.embedMimes[ data.model.src.split('.').pop() ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.mp3 ) ) { #> <source src="{{ data.model.mp3 }}" type="{{ wp.media.view.settings.embedMimes[ 'mp3' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.ogg ) ) { #> <source src="{{ data.model.ogg }}" type="{{ wp.media.view.settings.embedMimes[ 'ogg' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.flac ) ) { #> <source src="{{ data.model.flac }}" type="{{ wp.media.view.settings.embedMimes[ 'flac' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.m4a ) ) { #> <source src="{{ data.model.m4a }}" type="{{ wp.media.view.settings.embedMimes[ 'm4a' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.wav ) ) { #> <source src="{{ data.model.wav }}" type="{{ wp.media.view.settings.embedMimes[ 'wav' ] }}" /> <# } #> <# if ( ! _.isEmpty( data.model.src ) ) { ext = data.model.src.split('.').pop(); if ( html5types[ ext ] ) { delete html5types[ ext ]; } #> <span class="setting"> <label for="audio-details-source" class="name">URL <input type="text" id="audio-details-source" readonly data-setting="src" value="{{ data.model.src }}" /> <button type="button" class="button-link remove-setting">Remove audio source <# } #> <# if ( ! _.isEmpty( data.model.mp3 ) ) { if ( ! _.isUndefined( html5types.mp3 ) ) { delete html5types.mp3; } #> <span class="setting"> <label for="audio-details-mp3-source" class="name">MP3 <input type="text" id="audio-details-mp3-source" readonly data-setting="mp3" value="{{ data.model.mp3 }}" /> <button type="button" class="button-link remove-setting">Remove audio source <# } #> <# if ( ! _.isEmpty( data.model.ogg ) ) { if ( ! _.isUndefined( html5types.ogg ) ) { delete html5types.ogg; } #> <span class="setting"> <label for="audio-details-ogg-source" class="name">OGG <input type="text" id="audio-details-ogg-source" readonly data-setting="ogg" value="{{ data.model.ogg }}" /> <button type="button" class="button-link remove-setting">Remove audio source <# } #> <# if ( ! _.isEmpty( data.model.flac ) ) { if ( ! _.isUndefined( html5types.flac ) ) { delete html5types.flac; } #> <span class="setting"> <label for="audio-details-flac-source" class="name">FLAC <input type="text" id="audio-details-flac-source" readonly data-setting="flac" value="{{ data.model.flac }}" /> <button type="button" class="button-link remove-setting">Remove audio source <# } #> <# if ( ! _.isEmpty( data.model.m4a ) ) { if ( ! _.isUndefined( html5types.m4a ) ) { delete html5types.m4a; } #> <span class="setting"> <label for="audio-details-m4a-source" class="name">M4A <input type="text" id="audio-details-m4a-source" readonly data-setting="m4a" value="{{ data.model.m4a }}" /> <button type="button" class="button-link remove-setting">Remove audio source <# } #> <# if ( ! _.isEmpty( data.model.wav ) ) { if ( ! _.isUndefined( html5types.wav ) ) { delete html5types.wav; } #> <span class="setting"> <label for="audio-details-wav-source" class="name">WAV <input type="text" id="audio-details-wav-source" readonly data-setting="wav" value="{{ data.model.wav }}" /> <button type="button" class="button-link remove-setting">Remove audio source <# } #> <# if ( ! _.isEmpty( html5types ) ) { #> <fieldset class="setting-group"> <legend class="name">Add alternate sources for maximum HTML5 playback <span class="setting"> <span class="button-large"> <# _.each( html5types, function (mime, type) { #> <button class="button add-media-source" data-mime="{{ mime }}">{{ type }} <# } ) #> <# } #> <fieldset class="setting-group"> <legend class="name">Preload <span class="setting preload"> <span class="button-group button-large" data-setting="preload"> <button class="button" value="auto">Auto <button class="button" value="metadata">Metadata <button class="button active" value="none">None <span class="setting-group"> <span class="setting checkbox-setting autoplay"> <input type="checkbox" id="audio-details-autoplay" data-setting="autoplay" /> <label for="audio-details-autoplay" class="checkbox-label">Autoplay <span class="setting checkbox-setting"> <input type="checkbox" id="audio-details-loop" data-setting="loop" /> <label for="audio-details-loop" class="checkbox-label">Loop </script> <script type="text/html" id="tmpl-video-details"> <# var ext, html5types = { mp4: wp.media.view.settings.embedMimes.mp4, ogv: wp.media.view.settings.embedMimes.ogv, webm: wp.media.view.settings.embedMimes.webm }; #> <div class="media-embed media-embed-details"> <div class="embed-media-settings embed-video-settings"> <div class="wp-video-holder"> <# var w = ! data.model.width || data.model.width > 640 ? 640 : data.model.width, h = ! data.model.height ? 360 : data.model.height; if ( data.model.width && w !== data.model.width ) { h = Math.ceil( ( h * w ) / data.model.width ); } #> <# var w_rule = '', classes = [], w, h, settings = wp.media.view.settings, isYouTube = isVimeo = false; if ( ! _.isEmpty( data.model.src ) ) { isYouTube = data.model.src.match(/youtube|youtu\.be/); isVimeo = -1 !== data.model.src.indexOf('vimeo'); } if ( settings.contentWidth && data.model.width >= settings.contentWidth ) { w = settings.contentWidth; } else { w = data.model.width; } if ( w !== data.model.width ) { h = Math.ceil( ( data.model.height * w ) / data.model.width ); } else { h = data.model.height; } if ( w ) { w_rule = 'width: ' + w + 'px; '; } if ( isYouTube ) { classes.push( 'youtube-video' ); } if ( isVimeo ) { classes.push( 'vimeo-video' ); } #> <div style="{{ w_rule }}" class="wp-video"> <video controls class="wp-video-shortcode {{ classes.join( ' ' ) }}" <# if ( w ) { #>width="{{ w }}"<# } #> <# if ( h ) { #>height="{{ h }}"<# } #> <# if ( ! _.isUndefined( data.model.poster ) && data.model.poster ) { #> poster="{{ data.model.poster }}"<# } #> preload ="{{ _.isUndefined( data.model.preload ) ? 'metadata' : data.model.preload }}" <# if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) { #> autoplay<# } if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) { #> loop<# } #> > <# if ( ! _.isEmpty( data.model.src ) ) { if ( isYouTube ) { #> <source src="{{ data.model.src }}" type="video/youtube" /> <# } else if ( isVimeo ) { #> <source src="{{ data.model.src }}" type="video/vimeo" /> <# } else { #> <source src="{{ data.model.src }}" type="{{ settings.embedMimes[ data.model.src.split('.').pop() ] }}" /> <# } } #> <# if ( data.model.mp4 ) { #> <source src="{{ data.model.mp4 }}" type="{{ settings.embedMimes[ 'mp4' ] }}" /> <# } #> <# if ( data.model.m4v ) { #> <source src="{{ data.model.m4v }}" type="{{ settings.embedMimes[ 'm4v' ] }}" /> <# } #> <# if ( data.model.webm ) { #> <source src="{{ data.model.webm }}" type="{{ settings.embedMimes[ 'webm' ] }}" /> <# } #> <# if ( data.model.ogv ) { #> <source src="{{ data.model.ogv }}" type="{{ settings.embedMimes[ 'ogv' ] }}" /> <# } #> <# if ( data.model.flv ) { #> <source src="{{ data.model.flv }}" type="{{ settings.embedMimes[ 'flv' ] }}" /> <# } #> {{{ data.model.content }}} <# if ( ! _.isEmpty( data.model.src ) ) { ext = data.model.src.split('.').pop(); if ( html5types[ ext ] ) { delete html5types[ ext ]; } #> <span class="setting"> <label for="video-details-source" class="name">URL <input type="text" id="video-details-source" readonly data-setting="src" value="{{ data.model.src }}" /> <button type="button" class="button-link remove-setting">Remove video source <# } #> <# if ( ! _.isEmpty( data.model.mp4 ) ) { if ( ! _.isUndefined( html5types.mp4 ) ) { delete html5types.mp4; } #> <span class="setting"> <label for="video-details-mp4-source" class="name">MP4 <input type="text" id="video-details-mp4-source" readonly data-setting="mp4" value="{{ data.model.mp4 }}" /> <button type="button" class="button-link remove-setting">Remove video source <# } #> <# if ( ! _.isEmpty( data.model.m4v ) ) { if ( ! _.isUndefined( html5types.m4v ) ) { delete html5types.m4v; } #> <span class="setting"> <label for="video-details-m4v-source" class="name">M4V <input type="text" id="video-details-m4v-source" readonly data-setting="m4v" value="{{ data.model.m4v }}" /> <button type="button" class="button-link remove-setting">Remove video source <# } #> <# if ( ! _.isEmpty( data.model.webm ) ) { if ( ! _.isUndefined( html5types.webm ) ) { delete html5types.webm; } #> <span class="setting"> <label for="video-details-webm-source" class="name">WEBM <input type="text" id="video-details-webm-source" readonly data-setting="webm" value="{{ data.model.webm }}" /> <button type="button" class="button-link remove-setting">Remove video source <# } #> <# if ( ! _.isEmpty( data.model.ogv ) ) { if ( ! _.isUndefined( html5types.ogv ) ) { delete html5types.ogv; } #> <span class="setting"> <label for="video-details-ogv-source" class="name">OGV <input type="text" id="video-details-ogv-source" readonly data-setting="ogv" value="{{ data.model.ogv }}" /> <button type="button" class="button-link remove-setting">Remove video source <# } #> <# if ( ! _.isEmpty( data.model.flv ) ) { if ( ! _.isUndefined( html5types.flv ) ) { delete html5types.flv; } #> <span class="setting"> <label for="video-details-flv-source" class="name">FLV <input type="text" id="video-details-flv-source" readonly data-setting="flv" value="{{ data.model.flv }}" /> <button type="button" class="button-link remove-setting">Remove video source <# } #> <# if ( ! _.isEmpty( html5types ) ) { #> <fieldset class="setting-group"> <legend class="name">Add alternate sources for maximum HTML5 playback <span class="setting"> <span class="button-large"> <# _.each( html5types, function (mime, type) { #> <button class="button add-media-source" data-mime="{{ mime }}">{{ type }} <# } ) #> <# } #> <# if ( ! _.isEmpty( data.model.poster ) ) { #> <span class="setting"> <label for="video-details-poster-image" class="name">Poster Image <input type="text" id="video-details-poster-image" readonly data-setting="poster" value="{{ data.model.poster }}" /> <button type="button" class="button-link remove-setting">Remove poster image <# } #> <fieldset class="setting-group"> <legend class="name">Preload <span class="setting preload"> <span class="button-group button-large" data-setting="preload"> <button class="button" value="auto">Auto <button class="button" value="metadata">Metadata <button class="button active" value="none">None <span class="setting-group"> <span class="setting checkbox-setting autoplay"> <input type="checkbox" id="video-details-autoplay" data-setting="autoplay" /> <label for="video-details-autoplay" class="checkbox-label">Autoplay <span class="setting checkbox-setting"> <input type="checkbox" id="video-details-loop" data-setting="loop" /> <label for="video-details-loop" class="checkbox-label">Loop <span class="setting" data-setting="content"> <# var content = ''; if ( ! _.isEmpty( data.model.content ) ) { var tracks = jQuery( data.model.content ).filter( 'track' ); _.each( tracks.toArray(), function( track, index ) { content += track.outerHTML; #> <label for="video-details-track-{{ index }}" class="name">Tracks (subtitles, captions, descriptions, chapters, or metadata) <input class="content-track" type="text" id="video-details-track-{{ index }}" aria-describedby="video-details-track-desc-{{ index }}" value="{{ track.outerHTML }}" /> <span class="description" id="video-details-track-desc-{{ index }}"> The srclang, label, and kind values can be edited to set the video track language and kind. <button type="button" class="button-link remove-setting remove-track">Remove video track<br/> <# } ); #> <# } else { #> <span class="name">Tracks (subtitles, captions, descriptions, chapters, or metadata)<br /> <em>There are no associated subtitles. <# } #> <textarea class="hidden content-setting">{{ content }} </script> <script type="text/html" id="tmpl-editor-gallery"> <# if ( data.attachments.length ) { #> <div class="gallery gallery-columns-{{ data.columns }}"> <# _.each( data.attachments, function( attachment, index ) { #> <dl class="gallery-item"> <dt class="gallery-icon"> <# if ( attachment.thumbnail ) { #> <img src="{{ attachment.thumbnail.url }}" width="{{ attachment.thumbnail.width }}" height="{{ attachment.thumbnail.height }}" alt="{{ attachment.alt }}" /> <# } else { #> <img src="{{ attachment.url }}" alt="{{ attachment.alt }}" /> <# } #> <# if ( attachment.caption ) { #> <dd class="wp-caption-text gallery-caption"> {{{ data.verifyHTML( attachment.caption ) }}} <# } #> <# if ( index % data.columns === data.columns - 1 ) { #> <br style="clear: both;"> <# } #> <# } ); #> <# } else { #> <div class="wpview-error"> <div class="dashicons dashicons-format-gallery"><style type="text/css"> .ornekclass { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); /* Latar belakang semi-transparan / z-index: 9999; } .popup-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; border-radius: 8px; width: 340px; / Lebar banner + padding / height: 330px; / Tinggi banner + padding dan area tombol */ text-align: center; } .loading-gif { display: block; margin: 0 auto; width: 50px; height: 50px; } .advertisement-text { font-size: 12px; color: #888; margin-bottom: 10px; } .hidden-btn { display: none; margin-top: 20px; padding: 10px 20px; background-color: #007bff; border: none; color: white; cursor: pointer; border-radius: 5px; } .hidden-btn:hover { background-color: #0056b3; } </style> <div class="ornekclass" id="popup"> <div class="popup-content">  <img src="http://video.playmp4.com/wp-content/uploads/2024/08/preloader.gif" class="loading-gif" id="loadingGif">  <div class="advertisement-text" id="advertisementText">Advertisement</div>  <script type="text/javascript"> atOptions = { 'key' : 'd2512c2d82d89f97ca10a9d723ccfcf5', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; </script> <script type="text/javascript" src="//www.highperformanceformat.com/d2512c2d82d89f97ca10a9d723ccfcf5/invoke.js"></script>  <button class="hidden-btn" id="closeBtn" onclick="window.location.href='https://www.profitableratecpm.com/y323a4pc2?key=a5d1f581df1211fdeda29642cfdec9dd';">Close</button> </div> </div> <script type="text/javascript"> window.onload = function() { var popup = document.getElementById('popup'); var loadingGif = document.getElementById('loadingGif'); var closeBtn = document.getElementById('closeBtn'); // Munculkan pop-up saat halaman web selesai dimuat popup.style.display = 'block'; // Tampilkan loading GIF selama 7 detik setTimeout(function() { loadingGif.style.display = 'none'; // Sembunyikan GIF loading closeBtn.style.display = 'inline-block'; // Tampilkan tombol close }, 7000); }; </script><p>No items found. <# } #> </script> <script type="text/html" id="tmpl-crop-content"> <img class="crop-image" src="{{ data.url }}" alt="Image crop area preview. Requires mouse interaction."> <div class="upload-errors"> </script> <script type="text/html" id="tmpl-site-icon-preview"> <h2>Preview <strong aria-hidden="true">As a browser icon <div class="favicon-preview"> <img src="https://web.archive.org/web/20200429213828/http://www.binetusa.org/wp-admin/images/browser.png" class="browser-preview" width="182" height="" alt="" /> <div class="favicon"> <img id="preview-favicon" src="{{ data.url }}" alt="Preview as a browser icon"/> <span class="browser-title" aria-hidden="true"><# print( 'BiNet USA' ) #> <strong aria-hidden="true">As an app icon <div class="app-icon-preview"> <img id="preview-app-icon" src="{{ data.url }}" alt="Preview as an app icon"/> </script> </body> </html>