PageRenderTime 53ms CodeModel.GetById 27ms RepoModel.GetById 0ms app.codeStats 0ms

/option1/application/views/pages/collection.php

https://gitlab.com/akanshagupta/jigglylanding
PHP | 275 lines | 234 code | 22 blank | 19 comment | 7 complexity | fe7bd25ccd5f0c4de15e6be8d76fef0f MD5 | raw file
    

  1. <?php 
    2. 

  2. //$products=$user_data;
    3. 

  3. //$products=$mytimeline;
    4. 

  4. //print_r($products); exit;
    5. 

  5.  //print_r($user_val); exit;
    6. 

  6. 

  7. 

  8.  //print_r($mytimeline); //print_r($user_detail);
    9. 

  9. //  echo count($user_data)."ashishi";
    10. 

  10. /*for($i=0;$i<count($user_data);$i++){
    11. 

    12. 

  12.       for($j=0;$j<count($user_data[$i]);$j++)
    13. 

  13.       {
    14. 

  14.         //echo $user_data[$i][$j]['product_Name']."<br>";
    15. 

  15.       }
    16. 

  16. }
    17. 

  17. */
    18. 

  18. //print_r($collection_productid );exit;
    19. 

  19. ?>
    20. 

  20.           <style type="text/css">
    21. 

  21.                 #image-preview{
    22. 

  22.                   display:none;
    23. 

  23.                   width : 250px;
    24. 

  24.                   height : 300px;
    25. 

  25.               }
    26. 

  26.           </style>
    27. 

  27.           
    28. 

  28. <link href="<?php echo base_url(); ?>content/css/jquery.mCustomScrollbar.css" rel="stylesheet">
    29. 

  29. <script src="<?php echo base_url(); ?>content/js/jquery.mCustomScrollbar.js"></script>
    30. 

  30. 

  31.  <div id="meimg" style="display: none;"></div>
    32. 

  32.     <div id="files"></div>
    33. 

  33.     <div id="thumb" height="100px" width="100px"></div>
    34. 

  34. <!--profile-pg-con -->
    35. 

  35. <div class="profile-pg col-lg-12 col-md-12 col-sm-12 col-xs-12 nopadding">
    36. 

  36.   <div class="container-fluid">
    37. 

  37.     <div class="row">
    38. 

  38.       <div class="profile-pg-con collection-hm col-lg-10 col-md-10 col-sm-11 col-xs-11 nopadding">
    39. 

  39.           <!--left sidepar profile info -->
    40. 

  40.           <div class="profile-home-info col-lg-3 col-md-3 col-sm-3 col-xs-12" style="display:none;">
    41. 

  41.             <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 nopadding">
    42. 

  42.               <?php if($user_detail[0]['profile_picture'] == ''){ ?>
    43. 

  43.       <img src="<?php echo base_url(); ?>content/images/icons/user.png" class="img-responsive">
    44. 

  44.       <?php } else{ ?> <span class="profile-img1" style="background: url(<?php echo base_url(); ?><?php echo $user_detail[0]['profile_picture']; ?>);"> </span>
    45. 

  45.         
    46. 

  46.         <?php } ?>
    47. 

  47.             </div>
    48. 

  48. 

  49.              <span class="col-lg-8 col-md-8 col-sm-8 col-xs-8 nopadding"> Hello, <?php echo $user_detail[0]['firstname']; ?></span>
    50. 

  50.           </div> <!--/profile-home-info -->
    51. 

  51.           <div class="profile-tab-panel col-lg-12 col-md-12 col-sm-12 col-xs-12">
    52. 

  52.                  <ul  class="nav nav-pills">
    53. 

  53. 

  54.                      <?php /*?> <li class="upload-sectn" id="posting_data"> <form method="post" action="http://rigalio.com/x/no_access/upload/upload_file" id="upload_file"> <input type="text" name="post" id="post1" value="" placeholder="Post a status or upload an image" class="textbox1">
    55. 

  55.                        <a class="post-status"><span id="post_comment" class="icomoon icon-send"></span></a> <a class="upload-btn" data-toggle="modal" data-target="#img-upload-pop"><span><i class="fa fa-camera"></i></span> </a>
    56. 

  56.                        
    57. 

  57.                      </form></li><?php */?>
    58. 

  58.                     	<li class="tab1"><a href="<?php echo base_url(); ?>home"><span class="home-icon"></span></a></li>
    59. 

  59.                         <li class="tab2"><a href="<?php echo base_url(); ?>timeline"><span class="timeline-icon"></span></a></li>
    60. 

  60.                         <li class=" tab2 active"><a href="<?php echo base_url(); ?>collection"><span class="collection-icon"></span></a></li>
    61. 

  61.                  </ul>
    62. 

  62.           </div> <!--/category-tab-panel -->
    63. 

  63.           <!--home page content -->
    64. 

  64.           <!--right sidepar profile info -->
    65. 

  65.           <div class="profile-blocks col-lg-12 col-md-12 col-sm-12 col-xs-12 nopadding">
    66. 

  66.            <div id="myTabContent2" class="tab-content">    
    67. 

  67.               
    68. 

  68.                
    69. 

  69.                 <div class="collection-con tab-pane fade active in" id="collection">
    70. 

  70. <div class="col-lg-12 nopadding gobacksec"></div>
    71. 

  71.                   <div class="collection-home">
    72. 

  72.                     <div class="collection-tagline col-lg-12 col-md-12 col-sm-12 col-xs-12">
    73. 

  73.                         <div class="col-lg-3 col-md-3 col-sm-6 nopadding"></div>
    74. 

  74.                         <div class="col-lg-6 col-md-6 col-sm-12 nopadding"><h3><span> <img class="img-responsive" src="<?php echo base_url(); ?>content/images/aboutus/big-motive-left.png"> </span>Collections <span><img class="img-responsive" src="<?php echo base_url(); ?>content/images/aboutus/big-motive-right.png"> </span> </h3> </div>
    75. 

  75.                     </div> <!--/collection-tagline -->
    76. 

  76.           <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 wall whats_new_content">
    77. 

  77.             <div class="grid" id="masonry-grid">          
    78. 

  78. <?php  if($collection_productid) 
    79. 

  79. {
    80. 

  80. 	foreach ($collection_productid as $collection_show) {
    81. 

  81.           
    82. 

  82. 

  83.                                   //print_r($collection_show);
    84. 

  84. 

  85.                       ?>
    86. 

  86. 

  87.                       <div class="wall-column grid-item">
    88. 

  88.                         <div class="wall-item">
    89. 

  89.                          <div class="category collection-category">
    90. 

  90.                            <div class="category_img">
    91. 

  91. <?php foreach($this->getdata->product_by_subcategory($collection_show['subCategoryId']) as $cat_img) ?>
    92. 

  92.                               <img src="<?php echo base_url(); ?><?php echo $cat_img['product_image']; ?>" class="img-responsive"> 
    93. 

  93.                               <div class="hover-content-cat collection-cat-hover" id="<?php echo $collection_show['subCategoryId']; ?>">
    94. 

  94.                                  <div class="privacy">
    95. 

  95.                                    <a href="javascript:void(0)" class="lock">
    96. 

  96.                                    <i class="fa fa-lock" <?php if($collection_show['status']==0){?> style="display: block;" <?php } else { ?> style="display: none;"<?php } ?> ></i>
    97. 

  97. 

  98.                                    <i class="fa fa-unlock-alt"  <?php if($collection_show['status']==0){?> style="display: none;" <?php } else { ?> style="display: block;"<?php } ?>>
    99. 

  99.                                    </i></a> 
    100. 

  100.                                  </div>
    101. 

  101.                                  <a href="<?php echo base_url(); ?>ajax/mycollection/<?php echo $userregistrationid=$this->session->userdata('registrationid'); ?>/<?php echo $collection_show['subCategoryId']; ?>" class="inner-click">
    102. 

  102.                                  <div class="tab">
    103. 

  103.                                    <div class="tab-cell">
    104. 

  104.                                      <span class="cat-name"><?php echo $collection_show['subCategory_Name']; ?></span>
    105. 

  105.                                      <p><?php  echo $collection_show['no'];?> products </p>
    106. 

  106.                                    </div>
    107. 

  107.                                  </div>
    108. 

  108.                                  </a>
    109. 

  109.                                  
    110. 

  110.                               </div> <!--/hover-content-cat -->
    111. 

  111.                            </div> <!--/category_img -->
    112. 

  112.                          </div> <!-- /category-->
    113. 

  113.                         </div> <!--/wall-item -->
    114. 

  114.                       </div> <!--/wall-column -->
    115. 

  115. 

  116. <?php  }}
    117. 

  117. else{ ?>
    118. 

  118.                   
    119. 

  119. <h3>Start your own luxury collection</h3>
    120. 

  120. <?php } ?>
    121. 

  121. 

  122.      <div class="wall-column grid-item">
    123. 

  123.                         <div class="wall-item">
    124. 

  124.                          <div class="category collection-category">
    125. 

  125.                            <div class="category_img">
    126. 

  126.                               <img src="<?php echo base_url(); ?>content/images/collection-pg/collection4.png" class="img-responsive"> 
    127. 

  127.                               <div class="hover-content-cat collection-cat-hover" id="<?php //echo $collection_show['subCategoryId']; ?>" onclick = "location.href = '<?php echo base_url(); ?>finestatrigalio'">
    128. 

  128.                                  <div class="privacy">
    129. 

  129.                                    <a href="javascript:void(0)" class="lock">
    130. 

  130.                                    
    131. 

  131. 

  132.                                  </div>
    133. 

  133.                                  <div class="tab">
    134. 

  134.                                    <div class="tab-cell">
    135. 

  135.                                      <span class="cat-name"><a href="<?php echo base_url(); ?>finestatrigalio">Finest At Rigalio</a> </span>
    136. 

  136.                                      <p><?php  echo count($finest);?> products </p>
    137. 

  137.                                    </div>
    138. 

  138.                                  </div>
    139. 

  139.                                  
    140. 

  140.                               </div> <!--/hover-content-cat -->
    141. 

  141.                            </div> <!--/category_img -->
    142. 

  142.                          </div> <!-- /category-->
    143. 

  143.                         </div> <!--/wall-item -->
    144. 

  144.                       </div> <!--/wall-column -->
    145. 

  145. 

  146.                    </div>
    147. 

  147.                   </div> <!--/collection homepage -->
    148. 

  148. <div class="collection-footer col-lg-12 col-md-12 col-sm-12 col-xs-12" style="display:block !important;">
    149. 

  149.                      <p> You can create a new collection by using <span class="icomoon icon-plus-icon-with-hex "></span> Add to collection. It's easy. </p>
    150. 

  150.                      <a href="<?php echo base_url(); ?>"><button class="browse-btn">Browse products</button></a>
    151. 

  151.                    </div> <!--/collection-footer -->
    152. 

  152.                 </div> <!--/collection-con -->
    153. 

  153.              </div> <!--/tab-content --> 
    154. 

  154.           </div>
    155. 

  155.           <!--/ right sidepar profile info -->
    156. 

  156. 

  157.       </div> <!--/profile-pg-con -->
    158. 

  158.       
    159. 

  159. 

  160.        
    161. 

  161.           
    162. 

  162. 

  163.     </div>
    164. 

  164.   </div>  
    165. 

  165. </div>
    166. 

  166. <!--profile pg-con ends -->
    167. 

  167. <div id="img-upload-pop" class="modal fade" role="dialog">
    168. 

  168.   <div class="tab">
    169. 

  169.     <div class="tab-cell">
    170. 

  170.       <div class="modal-dialog">
    171. 

  171. 

  172.         <button data-dismiss="modal" class="close custom-close" type="button">×</button>
    173. 

  173.         <div class="modal-content img-upload-pop" >
    174. 

  174.           <div class="modal-body">
    175. 

  175.              <a href="#" class="upload-img-btn"><i class="fa fa-plus"></i>UPLOAD PHOTO<input type="file" name="userfile" id="userfile" value="UPLOAD PHOTO" onchange="previewImage();"/></a>
    176. 

  176.           </div>
    177. 

  177.         </div> <!--/modal-content -->
    178. 

  178.         <div class="modal-content img-uploaded" style="display: none;">
    179. 

  179.           <div class="modal-body nopadding">
    180. 

  180.            <div class="caption-con nopadding">
    181. 

  181.              <div class="cap-con">
    182. 

  182.              <span>
    183. 

  183.              <?php if($user_detail[0]['profile_picture'] == ''){ ?>
    184. 

  184.        <img src="<?php echo base_url(); ?>content/images/timeline/profile-pic-small.png" class="img-responsive img-circle">      <?php } else{ ?>
    185. 

  185.        <img src="<?php echo base_url(); ?><?php echo $user_detail[0]['profile_picture']; ?>" class="img-responsive img-circle">
    186. 

  186.         <?php } ?>
    187. 

  187.              
    188. 

  188.              </span> 
    189. 

  189. 

  190. <input id="user_status_post" class="textbox1 caption-box" type="text" placeholder="Include some Caption" value="" name="post">
    191. 

  191.              </div>
    192. 

  192.              <div class="uploaded-prev col-lg-11 col-md-11 col-sm-11 col-xs-11 nopadding"><img src="" id="user_files" style="height: 100%;width: 100%;display: none;"/> </div>
    193. 

  193.              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 btn-section nopadding">
    194. 

  194.                <div class="col-lg-5 col-md-5 col-sm-4 col-xs-6 nopadding">
    195. 

  195. <div class="tab"><div class="tab-in">
    196. 

  196. <img src='<?php echo base_url(); ?>/content/images/loader.gif' id='loader_img' style="display:none;" /></div></div>
    197. 

  197.                 <div class="privacy"><select class="privacy-select"><option value="0">Only me</option>
    198. 

  198.                  <option value="1" selected>Members</option>></select></div>
    199. 

  199.                </div>
    200. 

  200.                <div class="col-lg-7 col-md-7 col-sm-8 col-xs-6 nopadding">
    201. 

  201.                  <button class="cancel-btn pull-left">Cancel</button>
    202. 

  202.                  
    203. 

  203. 

  204.                  <span class="post-btn" id="post_comment1">Post</span>
    205. 

  205.                </div>
    206. 

  206.              </div>
    207. 

  207.            </div>
    208. 

  208.           </div>
    209. 

  209.         </div>
    210. 

  210.       </div> <!--/modal-dialog -->
    211. 

  211.     </div>
    212. 

  212.   </div>
    213. 

  213. </div>
    214. 

  214. 

  215.   </body>
    216. 

  216. 

  217. 

  218. 

  219. 

  220. 

  221. 

  222. </style>
    223. 

  223. 

  224.  
    225. 

  225. <script type="text/javascript">
    226. 

  226.       function previewImage() {
    227. 

  227.         $("#meimg").html('');
    228. 

  228.         $("#user_files").show();
    229. 

  229.         document.getElementById("user_files").style.display = "block";
    230. 

  230.         var oFReader = new FileReader();
    231. 

  231.          oFReader.readAsDataURL(document.getElementById("userfile").files[0]);
    232. 

  232.         // modal-content img-upload-pop
    233. 

  233.          $(".img-upload-pop").hide();
    234. 

  234.           $(".img-uploaded").show();
    235. 

  235. 

  236.         oFReader.onload = function(oFREvent) {
    237. 

  237.           document.getElementById("user_files").src = oFREvent.target.result;
    238. 

  238.           $("#meimg").html(oFREvent.target.result);
    239. 

  239.      };
    240. 

  240.       };
    241. 

  241.       
    242. 

  242. </script>
    243. 

  243. 

  244. <script >
    245. 

  245. /*  collection script to show privacy */
    246. 

  246.   /*$(document).ready(function(){
    247. 

  247.       $(".lock").click(function(){
    248. 

  248.           $(".privacy-status").slideToggle( "slow" );
    249. 

  249.           $(".fa-unlock-alt").toggle();
    250. 

  250.           $(".fa-lock").toggle();
    251. 

  251.       });
    252. 

  252.   });
    253. 

  253.   */
    254. 

  254.  //collection edit overlay trigger 
    255. 

  255.  $(document).ready(function(){
    256. 

  256.   $("#user_files").hide();
    257. 

  257.    $("#main_content ul li:nth-child(odd)").addClass('timeline-inverted');
    258. 

  258.     $(".edit-btn").click(function(){
    259. 

  259.         $(".edit-overlay").slideToggle( "medium" );
    260. 

  260.     });
    261. 

  261. });  
    262. 

  262. 

  263.    function show_pop() {
    264. 

  264.      alert("hi i am in!");
    265. 

  265.    }
    266. 

  266. </script>
    267. 

  267. <style type="text/css">
    268. 

  268.   .left-side-img img {
    269. 

  269.     margin: 0px auto;
    270. 

  270.   }
    271. 

  271. </style>
    272. 

  272.  
    273. 

  273. 

  274. 

  275.    
    276. 

  276.