WordPress.org
Get WordPress

Plugin Directory

Changeset 3265210


Ignore:
Timestamp:
04/01/2025 03:14:02 PM (10 months ago)
Author:
audiotyped
Message:

Version 1.1.1 – added new functions and bugfixes

Location:
audiotyped-ux/trunk
Files:
1 added
3 edited

Legend:

Unmodified
Added
Removed

  • audiotyped-ux/trunk/audiotyped-ux.php

    r3264564 r3265210  
    66Author: Helmut Naber, AudioTyped
    77Author URI: https://audiotyped.de
     8License: GPLv2 or later
     9License URI: https://www.gnu.org/licenses/gpl-2.0.html
    810Text Domain: audiotyped-ux
    9 Version: 1.1.0
     11Version: 1.1.1
    1012*/
     13
     14define( 'AUDIOTYPED_UX_VERSION', '1.0.0' );
     15
     16// Insert function here - before use in hooks etc.
     17function audiotyped_enqueue_style( $handle, $relative_path, $deps = array(), $media = 'all' ) {
     18  $file_path = plugin_dir_path( __FILE__ ) . $relative_path;
     19  $file_url  = plugin_dir_url( __FILE__ ) . $relative_path;
     20
     21  $version = defined( 'AUDIOTYPED_UX_VERSION' ) ? AUDIOTYPED_UX_VERSION : '1.0.0';
     22  if ( file_exists( $file_path ) ) {
     23      $version = filemtime( $file_path );
     24  }
     25
     26  wp_enqueue_style( $handle, $file_url, $deps, $version, $media );
     27}
    1128
    1229// Prohibit direct script loading.
    … …  
    1532add_action( 'wp_enqueue_scripts', 'audiotyped_enqueue_styles' );
    1633function audiotyped_enqueue_styles() {
    17       $file_url = plugins_url('audiotyped.css',__FILE__);
    18       wp_enqueue_style( 'at_stylesheet', $file_url );
     34  audiotyped_enqueue_style( 'at_stylesheet', 'audiotyped.css' );
    1935}
    2036
    … …  
    8096    //  check that $hook_suffix is appropriate for your admin page
    8197    wp_enqueue_style( 'wp-color-picker' );
    82     wp_enqueue_script( 'my-script-handle', plugins_url('colorpicker.js', __FILE__ ), array( 'wp-color-picker' ), false, true );
     98    wp_enqueue_script( 'my-script-handle', plugins_url('colorpicker.js', __FILE__ ), array( 'wp-color-picker' ), '1.1.0', true );
    8399}
    84100
    … …  
    150166{
    151167function update_audiotyped_settings() {
    152   register_setting( 'audiotyped-settings', 'audiotyped_tb_color' );
    153   register_setting( 'audiotyped-settings', 'audiotyped_gb_color' );
    154   register_setting( 'audiotyped-settings', 'audiotyped_hb_color' );
    155   register_setting( 'audiotyped-settings', 'audiotyped_gf_color' );
    156   register_setting( 'audiotyped-settings', 'audiotyped_hf_color' );
    157   register_setting( 'audiotyped-settings', 'audiotyped_avatar' );
    158   register_setting( 'audiotyped-settings', 'audiotyped_bubble' );
    159   register_setting( 'audiotyped-settings', 'audiotyped_mf_size' );
    160   register_setting( 'audiotyped-settings', 'audiotyped_df_size' );
    161   register_setting( 'audiotyped-settings', 'audiotyped_shadow_blur' );
    162   register_setting( 'audiotyped-settings', 'audiotyped_dgap_size' );
    163   register_setting( 'audiotyped-settings', 'audiotyped_dc_size' );
    164   register_setting( 'audiotyped-settings', 'audiotyped_ma_size' );
    165   register_setting( 'audiotyped-settings', 'audiotyped_md_size' );
    166   register_setting( 'audiotyped-settings', 'audiotyped_mbpv_size' );
    167   register_setting( 'audiotyped-settings', 'audiotyped_mbph_size' );
    168   register_setting( 'audiotyped-settings', 'audiotyped_dbpv_size' );
    169   register_setting( 'audiotyped-settings', 'audiotyped_dbph_size' );
    170   register_setting( 'audiotyped-settings', 'audiotyped_mgap_size' );
     168  register_setting( 'audiotyped-settings', 'audiotyped_tb_color', [
     169    'sanitize_callback' => 'sanitize_hex_color', // Safe: sanitizes #hex values
     170  ] );
     171  register_setting( 'audiotyped-settings', 'audiotyped_gb_color', [
     172    'sanitize_callback' => 'sanitize_hex_color',
     173  ] );
     174  register_setting( 'audiotyped-settings', 'audiotyped_hb_color', [
     175    'sanitize_callback' => 'sanitize_hex_color',
     176  ] );
     177  register_setting( 'audiotyped-settings', 'audiotyped_gf_color', [
     178    'sanitize_callback' => 'sanitize_hex_color',
     179  ] );
     180  register_setting( 'audiotyped-settings', 'audiotyped_hf_color', [
     181    'sanitize_callback' => 'sanitize_hex_color',
     182  ] );
     183  register_setting( 'audiotyped-settings', 'audiotyped_avatar', [
     184    'sanitize_callback' => 'intval',
     185  ] );
     186  register_setting( 'audiotyped-settings', 'audiotyped_bubble', [
     187    'sanitize_callback' => 'intval',
     188  ] );
     189  register_setting( 'audiotyped-settings', 'audiotyped_mf_size', [
     190    'sanitize_callback' => 'intval',
     191  ] );
     192  register_setting( 'audiotyped-settings', 'audiotyped_df_size', [
     193    'sanitize_callback' => 'intval',
     194  ] );
     195  register_setting( 'audiotyped-settings', 'audiotyped_shadow_blur', [
     196    'sanitize_callback' => 'intval',
     197  ] );
     198  register_setting( 'audiotyped-settings', 'audiotyped_dgap_size', [
     199    'sanitize_callback' => 'intval',
     200  ] );
     201  register_setting( 'audiotyped-settings', 'audiotyped_dc_size', [
     202    'sanitize_callback' => 'intval',
     203  ] );
     204  register_setting( 'audiotyped-settings', 'audiotyped_ma_size', [
     205    'sanitize_callback' => 'intval',
     206  ] );
     207  register_setting( 'audiotyped-settings', 'audiotyped_md_size', [
     208    'sanitize_callback' => 'intval',
     209  ] );
     210  register_setting( 'audiotyped-settings', 'audiotyped_mbpv_size', [
     211    'sanitize_callback' => 'intval',
     212  ] );
     213  register_setting( 'audiotyped-settings', 'audiotyped_mbph_size', [
     214    'sanitize_callback' => 'intval',
     215  ] );
     216  register_setting( 'audiotyped-settings', 'audiotyped_dbpv_size', [
     217    'sanitize_callback' => 'intval',
     218  ] );
     219  register_setting( 'audiotyped-settings', 'audiotyped_dbph_size', [
     220    'sanitize_callback' => 'intval',
     221  ] );
     222  register_setting( 'audiotyped-settings', 'audiotyped_mgap_size', [
     223    'sanitize_callback' => 'intval',
     224  ] );
    171225}
    172226}
    173227
    174228function audiotyped_settings_page() {
    175   $active_tab = $_GET['tab'] ?? 'settings';
     229  // Non-critical: Tab selection, no write operation - therefore no nonce necessary
     230  $active_tab = isset( $_GET['tab'] ) ? sanitize_key( $_GET['tab'] ) : 'settings';
    176231  ?>
    177232  <div class="wrap">
    … …  
    218273            <span class="tooltip-icon">?</span>
    219274          <img class="tooltip-image"
    220                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     275               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    221276               alt="Vorschau der Transkriptfarbe">
    222277          Transcript color               
    223278        </span>         
    224279      </th>
    225       <td><input type="text" name="audiotyped_tb_color" value="<?php echo get_option('audiotyped_tb_color'); ?>" class="my-color-field" /></td>
     280      <td><input type="text" name="audiotyped_tb_color" value="<?php echo esc_attr( get_option('audiotyped_tb_color') ); ?>" class="my-color-field" /></td>
    226281      </tr>
    227282      <tr valign="top">
    … …  
    230285            <span class="tooltip-icon">?</span>
    231286          <img class="tooltip-image"
    232                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     287               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'); ?>"
    233288               alt="Vorschau der Transkriptfarbe">
    234289          Host bubble color           
    235290        </span>           
    236291      </th>
    237       <td><input type="text" name="audiotyped_hb_color" value="<?php echo get_option('audiotyped_hb_color'); ?>" class="my-color-field" /></td>
     292      <td><input type="text" name="audiotyped_hb_color" value="<?php echo esc_attr( get_option('audiotyped_hb_color') ); ?>" class="my-color-field" /></td>
    238293      </tr>   
    239294      <tr valign="top">
    … …  
    242297            <span class="tooltip-icon">?</span>
    243298          <img class="tooltip-image"
    244                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     299               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    245300               alt="Vorschau der Transkriptfarbe">
    246301          Guest bubble color
    247302        </span>         
    248303      </th>
    249       <td><input type="text" name="audiotyped_gb_color" value="<?php echo get_option('audiotyped_gb_color'); ?>" class="my-color-field" /></td>
     304      <td><input type="text" name="audiotyped_gb_color" value="<?php echo esc_attr( get_option('audiotyped_gb_color') ); ?>" class="my-color-field" /></td>
    250305      </tr>
    251306      <tr valign="top">
    … …  
    254309            <span class="tooltip-icon">?</span>
    255310          <img class="tooltip-image"
    256                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     311               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    257312               alt="Vorschau der Transkriptfarbe">
    258313          Host font color
    259314        </span>         
    260315      </th>
    261       <td><input type="text" name="audiotyped_hf_color" value="<?php echo get_option('audiotyped_hf_color'); ?>" class="my-color-field" /></td>
     316      <td><input type="text" name="audiotyped_hf_color" value="<?php echo esc_attr( get_option('audiotyped_hf_color') ); ?>" class="my-color-field" /></td>
    262317      </tr>   
    263318      <tr valign="top">
    … …  
    266321            <span class="tooltip-icon">?</span>
    267322          <img class="tooltip-image"
    268                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     323               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    269324               alt="Vorschau der Transkriptfarbe">
    270325          Guest font color
    271326        </span>       
    272327      </th>
    273       <td><input type="text" name="audiotyped_gf_color" value="<?php echo get_option('audiotyped_gf_color'); ?>" class="my-color-field" /></td>
     328      <td><input type="text" name="audiotyped_gf_color" value="<?php echo esc_attr( get_option('audiotyped_gf_color') ); ?>" class="my-color-field" /></td>
    274329      </tr>
    275330      <tr valign="top">
    … …  
    278333            <span class="tooltip-icon">?</span>
    279334          <img class="tooltip-image"
    280                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     335               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    281336               alt="Vorschau der Transkriptfarbe">
    282337          Avatar rounding
    283338        </span>         
    284339      </th>
    285       <td><input type="number" min="0" max="50" name="audiotyped_avatar" value="<?php echo get_option('audiotyped_avatar'); ?>"/> (Numbers from 0 to 50)</td>
     340      <td><input type="number" min="0" max="50" name="audiotyped_avatar" value="<?php echo esc_attr( get_option('audiotyped_avatar') ); ?>"/> (Numbers from 0 to 50)</td>
    286341      </tr>
    287342      <tr valign="top">
    … …  
    290345            <span class="tooltip-icon">?</span>
    291346          <img class="tooltip-image"
    292                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     347               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    293348               alt="Vorschau der Transkriptfarbe">
    294349          Bubble rounding
    295350        </span>           
    296351      </th>
    297       <td><input type="number" min="0" max="10" name="audiotyped_bubble" value="<?php echo get_option('audiotyped_bubble'); ?>"/> (Numbers from 0 to 10)</td>
     352      <td><input type="number" min="0" max="10" name="audiotyped_bubble" value="<?php echo esc_attr( get_option('audiotyped_bubble') ); ?>"/> (Numbers from 0 to 10)</td>
    298353      </tr>   
    299354      <tr valign="top">
    … …  
    302357            <span class="tooltip-icon">?</span>
    303358          <img class="tooltip-image"
    304                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     359               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    305360               alt="Vorschau der Transkriptfarbe">
    306361          Bubble shadow blur
    307362        </span>       
    308363      </th>
    309       <td><input type="number" min="0" max="25" name="audiotyped_shadow_blur" value="<?php echo get_option('audiotyped_shadow_blur'); ?>"/> (Numbers from 0 to 25)</td>
     364      <td><input type="number" min="0" max="25" name="audiotyped_shadow_blur" value="<?php echo esc_attr( get_option('audiotyped_shadow_blur') ); ?>"/> (Numbers from 0 to 25)</td>
    310365      </tr>   
    311366      <tr valign="top">
    … …  
    314369            <span class="tooltip-icon">?</span>
    315370          <img class="tooltip-image"
    316                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     371               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    317372               alt="Vorschau der Transkriptfarbe">
    318373          💻 Avatar size
    319374        </span>         
    320375      </th>
    321       <td><input type="number" min="45" max="100" name="audiotyped_dc_size" value="<?php echo get_option('audiotyped_dc_size'); ?>"/> (from 45 to 100 px)</td>
     376      <td><input type="number" min="45" max="100" name="audiotyped_dc_size" value="<?php echo esc_attr( get_option('audiotyped_dc_size') ); ?>"/> (from 45 to 100 px)</td>
    322377      </tr> 
    323378      <tr valign="top">
    … …  
    326381            <span class="tooltip-icon">?</span>
    327382          <img class="tooltip-image"
    328                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     383               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    329384               alt="Vorschau der Transkriptfarbe">
    330385          💻 Font size
    331386        </span>       
    332387      </th>
    333       <td><input type="number" min="12" max="30" name="audiotyped_df_size" value="<?php echo get_option('audiotyped_df_size'); ?>"/> (from 12 to 30 px)</td>
     388      <td><input type="number" min="12" max="30" name="audiotyped_df_size" value="<?php echo esc_attr( get_option('audiotyped_df_size') ); ?>"/> (from 12 to 30 px)</td>
    334389      </tr> 
    335390      <tr valign="top">
    … …  
    338393            <span class="tooltip-icon">?</span>
    339394          <img class="tooltip-image"
    340                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     395               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    341396               alt="Vorschau der Transkriptfarbe">
    342397          💻 Gap Bubble Avatar
    343398        </span>       
    344399      </th>
    345       <td><input type="number" min="0" max="30" name="audiotyped_dgap_size" value="<?php echo get_option('audiotyped_dgap_size'); ?>"/> (from 0 to 30 px)</td>
     400      <td><input type="number" min="0" max="30" name="audiotyped_dgap_size" value="<?php echo esc_attr( get_option('audiotyped_dgap_size') ); ?>"/> (from 0 to 30 px)</td>
    346401      </tr> 
    347402      <tr valign="top">
    … …  
    350405            <span class="tooltip-icon">?</span>
    351406          <img class="tooltip-image"
    352                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     407               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    353408               alt="Vorschau der Transkriptfarbe">
    354409          💻 Bubble Padding ⇅
    355410        </span>     
    356411      </th>
    357       <td><input type="number" min="0" max="40" name="audiotyped_dbpv_size" value="<?php echo get_option('audiotyped_dbpv_size'); ?>"/> (from 0 to 40 px)</td>
     412      <td><input type="number" min="0" max="40" name="audiotyped_dbpv_size" value="<?php echo esc_attr( get_option('audiotyped_dbpv_size') ); ?>"/> (from 0 to 40 px)</td>
    358413      </tr>
    359414      <tr valign="top">
    … …  
    362417            <span class="tooltip-icon">?</span>
    363418          <img class="tooltip-image"
    364                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     419               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    365420               alt="Vorschau der Transkriptfarbe">
    366421          💻 Bubble Padding ⇆
    367422        </span>       
    368423      </th>
    369       <td><input type="number" min="6" max="50" name="audiotyped_dbph_size" value="<?php echo get_option('audiotyped_dbph_size'); ?>"/> (from 6 to 50 px)</td>
     424      <td><input type="number" min="6" max="50" name="audiotyped_dbph_size" value="<?php echo esc_attr( get_option('audiotyped_dbph_size') ); ?>"/> (from 6 to 50 px)</td>
    370425      </tr> 
    371426      <tr valign="top">
    … …  
    374429            <span class="tooltip-icon">?</span>
    375430          <img class="tooltip-image"
    376                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     431               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    377432               alt="Vorschau der Transkriptfarbe">
    378433          📱 Avatar size
    379434        </span>         
    380435      </th>
    381       <td><input type="number" min="40" max="80" name="audiotyped_ma_size" value="<?php echo get_option('audiotyped_ma_size'); ?>"/> (from 40 to 80 px)</td>
     436      <td><input type="number" min="40" max="80" name="audiotyped_ma_size" value="<?php echo esc_attr( get_option('audiotyped_ma_size') ); ?>"/> (from 40 to 80 px)</td>
    382437      </tr>
    383438      <tr valign="top">
    … …  
    386441            <span class="tooltip-icon">?</span>
    387442          <img class="tooltip-image"
    388                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     443               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    389444               alt="Vorschau der Transkriptfarbe">
    390445          📱 Font size
    391446        </span>         
    392447      </th>
    393       <td><input type="number" min="10" max="20" name="audiotyped_mf_size" value="<?php echo get_option('audiotyped_mf_size'); ?>"/> (from 10 to 20 px)</td>
     448      <td><input type="number" min="10" max="20" name="audiotyped_mf_size" value="<?php echo esc_attr( get_option('audiotyped_mf_size') ); ?>"/> (from 10 to 20 px)</td>
    394449      </tr> 
    395450      <tr valign="top">
    … …  
    398453            <span class="tooltip-icon">?</span>
    399454          <img class="tooltip-image"
    400                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     455               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    401456               alt="Vorschau der Transkriptfarbe">
    402457            📱 Gap Bubble Avatar
    403458        </span>       
    404459      </th>
    405       <td><input type="number" min="0" max="20" name="audiotyped_mgap_size" value="<?php echo get_option('audiotyped_mgap_size'); ?>"/> (from 0 to 20 px)</td>
     460      <td><input type="number" min="0" max="20" name="audiotyped_mgap_size" value="<?php echo esc_attr( get_option('audiotyped_mgap_size') ); ?>"/> (from 0 to 20 px)</td>
    406461      </tr> 
    407462      <tr valign="top">
    … …  
    410465            <span class="tooltip-icon">?</span>
    411466          <img class="tooltip-image"
    412                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     467               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    413468               alt="Vorschau der Transkriptfarbe">
    414469            📱 Distance ⇅
    415470        </span>         
    416471      </th>
    417       <td><input type="number" min="30" max="80" name="audiotyped_md_size" value="<?php echo get_option('audiotyped_md_size'); ?>"/> (from 30 to 80 px)</td>
     472      <td><input type="number" min="30" max="80" name="audiotyped_md_size" value="<?php echo esc_attr( get_option('audiotyped_md_size') ); ?>"/> (from 30 to 80 px)</td>
    418473      </tr>   
    419474      <tr valign="top">
    … …  
    422477            <span class="tooltip-icon">?</span>
    423478          <img class="tooltip-image"
    424                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     479               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    425480               alt="Vorschau der Transkriptfarbe">
    426481            📱 Bubble Padding ⇅
    427482        </span>       
    428483      </th>
    429       <td><input type="number" min="0" max="30" name="audiotyped_mbpv_size" value="<?php echo get_option('audiotyped_mbpv_size'); ?>"/> (from 0 to 30 px)</td>
     484      <td><input type="number" min="0" max="30" name="audiotyped_mbpv_size" value="<?php echo esc_attr( get_option('audiotyped_mbpv_size') ); ?>"/> (from 0 to 30 px)</td>
    430485      </tr>
    431486      <tr valign="top">
    … …  
    434489            <span class="tooltip-icon">?</span>
    435490          <img class="tooltip-image"
    436                src="<?php echo plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png'; ?>"
     491               src="<?php echo esc_url( plugin_dir_url(__FILE__) . 'assets/transcript-color-tooltip.png' ); ?>"
    437492               alt="Vorschau der Transkriptfarbe">
    438493            📱 Bubble Padding ⇆
    439494        </span>       
    440495      </th>
    441       <td><input type="number" min="6" max="30" name="audiotyped_mbph_size" value="<?php echo get_option('audiotyped_mbph_size'); ?>"/> (from 6 to 30 px)</td>
     496      <td><input type="number" min="6" max="30" name="audiotyped_mbph_size" value="<?php echo esc_attr( get_option('audiotyped_mbph_size') ); ?>"/> (from 6 to 30 px)</td>
    442497      </tr>   
    443498    </table>
    … …  
    551606    .transcriptHost .transcriptSpeaking {
    552607      order: 1;
    553       border-bottom-right-radius: <?php echo esc_attr($tscrptbcorner) ?>px;
     608      border-radius: <?php echo esc_attr($tscrptbcorner) ?>px;
     609      border-top-left-radius: 0px;
    554610        background-color: <?php echo esc_attr($tscrpthbcolor); ?> !important;
    555611      box-shadow: 4px 4px <?php echo esc_attr($tscrptsradius); ?>px -6px rgba(0,0,0,0.25);
    … …  
    564620  width: 0;
    565621  height: 0;
    566     border-top: 9px solid transparent;
    567     border-bottom: 9px solid transparent;
    568     border-right: 9px solid <?php echo esc_attr($tscrpthbcolor); ?>;   
    569   margin-top: 4px;     
     622  border-left: 6px solid transparent;
     623    border-top: 6px solid <?php echo esc_attr($tscrpthbcolor); ?>px;
     624    border-bottom: 6px solid transparent;
     625    border-right: 6px solid <?php echo esc_attr($tscrpthbcolor); ?>px;
     626  margin-top: -12px;   
    570627  margin-right: -<?php echo esc_attr($tscrptdgapp); ?>px;
    571628}
    … …  
    579636.transcriptGuest .transcriptSpeaking {
    580637  order: 1;
    581   border-bottom-right-radius: <?php echo esc_attr($tscrptbcorner) ?>px;
     638  border-radius: <?php echo esc_attr($tscrptbcorner) ?>px;
     639  border-top-right-radius: 0px;
    582640    background-color: <?php echo esc_attr($tscrptgbcolor) ?> !important;
    583641  box-shadow: -4px 4px <?php echo esc_attr($tscrptsradius); ?>px -6px rgba(0,0,0,0.25);
    … …  
    594652  width: 0;
    595653  height: 0;
    596   border-top: 9px solid transparent;
    597   border-bottom: 9px solid transparent;
    598   border-left: 9px solid <?php echo esc_attr($tscrptgbcolor); ?>;
    599   margin-top: 4px;
     654  border-top: 6px solid <?php echo esc_attr($tscrptgbcolor); ?>px;
     655  border-bottom: 6px solid transparent;
     656  border-left: 6px solid <?php echo esc_attr($tscrptgbcolor); ?>px;
     657  border-right: 6px solid transparent;
     658  margin-top: -12px;
    600659  margin-left: -<?php echo esc_attr($tscrptdgapp); ?>px;
    601660}
    … …  
    784843function audiotyped_enqueue_scripts() {
    785844      $file_url = plugins_url('audiotyped.js',__FILE__);
    786       wp_enqueue_script( 'at_javascript', $file_url );
     845      wp_enqueue_script( 'at_javascript', $file_url, array(), AUDIOTYPED_UX_VERSION, true );
    787846      wp_localize_script( 'at_javascript', 'vname',  array(
    788847          'tbcolor' => get_option( 'audiotyped_tb_color' ),

  • audiotyped-ux/trunk/audiotyped.css

    r3264564 r3265210  
    22AudioTyped Style Sheet for podcast interview transcripts
    33
    4 version: 1.1.0
    5 last modified: 25.03.2025 by Helmut Naber
     4version: 1.1.1
     5last modified: 01.04.2025 by Helmut Naber
    66author: Helmut Naber
    77website: https://audiotyped.de
    … …  
    112112  order: 1;
    113113  border-bottom-right-radius: var(--tscrptbcorner);
     114  border-top-left-radius: 0px;
    114115    background-color: var(--tscrpthbcolor) !important;
    115116  box-shadow: 4px 4px var(--tscrptsradius) -6px rgba(0,0,0,0.25);
    … …  
    123124  width: 0;
    124125  height: 0;
    125     border-top: 9px solid transparent;
    126     border-bottom: 9px solid transparent;
    127     border-right: 9px solid var(--tscrpthbcolor);   
    128   margin-top: 4px;     
     126  border-left: 6px solid transparent;
     127    border-top: 6px solid var(--tscrpthbcolor);
     128    border-bottom: 6px solid transparent;
     129    border-right: 6px solid var(--tscrpthbcolor);   
     130  margin-top: -12px;       
    129131  margin-right: var(--tscrptdgapn);
    130132}
    … …  
    138140  order: 1;
    139141  border-bottom-right-radius: var(--tscrptbcorner);
     142  border-top-right-radius: 0px;
    140143    background-color: var(--tscrptgbcolor) !important;
    141144  box-shadow: -4px 4px var(--tscrptsradius) -6px rgba(0,0,0,0.25);
    … …  
    152155  width: 0;
    153156  height: 0;
    154   border-top: 9px solid transparent;
    155   border-bottom: 9px solid transparent;
    156   border-left: 9px solid var(--tscrptgbcolor);
    157   margin-top: 4px;
     157  border-top: 6px solid var(--tscrptgbcolor);
     158  border-bottom: 6px solid transparent;
     159  border-left: 6px solid var(--tscrptgbcolor);
     160  border-right: 6px solid transparent;
     161  margin-top: -12px;
    158162  margin-left: var(--tscrptdgapn);
    159163}

  • audiotyped-ux/trunk/readme.txt

    r3264564 r3265210  
    11=== Podcast Transcript UX - AudioTyped ===
    22Contributors: audiotyped
    3 Tags: podcast,transcript,transcription,ux,layout,interview,deaf,interview
     3Tags: podcast,transcript,transcription,ux,layout
    44Requires at least: 5.4.2
    55Tested up to: 6.7.2
    6 Stable tag: 1.1.0
     6Stable tag: 1.1.1
    77Requires PHP: 7.0
    8 License: GPLv3
    9 License URI: http://www.gnu.org/licenses/gpl-3.0.html
     8License: GPLv2 or later
     9License URI: https://www.gnu.org/licenses/gpl-2.0.html
    1010
    1111With AudioTyped UX you can make design settings for your UX Interview Layout Transcripts.
    … …  
    112112= 1.0.21 - 4th August 2020 =
    113113* break long words
     114
     115= 1.1.0 - 30th March 2025 =
     116* New preview tab to see how the transcript design is changing because of settings, New icon for each setting
Note: See TracChangeset for help on using the changeset viewer.