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
92
93
94
95
96

<?php ! defined( 'ABSPATH' ) && exit(); ?><div class="totalpoll-design-sidebar">
    <div class="totalpoll-design-template">
        <div class="totalpoll-design-template-name">
            <small>
                <?php _e( 'Active template', 'totalpoll' ); ?>
            </small>
            <strong>{{ $ctrl.getCurrentTemplate('name') }}</strong>
        </div>

        <div class="totalpoll-design-template-button">
            <button class="button" type="button" ng-click="$ctrl.popToRoot(); $ctrl.setActiveTab('templates', '<?php echo esc_js( __( 'Templates', 'totalpoll' ) ); ?>')" ng-disabled="$ctrl.hasActiveTab('templates')">
                <?php _e( 'Change', 'totalpoll' ); ?>
            </button>
        </div>
    </div>

    <div class="totalpoll-design-controller">
        <div class="totalpoll-design-tabs-header">
            <div class="totalpoll-design-tabs-header-back" ng-class="{'active': $ctrl.hasActiveTab()}" ng-click="$ctrl.popActiveTab()"></div>
            <div class="totalpoll-design-tabs-header-title">
                {{ $ctrl.getActiveTabBreadcrumb() || '<?php echo esc_js( __( 'Customize', 'totalpoll' ) ); ?>' }}
            </div>
            <div class="totalpoll-design-tabs-header-buttons" ng-if="$ctrl.isActiveTab('advanced.advanced-template-settings')">
                <button class="button button-small" type="button" ng-click="$ctrl.resetToDefaults($root.settings.design.template)">
                    <?php _e( 'Reset', 'totalpoll' ); ?>
                </button>
            </div>
        </div>

        <div class="totalpoll-design-tabs-wrapper">
            <customizer-tabs>
                <?php
                /**
                 * Fires before design settings tabs.
                 *
                 * @since 4.0.0
                 */
                do_action( 'totalpoll/actions/before/admin/editor/design/tabs', $this );
                ?>
                <?php foreach ( $designTabs as $designTabId => $designTab ): ?>
                    <customizer-tab target="<?php echo esc_attr( $designTabId ); ?>"><?php echo esc_html( $designTab['label'] ); ?></customizer-tab>
                <?php endforeach; ?>
                <?php
                /**
                 * Fires after design settings tabs.
                 *
                 * @since 4.0.0
                 */
                do_action( 'totalpoll/actions/after/admin/editor/design/tabs', $this );
                ?>
            </customizer-tabs>

            <?php foreach ( $designTabs as $designTabId => $designTab ): ?>
                <customizer-tab-content name="<?php echo esc_attr( $designTabId ); ?>" class="totalpoll-design-tabs-content-<?php echo esc_attr( $designTabId ); ?>">
                    <?php
                    /**
                     * Fires before design settings tab content.
                     *
                     * @since 4.0.0
                     */
                    do_action( "totalpoll/actions/before/admin/editor/design/tabs/content/{$designTabId}" );

                    $path = empty( $designTab['file'] ) ? __DIR__ . "/tabs/{$designTabId}.php" : $designTab['file'];
                    if ( file_exists( $path ) ):
                        include_once $path;
                    endif;

                    /**
                     * Fires after design settings tab content.
                     *
                     * @since 4.0.0
                     */
                    do_action( "totalpoll/actions/after/admin/editor/design/tabs/content/{$designTabId}" );
                    ?>
                </customizer-tab-content>
            <?php endforeach; ?>
        </div>
    </div>
    <div class="totalpoll-design-devices">
        <div class="totalpoll-design-devices-item"
             ng-class="{'active': $ctrl.isDevice('laptop')}"
             ng-click="$ctrl.setDevice('laptop')">
            <span class="dashicons dashicons-desktop"></span>
        </div>
        <div class="totalpoll-design-devices-item"
             ng-class="{'active': $ctrl.isDevice('tablet')}"
             ng-click="$ctrl.setDevice('tablet')">
            <span class="dashicons dashicons-tablet"></span>
        </div>
        <div class="totalpoll-design-devices-item"
             ng-class="{'active': $ctrl.isDevice('smartphone')}"
             ng-click="$ctrl.setDevice('smartphone')">
            <span class="dashicons dashicons-smartphone"></span>
        </div>
    </div>
</div>