templates/CRM/Admin/Page/CKEditorConfig.tpl

   1 {*
   2  +--------------------------------------------------------------------+
   3  | Copyright CiviCRM LLC. All rights reserved.                        |
   4  |                                                                    |
   5  | This work is published under the GNU AGPLv3 license with some      |
   6  | permitted exceptions and without any warranty. For full license    |
   7  | and copyright information, see https://civicrm.org/licensing       |
   8  +--------------------------------------------------------------------+
   9 *}
  10 <style>{literal}
  11   .select2-results .ui-icon,
  12   .select2-results .crm-i,
  13   .select2-container .ui-icon,
  14   .select2-container .crm-i,
  15   .select2-results img,
  16   .select2-container img {
  17     display: inline-block;
  18     position: relative;
  19     top: 2px;
  20   }
  21   #toolbarModifierWrapper .toolbar button:last-child,
  22   #toolbarModifierWrapper .toolbar button[data-group=config] {
  23     display: none;
  24   }
  25   .api-field-desc {
  26     font-size: .8em;
  27     color: #828282;
  28     line-height: 1.3em;
  29   }
  30   .select2-highlighted .api-field-desc {
  31     color: #fcfcfc;
  32   }
  33   #crm-custom-config-options > div {
  34     margin: .5em .2em;
  35   }
  36   #crm-container .ui-tabs-nav {
  37     padding-bottom: 0;
  38   }
  39   #crm-container .ui-tabs-nav li {
  40     margin-left: .3em;
  41   }
  42   #crm-container .ui-tabs-nav a {
  43     font-size: 1.1em;
  44     border-bottom: 0 none;
  45     padding: 3px 10px 1px !important;
  46   }
  47   .crm-config-option-row span.crm-error:after {
  48     font-family: FontAwesome;
  49     content: " \f071 Invalid JSON"
  50   }
  51 {/literal}</style>
  52 {* Force the custom config file to reload by appending a new query string *}
  53 <script type="text/javascript">
  54   {if $configUrl}CKEDITOR.config.customConfig = '{$configUrl}?{php}print str_replace(array(' ', '.'), array('', '='), microtime());{/php}'{/if};
  55 </script>
  56
  57 <div class="ui-tabs">
  58   <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header">
  59     <li>{ts}Preset:{/ts}</li>
  60     {foreach from=$presets key='k' item='p'}
  61       <li class="ui-tabs-tab ui-corner-top ui-state-default ui-tab {if $k == $preset}ui-tabs-active ui-state-active{/if}">
  62         <a class="ui-tabs-anchor" href="{crmURL q="preset=$k"}">{$p}</a>
  63       </li>
  64     {/foreach}
  65   </ul>
  66 </div>
  67 <form method="post" action="{crmURL}" id="toolbarModifierForm">
  68   <fieldset>
  69     <div class="crm-block crm-form-block">
  70       <label for="skin">{ts}Skin{/ts}</label>
  71       <select id="skin" name="config_skin" class="crm-select2 eight config-param">
  72         {foreach from=$skins item='s'}
  73           <option value="{$s}" {if $s == $skin}selected{/if}>{$s|ucfirst}</option>
  74         {/foreach}
  75       </select>
  76       &nbsp;&nbsp;
  77       <label for="extraPlugins">{ts}Plugins{/ts}</label>
  78       <input id="extraPlugins" name="config_extraPlugins" class="huge config-param" value="{$extraPlugins}" placeholder="{ts}Select optional extra features{/ts}">
  79     </div>
  80
  81     <div class="editors-container">
  82       <div id="editor-basic"></div>
  83       <div id="editor-advanced"></div>
  84     </div>
  85
  86     <div class="configurator">
  87       <div>
  88         <div id="toolbarModifierWrapper" class="active"></div>
  89       </div>
  90     </div>
  91
  92
  93     <div class="crm-block crm-form-block">
  94       <fieldset>
  95         <legend>{ts}Advanced Options{/ts}</legend>
  96         <div class="description">{ts 1='href="https://docs.ckeditor.com/ckeditor4/latest/api/CKEDITOR_config.html" target="_blank"'}Refer to the <a %1>CKEditor Api Documentation</a> for details.{/ts}</div>
  97         <div id="crm-custom-config-options"></div>
  98       </fieldset>
  99     </div>
 100
 101     <div class="crm-submit-buttons">
 102       <span class="crm-button crm-i-button">
 103         <i class="crm-i fa-wrench" aria-hidden="true"></i> <input type="submit" value="{ts}Save{/ts}" name="save" class="crm-form-submit" accesskey="S"/>
 104       </span>
 105       <span class="crm-button crm-i-button">
 106         <i class="crm-i fa-times" aria-hidden="true"></i> <input type="submit" value="{ts}Revert to Default{/ts}" name="revert" class="crm-form-submit" onclick="return confirm('{$revertConfirm}');"/>
 107       </span>
 108     </div>
 109     <input type="hidden" value="{$preset}" name="preset" />
 110   </fieldset>
 111 </form>
 112 <script type="text/template" id="config-row-tpl">
 113   <div class="crm-config-option-row">
 114     <input class="huge crm-config-option-name" placeholder="{ts}Option{/ts}"/>
 115   </div>
 116 </script>