PageRenderTime 26ms CodeModel.GetById 9ms RepoModel.GetById 0ms app.codeStats 1ms

/application/views/user/profile.php

https://gitlab.com/klausmig/CloudSemanticWeb
PHP | 237 lines | 209 code | 28 blank | 0 comment | 21 complexity | d6935973719126f25a3ec5d7e93acd10 MD5 | raw file
  1. <?php require_once (ROOT . DS . 'application' . DS . 'views' . DS . 'activity_templates.php'); ?>
  2. <script type="text/javascript" src="static/js/profile.js"></script>
  3. <script type="text/javascript" src="libraries/frontend/jquery-tmpl/jquery.tmpl.min.js"></script>
  4. <script type="text/javascript">
  5. getProfile(<?php echo $_GET['id']; ?>);
  6. filterFollowers(<?php echo $_GET['id']; ?>,'');
  7. getUserStream(<?php echo $_GET['id']; ?>,'','');
  8. </script>
  9. <div id="msg_response" class="alert alert-block hide alert-success fade in" data-alert="alert">
  10. <a class="close pointer-cursor">×</a>
  11. Your msg has been sent successfully.
  12. </div>
  13. <header class="page-header row">
  14. <div class="span14">
  15. <h1>
  16. <?php if ($email): ?>
  17. <img src="http://www.gravatar.com/avatar/<?php echo md5(strtolower(trim($email))); ?>?d=retro&amp;r=g" height="50" width="50" class="avatar" />
  18. <?php endif; ?>
  19. <a href="user/<?php echo $_GET['id'];?>">
  20. <span class="r_entity r_profilepage" itemscope itemtype="http://schema.org/ProfilePage">
  21. <meta itemprop="url" content="http://slidewiki.org/user/<?php echo trim($profile->id);?>" />
  22. <span itemprop="accountablePerson" itemscope itemtype="http://schema.org/Person">
  23. <span class="r_prop r_name" itemprop="name"><?php echo trim($profile->username);?></span>
  24. <meta itemprop="description" content="<?php echo trim($profile->description);?>" />
  25. <meta itemprop="image" content="http://slidewiki.org/?url=ajax/getAvatarSrc&id=<?php echo trim($profile->id);?>" />
  26. <meta itemprop="url" content="<?php echo trim($profile->link);?>" />
  27. <meta itemprop="familyName" content="<?php echo trim($profile->last_name);?>" />
  28. <meta itemprop="gender" content="<?php echo trim($profile->gender);?>" />
  29. <meta itemprop="givenName" content="<?php echo trim($profile->first_name);?>" />
  30. </span>
  31. </span>
  32. </a>
  33. <?php if ($user['is_authorized'] && $_GET['id'] == $user['id']): ?>
  34. <a id="profile-edit-link" href="user/<?php echo $_GET['id'];?>/edit"><small>(Edit your profile)</small></a>
  35. <?php endif; ?>
  36. </h1>
  37. </div>
  38. <div class="btn-toolbar" >
  39. <div class="btn-group" style="float:right;vertical-align:middle;clear:both;display:inline;">
  40. <?php if (($_GET['id'] != $user['id'])): ?>
  41. <?php if (($user['is_authorized'] && $_GET['id'] != $user['id']) && $isFollowing): ?>
  42. <a class="btn small danger" onclick="follow($(this),'user',<?php echo $_GET['id'];?>)">Unfollow user</a>
  43. <?php endif; ?>
  44. <?php if (($user['is_authorized'] && $_GET['id'] != $user['id']) && !$isFollowing): ?>
  45. <a class="btn small success" onclick="follow($(this),'user',<?php echo $_GET['id'];?>)">Follow user</a>
  46. <?php endif; ?>
  47. <?php if (($user['is_authorized'] && $_GET['id'] != $user['id'])): ?>
  48. <a class="btn small " onclick="sendMsgDialog(<?php echo $_GET['id'];?>,'<?php echo $profile->username?>')"> <i class="icon-edit"></i> Write message</a>
  49. <?php endif; ?>
  50. <?php endif; ?>
  51. </div>
  52. </div>
  53. </header>
  54. <article class="page-header profile_gradient">
  55. <section>
  56. <div class="form-stacked">
  57. <fieldset>
  58. <div id="full_profile" class="row"></div>
  59. </fieldset>
  60. </div>
  61. </section>
  62. </article>
  63. <article>
  64. <header>
  65. <nav>
  66. <ul class="tabs" data-tabs="tabs" id="item_tabs">
  67. <li class="active"><a href="#user_activities" id="user-activities_link">Latest activities</a></li>
  68. <li><a href="#followers" id="followers_link">Followers</a></li>
  69. </ul>
  70. </nav>
  71. </header>
  72. <section class="tab-content">
  73. <div id="user_activities" class="active">
  74. <nav>
  75. <div class="btn-toolbar primary clearfix">
  76. <input class="span5" placeholder="Search..." id="keywords" onKeyUp="searchStream('my',<?php echo $_GET['id']; ?>)" value="">
  77. <div id="filter-array" style="float:right;vertical-align:bottom;clear:both;display:inline;" class="btn-group">
  78. <a onclick="applyFilterUserStream($(this), <?php echo $_GET['id']; ?>)" id="filter0" filter="1" class="btn small success filter">Follow activities</a>
  79. <a onclick="applyFilterUserStream($(this), <?php echo $_GET['id']; ?>)" id="filter1" filter="1" class="btn small success filter">Deck creation</a>
  80. <a onclick="applyFilterUserStream($(this), <?php echo $_GET['id']; ?>)" id="filter2" filter="0" class="btn small success filter">Slide creation</a>
  81. <a onclick="applyFilterUserStream($(this), <?php echo $_GET['id']; ?>)" id="filter3" filter="1" class="btn small success filter">Translation activities</a>
  82. <a onclick="applyFilterUserStream($(this), <?php echo $_GET['id']; ?>)" id="filter4" filter="1" class="btn small success filter">Comments</a>
  83. <a onclick="applyFilterUserStream($(this), <?php echo $_GET['id']; ?>)" id="filter5" filter="1" class="btn small success filter">Question creation</a>
  84. <a onclick="applyFilterUserStream($(this), <?php echo $_GET['id']; ?>)" id="filter6" filter="1" class="btn small success filter">Test results</a>
  85. </div>
  86. </div>
  87. </nav>
  88. <article id="activity_stream"></article>
  89. </div>
  90. <div id="followers">
  91. <header >
  92. <h3>Followers:</h3>
  93. <div class="span3">
  94. <div class="clearfix">
  95. <div class="input">
  96. <input type="text" name="filter_followers" placeholder="Search..." id="filter_followers" value="" onKeyUp = "filterFollowers(<?php echo $_GET['id'];?>,this.value)">
  97. </div>
  98. </div>
  99. </div>
  100. </header>
  101. <div class="form-stacked">
  102. <fieldset>
  103. <div id="followers_profile"></div>
  104. </fieldset>
  105. </div>
  106. <footer></footer>
  107. </div>
  108. </section>
  109. </article>
  110. <script id="full_profile_script" type="text/x-jquery-tmpl">
  111. <div class="span4">
  112. <div class="clearfix">
  113. <span class="avarat-text">
  114. <img width="150" class="deck-owner-avatar" title="${username}" src="./?url=ajax/getAvatarSrc&id=${id}">
  115. </span>
  116. </div>
  117. </div>
  118. <div class="span8">
  119. <div class="clearfix profile_description">
  120. <?php if ($user['is_authorized'] && $_GET['id'] == $user['id']): //TODO: slug_title?>
  121. {{if description}}
  122. <div id="description_div" style="border: green dotted 1px;" title="click to edit" onclick="editDescription(<?php echo $user['id']; ?>)">
  123. </div>
  124. {{if infodeck }}
  125. <div id="infodeck" class="profile_infodeck">
  126. More info about ${username} you can find in the
  127. <a id="link_to_presentation_url" deck_id="${infodeck}" href="http://slidewiki.org/deck/${infodeck}">slides</a>
  128. </div>
  129. {{/if}}
  130. {{else}}
  131. <div id="insertDescriptionButton" style="min-height:50px;">
  132. <button class="btn primary small" style="cursor:pointer" onclick="insertDescription(<?php echo $user['id']; ?>)">Add description</button>
  133. </div>
  134. {{if infodeck }}
  135. <div id="infodeck" class="profile_infodeck">
  136. More info about ${username} you can find in the
  137. <a id="link_to_presentation_url" deck_id="${infodeck}" href="http://slidewiki.org/deck/${infodeck}">slides</a>
  138. </div>
  139. {{/if}}
  140. {{/if}}
  141. <?php else : ?>
  142. {{if description}}
  143. <div id="description_div" style="cursor:default !important;"></div>
  144. {{else}}
  145. <div>${username} did not provide any additional information</div>
  146. {{/if}}
  147. {{if infodeck}}
  148. <div id="infodeck" class="profile_infodeck">More info about ${username} you can find in the <a id="link_to_presentation_url" href="http://slidewiki.org/deck/${infodeck}">slides</a></div>
  149. {{/if}}
  150. <?php endif; ?>
  151. </div>
  152. </div>
  153. </script>
  154. <script id="followers_profile_script" type="text/x-jquery-tmpl">
  155. <div class="span1_5">
  156. <div class="clearfix">
  157. <span class="avarat-text">
  158. <a href="user/${id}">
  159. <img width="60" height="60" class="deck-owner-avatar" title="${username}" src="./?url=ajax/getAvatarSrc&id=${id}">
  160. </a>
  161. </span>
  162. </div>
  163. </div>
  164. <div class="span4">
  165. <div class="clearfix">
  166. <h4>
  167. {{if first_name}}
  168. ${first_name}
  169. {{if last_name}}
  170. ${last_name}
  171. {{/if}}
  172. {{else}}
  173. ${username}
  174. {{/if}}
  175. </h4>
  176. </div>
  177. </div>
  178. </script>
  179. <div id="modal_msg" class="modal hide fade in" style="display: none;">
  180. <div class="modal-header">
  181. <a class="close pointer-cursor">×</a>
  182. <h3>Message</h3>
  183. </div>
  184. <div class="modal-body">
  185. <div class="clearfix">
  186. <label for="receiver_id">Receiver &nbsp;</label>
  187. <div class="input">
  188. <select id="receiver_id" class="span5">
  189. <option value="1" selected>soeren</option>
  190. </select>
  191. </div>
  192. </div>
  193. <div class="clearfix">
  194. <label for="msg_title">Title &nbsp;</label>
  195. <div class="input">
  196. <input type="text" id="msg_title" value="" class="span6" />
  197. </div>
  198. </div>
  199. <div class="clearfix">
  200. <label for="msg_body">Content &nbsp;</label>
  201. <div class="input">
  202. <textarea id="msg_body" class="span6"></textarea>
  203. </div>
  204. </div>
  205. </div>
  206. <div class="modal-footer">
  207. <a class="btn primary" onclick="send_msg();">Send</a>
  208. </div>
  209. </div>