1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
<?php ! defined( 'ABSPATH' ) && exit(); ?><script type="text/ng-template" id="choice-type-video-template">
<?php
/**
* Fires after video choice content.
*
* @since 4.0.0
*/
do_action( 'totalpoll/actions/after/admin/editor/choices/type/video', $this );
?>
<div class="totalpoll-image-input">
<div class="totalpoll-image-input-preview">
<img ng-if="$ctrl.item.video.thumbnail" ng-src="{{$ctrl.item.video.thumbnail}}"
class="totalpoll-image-input-preview-thumbnail">
<video ng-if="!$ctrl.processing && !$ctrl.item.video.html && $ctrl.item.video.full"
ng-src="{{$ctrl.item.video.full}}"
ng-attr-poster="{{ $ctrl.item.video.thumbnail }}"
class="totalpoll-image-input-preview-full"
controls>
</video>
<div ng-if="$ctrl.item.video.html" class="totalpoll-image-input-preview-full with-embed" ng-bind-html="$ctrl.escape($ctrl.item.video.html)"></div>
</div>
<div class="totalpoll-image-input-details">
<div class="totalpoll-input-group">
<label for="{{$ctrl.prefix('label')}}">
<?php _e( 'Label', 'totalpoll' ); ?>
</label>
<input type="text" placeholder="<?php _e( 'Choice label', 'totalpoll' ); ?>" name="{{$ctrl.prefix('label')}}"
id="{{$ctrl.prefix('label')}}"
ng-model="$ctrl.item.label">
</div>
<div class="totalpoll-input-group with-button">
<label for="{{$ctrl.prefix('full-video')}}">
<?php _e( 'Video URL', 'totalpoll' ); ?>
</label>
<input type="text" placeholder="<?php _e( 'Full size video URL', 'totalpoll' ); ?>"
name="{{$ctrl.prefix('full-video')}}" id="{{$ctrl.prefix('full-video')}}"
ng-change="$ctrl.discover($ctrl.item.video.full)"
ng-model-options="{ debounce: 500 }"
ng-model="$ctrl.item.video.full">
<button type="button" class="button"
ng-click="$ctrl.upload()">
<?php _e( 'Upload', 'totalpoll' ); ?>
</button>
<div class="totalpoll-input-group-suggestions" ng-if="$ctrl.embed">
<span bindings="{provider: '$ctrl.embed.provider_name'}"><?php _e( 'Import information from {{provider}}?', 'totalpoll' ); ?></span>
<a class="totalpoll-input-group-suggestions-item"
ng-click="$ctrl.importEmbed()">
<?php _e( 'Yes', 'totalpoll' ); ?>
</a>
<a class="totalpoll-input-group-suggestions-item"
ng-click="$ctrl.dismissEmbed()">
<?php _e( 'No', 'totalpoll' ); ?>
</a>
</div>
</div>
<div class="totalpoll-input-group with-button">
<label for="{{$ctrl.prefix('thumbnail-video')}}">
<?php _e( 'Thumbnail URL', 'totalpoll' ); ?>
</label>
<input type="text" placeholder="<?php _e( 'Thumbnail image URL', 'totalpoll' ); ?>"
name="{{$ctrl.prefix('thumbnail-video')}}" id="{{$ctrl.prefix('thumbnail-video')}}"
ng-model-options="{ debounce: 500 }"
ng-model="$ctrl.item.video.thumbnail">
<button type="button" class="button"
ng-click="$ctrl.upload('thumbnail', 'image')">
<?php _e( 'Upload', 'totalpoll' ); ?>
</button>
<div class="totalpoll-input-group-suggestions" ng-if="$ctrl.item.video.sizes">
<?php _e( 'Available sizes', 'totalpoll' ); ?>
<a class="totalpoll-input-group-suggestions-item"
ng-class="{'active': $ctrl.item.video.thumbnail === size.url}"
ng-repeat="(name, size) in $ctrl.item.video.sizes"
ng-click="$ctrl.item.video.thumbnail = size.url">{{name}}</a>
</div>
</div>
</div>
</div>
<?php
/**
* Fires after video choice content.
*
* @since 4.0.0
*/
do_action( 'totalpoll/actions/after/admin/editor/choices/type/video', $this );
?>
</script>
|