indico/MaKaC/webinterface/tpls/ConfModifDisplayCustom.tpl

   1 <a name="css"></a>
   2 <div class="groupItem">
   3 <table class="groupTable">
   4     <tr>
   5         <td colspan="2">
   6
   7             <div class="groupTitle"> ${ _("Stylesheets")}</div>
   8
   9         </td>
  10     </tr>
  11
  12     <tr>
  13         <td class="dataCaptionTD">
  14             <span class="dataCaptionFormat">${ _("Currently used stylesheet") }</span>
  15         </td>
  16         <td class="blacktext" style="width: 100%">
  17             % if currentCSSFileName:
  18                 <strong style="margin-right: 30px;">${ currentCSSFileName }</strong>
  19                 <input type="button" class="btn" onclick="window.location = '${ removeCSS }'" value="${ _("Remove stylesheet")}">
  20             % else:
  21                 <em>${ _("No stylesheet has been applied") }</em>
  22             % endif
  23         </td>
  24     </tr>
  25     <tr>
  26         <td class="dataCaptionTD">
  27             <span class="dataCaptionFormat">${ _("Apply stylesheet") }</span>
  28         </td>
  29         <td class="blacktext" style="width: 100%">
  30             <strong><a href=${ previewURL }>${ _("Click here") }</a></strong>
  31             ${ _("in order to select one of the default stylesheets") }
  32         </td>
  33     </tr>
  34     <tr>
  35         <td class="dataCaptionTD">
  36             <span class="dataCaptionFormat">${ _("Upload your own stylesheet") }</span>
  37         </td>
  38         <td class="blacktext" style="width: 100%">
  39             <em class="description">
  40                 ${ _("If you want to fully customize your conference page you can create your own stylesheet \
  41                 and upload it. An example stylesheet can be downloaded") } <a href="${ Config().getBaseURL() }/css/confTemplates/standard.css">${_("here") }</a>.
  42             </em>
  43             <form action="${ saveCSS }" method="POST" ENCTYPE="multipart/form-data" style="margin:0;">
  44                 <input name="file" type="file" onchange="$E('uploadCSSButton').dom.disabled = false;">
  45                 <input id="uploadCSSButton" disabled type="submit" value="${ _("Upload stylesheet")}">
  46             </form>
  47         </td>
  48     </tr>
  49
  50
  51
  52
  53     <tr>
  54         <td colspan="2">
  55
  56             <a name="colors"></a>
  57
  58             <div class="groupTitle">${ _("Color customization")}</div>
  59         </td>
  60     </tr>
  61
  62     <tr>
  63         <td class="dataCaptionTD">
  64             <span class="dataCaptionFormat">${ _("Conference header text color") }</span>
  65         </td>
  66         <td class="blacktext" style="width: 100%">
  67             ${ formatTitleTextColor }
  68         </td>
  69     </tr>
  70     <tr>
  71         <td class="dataCaptionTD">
  72             <span class="dataCaptionFormat">${ _("Conference header background color") }</span>
  73         </td>
  74         <td class="blacktext" style="width: 100%">
  75             ${ formatTitleBgColor }
  76         </td>
  77     </tr>
  78
  79
  80
  81
  82     <tr>
  83         <td colspan="2">
  84             <a name="logo"></a>
  85
  86             <div class="groupTitle">${ _("Conference logo")}</div>
  87         </td>
  88     </tr>
  89
  90     <tr>
  91         <td class="dataCaptionTD">
  92             <span class="dataCaptionFormat">${ _("Upload a logo") }</span>
  93         </td>
  94         <td class="blacktext" style="width: 100%">
  95             <form action="${ saveLogo }" method="POST" ENCTYPE="multipart/form-data">
  96                 <input name="file" type="file" onchange="$E('uploadLogoButton').dom.disabled = false;">
  97                 <input type="submit" id="uploadLogoButton" disabled value="${ _("Upload logo")}">
  98             </form>
  99         </td>
 100     </tr>
 101     <tr>
 102         <td class="dataCaptionTD">
 103             <span class="dataCaptionFormat">${ _("Preview")}</span>
 104         </td>
 105         <td class="blacktext" style="width: 100%">
 106             ${ logo }${ removeLogo }
 107         </td>
 108     </tr>
 109
 110     <tr>
 111         <td colspan="2">
 112             <a name="logo"></a>
 113
 114             <div class="groupTitle">${ _("Page Footer")}</div>
 115         </td>
 116     </tr>
 117
 118     <tr>
 119         <td class="dataCaptionTD">
 120             <span class="dataCaptionFormat">${ _("Social bookmarks") }</span>
 121         </td>
 122         <td class="blacktext" id="social_bookmarks">
 123         </td>
 124     </tr>
 125
 126 </table>
 127 </div>
 128
 129 <script type="text/javascript">
 130 $(function() {
 131     var button = new RemoteSwitchButton(${conf.getDisplayMgr().getShowSocialApps()|n,j},
 132                                         Html.img({src:'${systemIcon('enabledSection')}'}),
 133                                         Html.img({src:'${systemIcon('disabledSection')}'}),
 134                                         'event.social.toggle', 'event.social.toggle',
 135                                         {conference: ${conf.getId()|n,j}});
 136     $E('social_bookmarks').set(button.draw());
 137 });
 138 </script>