first version of phpfreechat-mini theme

Author: kerphi

client/pfc-init.js

@@ -30,6 +30,7 @@ var phpFreeChat = (function (pfc, $, window, undefined) {
     // load the interface
     pfc.loadHTML();
     pfc.loadResponsiveBehavior();
+    pfc.loadThemeUI();
 
     // run quick tests
     pfc.checkServerConfig(pfc.startChatLogic);
@@ -81,7 +82,7 @@ var phpFreeChat = (function (pfc, $, window, undefined) {
    * Test the rewrite rules are enabled on the server
    */
   pfc.checkServerConfigRewrite = function (next) {
-    var err_rewrite_msg = 'mod_rewrite must be enabled server side and correctly configured. "RewriteBase" could be adjusted in server/.htaccess file.';
+    var err_rewrite_msg = '.htaccess must be allowed on your server (AllowOverride All) and mod_rewrite must be enabled on your server and correctly configured ("RewriteBase" could be adjusted in server/.htaccess file)';
     $.ajax({
       type: 'GET',
       url:  pfc.options.serverUrl + '/status'
@@ -342,7 +343,7 @@ var phpFreeChat = (function (pfc, $, window, undefined) {
 
   /**
    * For mobile ergonomics
-   **/
+   */
   pfc.loadResponsiveBehavior = function () {
     var elt_tabs     = $(".pfc-tabs");
     var elt_users    = $(".pfc-users");
@@ -470,6 +471,23 @@ var phpFreeChat = (function (pfc, $, window, undefined) {
   };
 
 
+  /**
+   * Load specific javascript defined by the theme
+   */
+  pfc.loadThemeUI = function () {
+    $('link').each(function (i, link) {
+      var href = $(link).attr('href');
+      if (new RegExp("\/client\/themes\/").test(href)) {
+        var base_url = href.replace(/[^\/]+$/, '');
+        var theme_ui_url = base_url + 'theme.js';
+        $.ajax({
+          url: theme_ui_url,
+          dataType: "script",
+          cache: true
+        });
+      }
+    });
+  };
 
   return pfc;
 }(phpFreeChat || {}, jQuery, window));

client/pfc-utils.js

@@ -28,7 +28,9 @@ fromCharCode(r>>6|192),t+=String.fromCharCode(r&63|128)):(t+=String.fromCharCode
    * Todo: make it a jquery plugin
    */
   pfc.modalbox = {
+    isopen: false,
     open: function (html) {
+      this.isopen = true;
       html = $(html);
       $('div.pfc-modal-box *').remove();
       $('div.pfc-modal-box').append(html).fadeIn();
@@ -42,6 +44,7 @@ fromCharCode(r>>6|192),t+=String.fromCharCode(r&63|128)):(t+=String.fromCharCode
       return html;
     },
     close: function (now) {
+      this.isopen = false;
       if (now) {
         $('div.pfc-modal-box').hide();
         $('div.pfc-modal-overlay').hide();
@@ -61,6 +64,6 @@ fromCharCode(r>>6|192),t+=String.fromCharCode(r&63|128)):(t+=String.fromCharCode
       }).trigger('resize');
     }
   };
-
+  
   return pfc;
 }(phpFreeChat || {}, jQuery, window));

client/themes/carbon/theme.js

@@ -0,0 +1,14 @@
+/**
+ * Specific javascript for the current theme
+ */
+$(document).ready(function() {
+  // the phpfreechat jquery plugin instance
+  var pfc = phpFreeChat;
+  
+  // do what you need, you can for example:
+  // - inject HTML into the chat structure
+  // ex: $(pfc.element).find('.pfc-content').wrap('<div class="pfc-theme-wrapper" />');
+  // - add ergonomics effects to the DOM (ex: new event handlers)
+  // - ...
+
+});

client/themes/default/theme.js

@@ -0,0 +1,14 @@
+/**
+ * Specific javascript for the current theme
+ */
+$(document).ready(function() {
+  // the phpfreechat jquery plugin instance
+  var pfc = phpFreeChat;
+  
+  // do what you need, you can for example:
+  // - inject HTML into the chat structure
+  // ex: $(pfc.element).find('.pfc-content').wrap('<div class="pfc-theme-wrapper" />');
+  // - add ergonomics effects to the DOM (ex: new event handlers)
+  // - ...
+
+});

client/themes/gamer/theme.js

@@ -0,0 +1,14 @@
+/**
+ * Specific javascript for the current theme
+ */
+$(document).ready(function() {
+  // the phpfreechat jquery plugin instance
+  var pfc = phpFreeChat;
+  
+  // do what you need, you can for example:
+  // - inject HTML into the chat structure
+  // ex: $(pfc.element).find('.pfc-content').wrap('<div class="pfc-theme-wrapper" />');
+  // - add ergonomics effects to the DOM (ex: new event handlers)
+  // - ...
+
+});