You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

200 lines
8.4 KiB

  1. <div class="tabelem padded" title="{$c->t('Configuration')}" id="config" >
  2. <a
  3. class="button color orange icon user"
  4. href="{$c->route('nodeconfig', array($me,'urn:xmpp:microblog:0'))}"
  5. style="float: right;">
  6. {$c->t('Feed Configuration')}
  7. </a>
  8. <div class="clear"></div>
  9. <form enctype="multipart/form-data" method="post" action="index.php" name="general">
  10. <fieldset>
  11. <legend>{$c->t('General')}</legend>
  12. <div class="element">
  13. <label for="language">{$c->t('Language')}</label>
  14. <div class="select">
  15. <select name="language" id="language">
  16. <option value="en">English (default)</option>
  17. {loop="languages"}
  18. {if="$key == $conf"}
  19. <option
  20. value="{$key}"
  21. selected="selected">
  22. {$value}
  23. </option>
  24. {else}
  25. <option
  26. value="{$key}">
  27. {$value}
  28. </option>
  29. {/if}
  30. {/loop}
  31. </select>
  32. </div>
  33. </div>
  34. <div class="element">
  35. <label>{$c->t('Enable the chatbox ?')}</label>
  36. <div class="checkbox">
  37. <input type="checkbox" id="chatbox" name="chatbox" {$chatbox}/>
  38. <label for="chatbox"></label>
  39. </div>
  40. </div>
  41. </fieldset>
  42. <fieldset>
  43. <legend>{$c->t('Appearence')}</legend>
  44. <div class="element">
  45. <label for="color">{$c->t('Background color')}</label>
  46. <a
  47. type="button"
  48. onclick="
  49. document.querySelector('input[name=color]').value = '32434D';
  50. document.body.style.backgroundColor = '#32434D';"
  51. style="width: 45%; float: right;"
  52. class="button icon color purple back">
  53. {$c->t('Reset')}
  54. </a>
  55. <input
  56. style="box-shadow: none; width: 50%; float: left;"
  57. name="color"
  58. class="color"
  59. onchange="document.body.style.backgroundColor = '#'+this.value;"
  60. value="
  61. {if="isset($color)"}
  62. {$color}
  63. {else}
  64. 082D50
  65. {/if}
  66. ">
  67. </div>
  68. <div class="element">
  69. <label for="size">{$c->t('Font size')}</label>
  70. <a
  71. type="button"
  72. onclick="
  73. var slide = document.querySelector('input[name=size]')
  74. slide.value = 14;
  75. slide.onchange();"
  76. style="width: 30%; float: right;"
  77. class="button icon color purple back">
  78. {$c->t('Reset')}
  79. </a>
  80. <span>
  81. 12
  82. <input
  83. id="slide"
  84. type="range"
  85. min="12"
  86. max="16"
  87. step="0.5"
  88. value="
  89. {if="isset($size)"}
  90. {$size}
  91. {else}
  92. 14
  93. {/if}
  94. "
  95. name="size"
  96. style="width: 45%;"
  97. onchange="
  98. document.body.style.fontSize = this.value+'px';
  99. document.querySelector('#currentsize').innerHTML = this.value+'px'";
  100. />
  101. 16
  102. </span>
  103. <span id="currentsize">
  104. {if="isset($size)"}
  105. {$size}
  106. {else}
  107. 14
  108. {/if}
  109. px
  110. </span>
  111. </div>
  112. <div class="element large">
  113. <label for="pattern">{$c->t('Pattern')}</label>
  114. <input type="radio" name="pattern" id="argyle" value="argyle"/>
  115. <label for="argyle"><span></span>
  116. <div class="preview argyle"
  117. style="background-color: #6d695c;"></div>
  118. </label>
  119. <input type="radio" name="pattern" id="default" value="default"/>
  120. <label for="default"><span></span>
  121. <div class="preview default"
  122. style="background-color: #082D50;;"></div>
  123. </label>
  124. <input type="radio" name="pattern" id="tableclothe" value="tableclothe"/>
  125. <label for="tableclothe"><span></span>
  126. <div class="preview tableclothe"
  127. style="background-color: rgba(200, 0, 0, 1);"></div>
  128. </label>
  129. <input type="radio" name="pattern" id="blueprint" value="blueprint"/>
  130. <label for="blueprint"><span></span>
  131. <div class="preview blueprint"
  132. style="background-color:#269;"></div>
  133. </label>
  134. <input type="radio" name="pattern" id="cicada" value="cicada"/>
  135. <label for="cicada"><span></span>
  136. <div class="preview cicada"
  137. style="background-color: #026873;"></div>
  138. </label>
  139. <input type="radio" name="pattern" id="stripes" value="stripes"/>
  140. <label for="stripes"><span></span>
  141. <div class="preview stripes"
  142. style="background-color: orange;"></div>
  143. </label>
  144. <input type="radio" name="pattern" id="stars" value="stars"/>
  145. <label for="stars"><span></span>
  146. <div class="preview stars"
  147. style="background-color:black; background-size: 100px 100px;"></div>
  148. </label>
  149. <input type="radio" name="pattern" id="paper" value="paper"/>
  150. <label for="paper"><span></span>
  151. <div class="preview paper"
  152. style="background-color: #23343E;"></div>
  153. </label>
  154. <input type="radio" name="pattern" id="tartan" value="tartan"/>
  155. <label for="tartan"><span></span>
  156. <div class="preview tartan"
  157. style="background-color: hsl(2, 57%, 40%);"></div>
  158. </label>
  159. <input type="radio" name="pattern" id="empty" value=""/>
  160. <label for="empty"><span></span>
  161. <div class="preview empty"
  162. style="background-color: white;"></div>
  163. </label>
  164. </div>
  165. </fieldset>
  166. <br />
  167. <hr />
  168. <!--<label id="lock" for="soundnotif">{$c->t('Enable Sound Notification:'); ?></label>
  169. <input type="checkbox" name="soundnotif" value="soundnotif" checked="checked" /><br /> -->
  170. <!--<input value="{$c->t('Submit'); ?>" onclick="<?php echo $submit; ?>" type="button" class="button icon yes merged right" style="float: right;">
  171. <input type="reset" value="{$c->t('Reset'); ?>" class="button icon no merged left" style="float: right;">-->
  172. <br />
  173. <a
  174. onclick="{$submit}"
  175. type="button"
  176. class="button icon yes color green"
  177. style="float: right;">
  178. {$c->t('Submit')}
  179. </a>
  180. <!--<a type="reset" value="{$c->t('Reset'); ?>" class="button icon no merged left" style="float: right;">-->
  181. </p>
  182. </form>
  183. <br /><br />
  184. <div class="message info">{$c->t("This configuration is shared wherever you are connected !")}</div>
  185. </div>