camaleon_cms 0.0.1

data/app/views/admin/users/profile/_activity.html.erb

@@ -0,0 +1,180 @@
+
+
+
+<!-- START TIMELINE -->
+<div class="timeline timeline-right">
+
+  <!-- START TIMELINE ITEM -->
+  <div class="timeline-item timeline-main">
+    <div class="timeline-date">Today</div>
+  </div>
+  <!-- END TIMELINE ITEM -->
+
+  <!-- START TIMELINE ITEM -->
+  <div class="timeline-item timeline-item-right">
+    <div class="timeline-item-info">21:37</div>
+    <div class="timeline-item-icon"><span class="fa fa-users"></span></div>
+    <div class="timeline-item-content">
+      <div class="timeline-heading" style="padding-bottom: 10px;">
+        <img src="/assets/users/user1.jpg"/>
+        <a href="#">Nadia Ali</a> added to friends
+        <img src="/assets/users/user.jpg"/>
+        <img src="/assets/users/user.jpg"/>
+        <img src="/assets/users/user.jpg"/>
+      </div>
+      <div class="timeline-body comments">
+        <div class="comment-item">
+          <img src="/assets/users/user.jpg"/>
+          <p class="comment-head">
+            <a href="#">Dmitry Ivaniuk</a> <span class="text-muted">@Aqvatarius</span>
+          </p>
+          <p>Thank you so much... I would like to meet you :)</p>
+          <small class="text-muted">15min ago</small>
+        </div>
+        <div class="comment-item">
+          <img src="/assets/users/user1.jpg"/>
+          <p class="comment-head">
+            <a href="#">Nadia Ali</a> <span class="text-muted">@nadiaAli</span>
+          </p>
+          <p>Sure, i will contact you ;)</p>
+          <small class="text-muted">16min ago</small>
+        </div>
+        <div class="comment-write">
+          <textarea class="form-control" placeholder="Write a comment" rows="1"></textarea>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- END TIMELINE ITEM -->
+
+  <!-- START TIMELINE ITEM -->
+  <div class="timeline-item timeline-item-right">
+    <div class="timeline-item-info">20:23</div>
+    <div class="timeline-item-icon"><span class="fa fa-reply"></span></div>
+    <div class="timeline-item-content">
+      <div class="timeline-heading padding-bottom-0">
+        <img src="/assets/users/user.jpg"/> <a href="#">John Doe</a> posted article <a href="#">How to...?</a>
+      </div>
+      <div class="timeline-body">
+        <img src="/assets/gallery/nature-6.jpg" width="200" class="img-text" align="left"/>
+        <h4>Lorem ipsum dolor</h4>
+        <p>Aenean ultricies condimentum pellentesque. Maecenas pulvinar arcu vel tortor aliquet commodo. Phasellus dapibus nisl quis nunc pharetra, id lobortis arcu sagittis. Nunc facilisis nibh non diam dictum, vitae iaculis tellus egestas. Curabitur vitae dui tempus, tempus metus vitae, cursus nunc. In cursus odio vitae metus commodo, in posuere ante varius.</p>
+        <p>Mauris sodales faucibus est, eu consequat dolor tristique in. Quisque at lacus sed ligula semper iaculis. In eu imperdiet ipsum. Ut vestibulum ornare venenatis.</p>
+        <ul class="list-tags push-up-10">
+          <li><a href="#"><strong>#</strong>tempor</a></li>
+          <li><a href="#"><strong>#</strong>eros</a></li>
+          <li><a href="#"><strong>#</strong>suspendisse</a></li>
+          <li><a href="#"><strong>#</strong>dolor</a></li>
+        </ul>
+      </div>
+      <div class="timeline-footer">
+        <a href="#">Details</a>
+        <div class="pull-right">
+          <a href="#"><span class="fa fa-comments"></span> 35</a>
+          <a href="#"><span class="fa fa-eye"></span> 1,432</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- END TIMELINE ITEM -->
+
+  <!-- START TIMELINE ITEM -->
+  <div class="timeline-item timeline-main">
+    <div class="timeline-date">Yesterday</div>
+  </div>
+  <!-- END TIMELINE ITEM -->
+
+  <!-- START TIMELINE ITEM -->
+  <div class="timeline-item timeline-item-right">
+    <div class="timeline-item-info">20:23</div>
+    <div class="timeline-item-icon"><span class="fa fa-info-circle"></span></div>
+    <div class="timeline-item-content">
+      <div class="timeline-heading padding-bottom-0">
+        <img src="/assets/users/user1.jpg"/> <a href="#">Nadia Ali</a> changed status to:
+      </div>
+      <div class="timeline-body">
+        <i>Peace Will Come, This World Will Rest, Once We Have Togetherness</i>
+      </div>
+    </div>
+  </div>
+  <!-- END TIMELINE ITEM -->
+
+  <!-- START TIMELINE ITEM -->
+  <div class="timeline-item timeline-item-right">
+    <div class="timeline-item-info">18:34</div>
+    <div class="timeline-item-icon"><span class="fa fa-photo"></span></div>
+    <div class="timeline-item-content">
+      <div class="timeline-heading">
+        <img src="/assets/users/user1.jpg"/> <a href="#">Nadia Ali</a> added images to gallery
+      </div>
+      <div class="timeline-body">
+        <div class="row">
+          <div class="col-md-3">
+            <a href="#">
+              <img src="/assets/gallery/nature-7.jpg" class="img-responsive img-text"/>
+            </a>
+          </div>
+          <div class="col-md-3">
+            <a href="#">
+              <img src="/assets/gallery/music-4.jpg" class="img-responsive img-text"/>
+            </a>
+          </div>
+          <div class="col-md-3">
+            <a href="#">
+              <img src="/assets/gallery/nature-7.jpg" class="img-responsive img-text"/>
+            </a>
+          </div>
+          <div class="col-md-3">
+            <a href="#">
+              <img src="/assets/gallery/nature-7.jpg" class="img-responsive img-text"/>
+            </a>
+          </div>
+        </div>
+        <ul class="list-tags push-up-10">
+          <li><a href="#"><strong>#</strong>tempor</a></li>
+          <li><a href="#"><strong>#</strong>eros</a></li>
+          <li><a href="#"><strong>#</strong>suspendisse</a></li>
+          <li><a href="#"><strong>#</strong>dolor</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  <!-- END TIMELINE ITEM -->
+
+  <!-- START TIMELINE ITEM -->
+  <div class="timeline-item timeline-item-right">
+    <div class="timeline-item-info">15:21</div>
+    <div class="timeline-item-icon"><span class="fa fa-users"></span></div>
+    <div class="timeline-item-content">
+      <div class="timeline-heading" style="padding-bottom: 10px;">
+        <img src="/assets/users/user1.jpg"/>
+        <a href="#">Nadia Ali</a> added to friends
+        <img src="/assets/users/user.jpg"/>
+        <img src="/assets/users/user.jpg"/>
+        <img src="/assets/users/user1.jpg"/>
+      </div>
+      <div class="timeline-body comments">
+        <div class="comment-item">
+          <img src="/assets/users/user.jpg"/>
+          <p class="comment-head">
+            <a href="#">Darth Vader</a> <span class="text-muted">@darthvader</span>
+          </p>
+          <p>Hello, honey!</p>
+          <small class="text-muted">15min ago</small>
+        </div>
+        <div class="comment-write">
+          <textarea class="form-control" placeholder="Write a comment" rows="1"></textarea>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- END TIMELINE ITEM -->
+
+
+  <!-- START TIMELINE ITEM -->
+  <div class="timeline-item timeline-main">
+    <div class="timeline-date"><a href="#"><span class="fa fa-ellipsis-h"></span></a></div>
+  </div>
+  <!-- END TIMELINE ITEM -->
+</div>
+<!-- END TIMELINE -->

