internapp/memories.html at master · tecitb/internapp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<div data-page="memories" class="page">
	<!-- Begin: Navbar -->
	<div class="navbar">
		<div class="navbar-inner">
			<div class="left">
				<a href="#" class="link icon-only back">
					<i class="icon icon-back"></i>
				</a>
			</div>
			<div class="center">Memories</div>
		</div>
	</div>
	<!-- End: Navbar -->

	<!-- Begin: Page Content -->
  <div class="page-content">
	  <div align="center" id="loading" style="padding: 32px">
		  <div class="preloader"></div>
	  </div>
	  <div style="padding: 16px" id="error">

	  </div>
	  <div id="main-memories" style="display: none">
		  <div style="padding: 16px">
			  Your memories with <b class="span-name">No One</b>
		  </div>
		  <input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput" style="display: none">
		  <div class="list-block">
			  <ul>
				  <li>
					  <a id="a-impression" class="item-link">
						  <div class="item-content">
							  <div class="item-media">
								<span class="fa-stack">
									<span class="fa fa-circle fa-stack-2x color-gray" id="ic-base-text"></span>
									<span class="fa fa-book-open fa-stack-1x fa-inverse" id="ic-text"></span>
								</span>
							  </div>
							  <div class="item-inner">
								  <div class="item-title">Write something about him/her</div>
							  </div>
						  </div>
					  </a>
				  </li>
				  <li>
					  <a  onclick="$('#cameraInput').click()" class="item-link">
						  <div class="item-content">
							  <div class="item-media">
								<span class="fa-stack">
									<span class="fa fa-circle fa-stack-2x color-gray" id="ic-base-img"></span>
									<span class="fa fa-camera fa-stack-1x fa-inverse" id="ic-img"></span>
								</span>
							  </div>
							  <div class="item-inner">
								  <div class="item-title">Take a photo</div>
							  </div>
						  </div>
					  </a>
				  </li>
				  <li>
					  <div style="height: 200px; overflow: hidden; display: none; background-color: #eeeeee; background-size: cover; background-position: center" id="mimgprev">
						  <img id="imgprev" width="100%" />
					  </div>
				  </li>
			  </ul>
		  </div>
		  <div style="padding: 16px">
			  <button type="button" class="button button-big button-block button-fill" id="btn-save">Save</button>
		  </div>
	  </div>
  </div>
	<!-- End: Page Content -->
	<!-- Begin: Popup -->
	<div class="popup popup-memories-impression profile">
		<div class="toolbar">
			<div class="toolbar-inner">
				<div class="left" style="padding-left: 16px;">Write something about him/her</div>
				<div class="right">
					<a href="#" class="link close-popup">
						<i class="material-icons">clear</i>
					</a>
				</div>
			</div>
		</div>
		<div>
			<div style="padding: 16px">
				<p>Write something about <b class="span-name"></b>.</p>
				<p>Your writing should be at least <b>80 words</b> long, and include the story of how you first met, your first impressions, and his/her strengths and weaknesses.</p>
			</div>
			<div class="item-input" style="padding: 16px;">
				<textarea id="impression" class="resizable" style="width: 100%; border: none !important; resize: none; min-height: 170px; font-size: 14px;" placeholder="Write something"></textarea>
			</div>
			<div align="right" style="padding: 16px;">
				<small id="words-indicator">0 words</small>
			</div>
		</div>
	</div>
	<!-- End: Popup -->
</div>