data/app/views/admin/users/profile/_settings.html.erb

@@ -0,0 +1,15 @@
+<div class="panel panel-default">
+  <div class="panel-heading">
+    <h3 class="panel-title">Settings</h3>
+    <ul class="panel-controls">
+      <!--<li><a href="#" class="panel-fullscreen"><span class="fa fa-expand"></span></a></li>-->
+      <li><a href="#" class="panel-collapse"><span class="fa fa-angle-down"></span></a></li>
+    </ul>
+  </div>
+  <div class="panel-body">
+    Content settings
+  </div>
+  <div class="panel-footer">
+    <button class="btn btn-primary pull-right">Send</button>
+  </div>
+</div>

data/app/views/admin/users/profile_edit.html.erb

@@ -0,0 +1,305 @@
+<%
+   @plugin = current_site.plugins.where(slug: "social_login").first
+%>
+<!-- PAGE TITLE -->
+<div class="page-title">
+  <h2><span class="fa fa-cogs"></span> <%= t('admin.users.edit_profile')%></h2>
+</div>
+<!-- END PAGE TITLE -->
+
+<!-- PAGE CONTENT WRAPPER -->
+<div class="page-content-wrap">
+
+  <div class="row">
+    <div class="col-md-3 col-sm-4">
+
+      <%= form_for @user, url: admin_profile_edit_path, html:{class: 'validate-profile form-horizontal form-ajax-profile'} do |f| %>
+
+        <div class="panel panel-default">
+          <div class="panel-body">
+            <h3><span class="fa fa-user"></span> <%= @user.the_name %></h3>
+            <p><%= @user.the_slogan %></p>
+            <div class="text-center" id="user_image">
+              <img src="<%= @user.the_avatar %>" class="img-thumbnail"/>
+            </div>
+          </div>
+          <div class="panel-body form-group-separated">
+
+            <div class="form-group">
+              <div class="col-md-12 col-xs-12">
+                <a href="#" class="btn btn-primary btn-block btn-rounded" data-toggle="modal" data-target="#modal_change_photo"><%= t('admin.button.change_photo')%></a>
+              </div>
+            </div>
+
+            <div class="form-group">
+              <label class="col-md-4 col-xs-6 control-label">#<%= t('admin.table.id')%></label>
+              <div class="col-md-8 col-xs-6">
+                <input type="text" value="<%= @user.the_id %>" class="form-control" disabled/>
+              </div>
+            </div>
+
+            <div class="form-group">
+              <label class="col-md-4 col-xs-6 control-label"><%= t('admin.table.login')%></label>
+              <div class="col-md-8 col-xs-6">
+                <input type="text" name="user[username]" value="<%= @user.username %>" class="form-control"/>
+              </div>
+            </div>
+
+            <div class="form-group">
+              <label class="col-md-4 col-xs-6 control-label"><%= t('admin.table.e_mail')%></label>
+              <div class="col-md-8 col-xs-6">
+                <input type="text" name="user[email]"  value="<%= @user.email %>" class="form-control"/>
+              </div>
+            </div>
+
+            <div class="form-group">
+              <div class="col-md-12 col-xs-12">
+                <button type="submit" class="btn btn-success btn-block" ><%= t('admin.button.update') %></button>
+              </div>
+            </div>
+
+            <div class="form-group">
+              <div class="col-md-12 col-xs-12">
+                <a href="#" class="btn btn-danger btn-block btn-rounded" data-toggle="modal" data-target="#modal_change_password"><%= t('admin.button.change_password') %></a>
+              </div>
+            </div>
+
+          </div>
+
+        </div>
+
+     <% end %>
+
+    </div>
+    <div class="col-md-6 col-sm-8">
+
+      <%= form_for @user, url: admin_profile_edit_path, html:{class: 'validate-profile form-horizontal form-ajax-profile'} do |f| %>
+        <div class="panel panel-default">
+          <div class="panel-body">
+            <h3><span class="fa fa-pencil"></span> <%= t('admin.users.profile') %></h3>
+
+          </div>
+          <div class="panel-body form-group-separated">
+
+
+            <%
+               data_meta = @user.meta
+               User::meta_default[:fields].each do |field, values| %>
+
+                <div class="form-group">
+                  <label class="col-md-3 col-xs-5 control-label">
+                      <%= t("admin.table.#{values[:label].gsub(' ','').tableize}")%>
+                  </label>
+                  <div class="col-md-9 col-xs-7">
+                    <input type="text" name="<%=  "meta[#{field}]" %>" value="<%= data_meta[field] %>" class="form-control"/>
+                  </div>
+                </div>
+            <% end %>
+
+            <div class="form-group">
+              <label class="col-md-3 col-xs-5 control-label"><%= t('admin.table.slogan') %></label>
+              <div class="col-md-9 col-xs-7">
+                <textarea name="meta[slogan]" class="form-control"><%= @user.meta[:slogan] %></textarea>
+
+              </div>
+            </div>
+          </div>
+          <div class="panel-footer text-right">
+            <button class="btn btn-success"><%= t('admin.button.update') %></button>
+          </div>
+        </div>
+      <% end  %>
+
+
+    </div>
+
+    <div class="col-md-3">
+      <div class="panel panel-default form-horizontal">
+        <div class="panel-body">
+          <h3><span class="fa fa-info-circle"></span> <%= t('admin.table.quick_info')%></h3>
+          <p><%= t('admin.message.quick_info')%></p>
+        </div>
+        <div class="panel-body form-group-separated">
+          <div class="form-group">
+            <label class="col-md-4 col-xs-5 control-label"><%= t('admin.table.last_visit')%></label>
+            <div class="col-md-8 col-xs-7 line-height-30"><%= @user.last_login_at %></div>
+          </div>
+          <div class="form-group">
+            <label class="col-md-4 col-xs-5 control-label"><%= t('admin.table.registration')%></label>
+            <div class="col-md-8 col-xs-7 line-height-30"><%= @user.created_at %></div>
+          </div>
+
+        </div>
+
+      </div>
+        <% if @plugin.present? && @plugin.active? %>
+            <% if current_site.get_option('has_twitter', true) || current_site.get_option('has_facebook', true) || current_site.get_option('has_google', true) %>
+            <!-- start social login -->
+                <% r = {html: ""}; hooks_run("user_form_social", r) %>
+                <%= raw r[:html] %>
+            <!-- end social login-->
+            <% end %>
+        <% end %>
+
+
+
+    </div>
+
+  </div>
+
+
+</div>
+<!-- END PAGE CONTENT WRAPPER -->
+
+
+<!-- MODALS -->
+<div class="modal animated fadeIn" id="modal_change_photo" tabindex="-1" role="dialog" aria-labelledby="smallModalHead" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only"><%= t('admin.button.close') %></span></button>
+        <h4 class="modal-title" id="smallModalHead"><%= t('admin.button.change_photo') %></h4>
+      </div>
+      <form id="cp_crop" method="post" action="<%= admin_crop_path({saved_avatar: @user.id}) %>">
+        <div class="modal-body">
+          <div class="text-center" id="cp_target"><%= t('admin.message.change_photo') %></div>
+          <input type="hidden" name="cp_img_path" id="cp_img_path"/>
+          <input type="hidden" name="ic_x" id="ic_x"/>
+          <input type="hidden" name="ic_y" id="ic_y"/>
+          <input type="hidden" name="ic_w" id="ic_w"/>
+          <input type="hidden" name="ic_h" id="ic_h"/>
+          <input type="hidden" name="ic_resize" id="ic_resize"/>
+        </div>
+      </form>
+        <div class="modal-body form-horizontal form-group-separated">
+          <div class="form-group">
+            <label class="col-md-4 control-label"><%= t('admin.users.new_photo') %></label>
+            <div class="col-md-4">
+              <a id="cp_photo" class="btn btn-info" href="#"><%= t('admin.button.select_file') %></a>
+            </div>
+          </div>
+        </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-success disabled" id="cp_accept"><%= t('admin.button.accept') %></button>
+        <button type="button" class="btn btn-default" data-dismiss="modal"><%= t('admin.button.close') %></button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="modal animated fadeIn" id="modal_change_password" tabindex="-1" role="dialog" aria-labelledby="smallModalHead" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only"><%= t('admin.button.close') %></span></button>
+        <h4 class="modal-title" id="smallModalHead"><%= t('admin.button.change_password') %></h4>
+      </div>
+      <div class="modal-body">
+        <p><%= t('admin.message.change_password') %></p>
+      </div>
+      <%= form_for @user, url: admin_profile_edit_path, html:{class: 'validate-password form-ajax-password'} do |f| %>
+          <div class="modal-body form-horizontal form-group-separated">
+            <div class="form-group">
+              <label class="col-md-3 control-label"><%= t('admin.table.old_password') %></label>
+              <div class="col-md-9">
+                <input type="password" class="form-control required" name="password[password_old]"/>
+              </div>
+            </div>
+            <div class="form-group">
+              <label class="col-md-3 control-label"><%= t('admin.table.new_password') %></label>
+              <div class="col-md-9">
+                <input id="pass_new" type="password" class="form-control required" name="password[password]"/>
+              </div>
+            </div>
+            <div class="form-group">
+              <label class="col-md-3 control-label"><%= t('admin.table.repeat_new') %></label>
+              <div class="col-md-9">
+                <input type="password" class="form-control required" name="password[password_confirmation]" equalTo="#pass_new"/>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <button type="submit" class="btn btn-danger"><%= t('admin.button.proccess') %></button>
+            <button type="button" class="btn btn-default" data-dismiss="modal"><%= t('admin.button.close') %></button>
+          </div>
+      <% end %>
+    </div>
+  </div>
+</div>
+<!-- EOF MODALS -->
+
+
+<% add_asset_library('form_ajax', 'cropper') %>
+
+<script>
+    run.push(function(){
+
+        $('.form-ajax-profile').ajaxForm({success: function(res){
+            if(res.errors){
+                $.fn.alert({type: 'error', title: lang.msg_form_error, content: res.errors, icon: 'times', close: lang.close});
+            }else{
+                $.fn.alert({ title: lang.message_updated_success, close: lang.close});
+            }
+        }})
+        $('.form-ajax-password').ajaxForm({success: function(res){
+            if(res.errors){
+                $.fn.alert({type: 'error', title: lang.msg_form_error, content: res.errors, icon: 'times', close: lang.close});
+            }else{
+                $.fn.alert({ title: lang.message_updated_success, close: lang.close});
+                $("#modal_change_password").modal('hide')
+            }
+        }})
+
+
+        function onSuccess(){
+            $("#cp_photo").parent("a").find("span").html("Choose another photo");
+
+            var img = $("#cp_target").find("#crop_image")
+
+            if(img.length === 1){
+                $("#cp_img_path").val(img.attr("src"));
+
+                img.cropper({aspectRatio: 1,
+                    done: function(data) {
+                        $("#ic_x").val(data.x);
+                        $("#ic_y").val(data.y);
+                        $("#ic_h").val(data.height);
+                        $("#ic_w").val(data.width);
+                    }
+                });
+
+                $("#cp_accept").prop("disabled",false).removeClass("disabled");
+                $("#cp_crop").css({"width":"400px","margin":"0px auto"});
+                $("#cp_crop").find('.modal-body').css({"max-height":"400px","overflow":"auto"});
+                $("#cp_accept").on("click",function(){
+                    $("#user_image").html('<img src="/assets/loader.gif"/>');
+                    $("#modal_change_photo").modal("hide");
+
+                    $("#cp_crop").ajaxForm({success: function(res){
+                        $("#user_image").html('<img class="img-thumbnail" src="'+res+'?r='+Math.random()+'"/>');
+                        $.fn.alert({ title: lang.msg_avatar_updated, close: lang.close});
+                    }}).submit();
+                    $("#cp_target").html("Use form below to upload file. Only image files.");
+                    $("#cp_photo").val("").parent("a").find("span").html("Select file");
+                    $("#cp_accept").prop("disabled",true).addClass("disabled");
+                    $("#cp_img_path").val("");
+                });
+            }
+        }
+
+        $("#cp_photo").on("click",function(){
+            $.fn.upload_elfinder({
+                selected: function(res){
+                    var image = _.first(res);
+                    if(image.mime && image.mime.indexOf('image') > -1){
+                        $("#cp_target").html("<img id='crop_image' src='"+image.url+"' >");
+                        onSuccess()
+                    }else{
+                        alert("File extension not allowed")
+                    }
+                }
+            });
+        });
+
+    });
+</script>