inject-ui-test
Version:
The main backend and frontend for INJECT App
78 lines (75 loc) • 9.89 kB
HTML
<!-- Static navbar -->
<div class="fixed-header noselect">
<div id='top-header'>
<resize>
<svg data-placement="bottom" data-toggle="tooltip" title="Decrease window size" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" xml:space="preserve" id="reduce-size">
<path class="fill" id="resize_smallerCanvas2-bezier" d="M 2.37,4.42 L 4.51,2.37 C 4.51,2.37 7.03,4.79 9.04,6.71 L 12.49,3.39 12.49,12.07 3.44,12.07 6.9,8.76 C 4.9,6.84 2.37,4.42 2.37,4.42 Z M 2.37,4.42" />
<path class="fill"id="resize_smallerCanvas2-bezier2" d="M 25.63,22.62 L 23.5,24.67 C 23.5,24.67 20.97,22.25 18.97,20.33 L 15.51,23.65 15.51,14.97 24.56,14.97 21.1,18.28 C 23.11,20.2 25.63,22.62 25.63,22.62 Z M 25.63,22.62" />
<path class="fill" id="resize_smallerCanvas2-bezier3" d="M 25.81,28 L 2.19,28 C 0.98,28 0,27.02 0,25.81 L 0,2.19 C 0,0.98 0.98,-0 2.19,-0 L 25.81,-0 C 27.02,-0 28,0.98 28,2.19 L 28,25.81 C 28,27.02 27.02,28 25.81,28 Z M 2.19,1.75 C 1.95,1.75 1.75,1.95 1.75,2.19 L 1.75,25.81 C 1.75,26.05 1.95,26.25 2.19,26.25 L 25.81,26.25 C 26.05,26.25 26.25,26.05 26.25,25.81 L 26.25,2.19 C 26.25,1.95 26.05,1.75 25.81,1.75 L 2.19,1.75 Z M 2.19,1.75" />
<rect class="btn" x="0" y="0" width="28" height="28" />
</svg>
<svg data-placement="bottom" data-toggle="tooltip" title="Increase window size" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" xml:space="preserve" id="increase-size">
<path class="fill" id="resize_biggerCanvas2-bezier" d="M 12.22,17.72 L 10.28,15.78 C 10.28,15.78 7.98,18.08 6.15,19.9 L 3,16.75 3,25 11.25,25 8.1,21.85 C 9.92,20.02 12.22,17.72 12.22,17.72 Z M 12.22,17.72" />
<path class="fill" id="resize_biggerCanvas2-bezier2" d="M 15.78,10.28 L 17.72,12.22 C 17.72,12.22 20.02,9.92 21.85,8.1 L 25,11.25 25,3 16.75,3 19.9,6.15 C 18.08,7.98 15.78,10.28 15.78,10.28 Z M 15.78,10.28" />
<path class="fill" id="resize_biggerCanvas2-bezier3" d="M 25.81,28 L 2.19,28 C 0.98,28 0,27.02 0,25.81 L 0,2.19 C 0,0.98 0.98,-0 2.19,-0 L 25.81,-0 C 27.02,-0 28,0.98 28,2.19 L 28,25.81 C 28,27.02 27.02,28 25.81,28 Z M 2.19,1.75 C 1.95,1.75 1.75,1.95 1.75,2.19 L 1.75,25.81 C 1.75,26.05 1.95,26.25 2.19,26.25 L 25.81,26.25 C 26.05,26.25 26.25,26.05 26.25,25.81 L 26.25,2.19 C 26.25,1.95 26.05,1.75 25.81,1.75 L 2.19,1.75 Z M 2.19,1.75" />
<rect class="btn" x="0" y="0" width="28" height="28" />
</svg>
</resize>
<help>
<svg data-placement="bottom" data-toggle="tooltip" title="Add selected text to your document" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29" height="29" xml:space="preserve" id="insert-text">
<path class="fill" id="add_selected_textCanvas3-bezier" d="M 19.95,14.88 L 19.95,12.67 C 19.95,11.79 19.24,11.08 18.37,11.08 17.49,11.08 16.78,11.79 16.78,12.67 L 16.78,14.88 14.57,14.88 C 13.69,14.88 12.98,15.59 12.98,16.47 12.98,17.34 13.69,18.05 14.57,18.05 L 16.78,18.05 16.78,20.27 C 16.78,21.14 17.49,21.85 18.37,21.85 19.24,21.85 19.95,21.14 19.95,20.27 L 19.95,18.05 22.17,18.05 C 23.04,18.05 23.75,17.34 23.75,16.47 23.75,15.59 23.04,14.88 22.17,14.88 L 19.95,14.88 Z M 19.95,14.88" />
<path class="fill" id="add_selected_textCanvas3-bezier2" d="M 18.37,6.54 C 12.9,6.54 8.44,11 8.44,16.47 8.44,21.94 12.9,26.39 18.37,26.39 23.84,26.39 28.29,21.94 28.29,16.47 28.29,11 23.84,6.54 18.37,6.54 Z M 18.37,23.22 C 14.64,23.22 11.61,20.19 11.61,16.47 11.61,12.74 14.64,9.71 18.37,9.71 22.09,9.71 25.12,12.74 25.12,16.47 25.12,20.19 22.09,23.22 18.37,23.22 Z M 18.37,23.22" />
<path class="fill" id="add_selected_textCanvas3-bezier3" d="M 1.58,3.17 L 26.28,3.17 C 27.16,3.17 27.87,2.46 27.87,1.58 27.87,0.71 27.16,-0 26.28,-0 L 1.58,-0 C 0.71,-0 -0,0.71 -0,1.58 -0,2.46 0.71,3.17 1.58,3.17 Z M 1.58,3.17" />
<path class="fill" id="add_selected_textCanvas3-bezier4" d="M 1.58,8.23 L 8.55,8.23 C 9.42,8.23 10.13,7.52 10.13,6.65 10.13,5.78 9.42,5.07 8.55,5.07 L 1.58,5.07 C 0.71,5.07 -0,5.78 -0,6.65 -0,7.52 0.71,8.23 1.58,8.23 Z M 1.58,8.23" />
<path class="fill" id="add_selected_textCanvas3-bezier5" d="M 1.58,13.3 L 4.75,13.3 C 5.62,13.3 6.33,12.59 6.33,11.72 6.33,10.84 5.62,10.13 4.75,10.13 L 1.58,10.13 C 0.71,10.13 0,10.84 0,11.72 0,12.59 0.71,13.3 1.58,13.3 Z M 1.58,13.3" />
<path class="fill" id="add_selected_textCanvas3-bezier6" d="M 1.58,18.37 L 4.75,18.37 C 5.62,18.37 6.33,17.66 6.33,16.78 6.33,15.91 5.62,15.2 4.75,15.2 L 1.58,15.2 C 0.71,15.2 0,15.91 0,16.78 0,17.66 0.71,18.37 1.58,18.37 Z M 1.58,18.37" />
<path class="fill" id="add_selected_textCanvas3-bezier7" d="M 1.58,23.43 L 4.75,23.43 C 5.62,23.43 6.33,22.72 6.33,21.85 6.33,20.98 5.62,20.27 4.75,20.27 L 1.58,20.27 C 0.71,20.27 0,20.98 0,21.85 0,22.72 0.71,23.43 1.58,23.43 Z M 1.58,23.43" />
<path class="fill" id="add_selected_textCanvas3-bezier8" d="M 8.55,25.33 L 1.58,25.33 C 0.71,25.33 0,26.04 0,26.92 0,27.79 0.71,28.5 1.58,28.5 L 8.55,28.5 C 9.42,28.5 10.13,27.79 10.13,26.92 10.13,26.04 9.42,25.33 8.55,25.33 Z M 8.55,25.33" />
<rect class="btn" x="0" y="0" width="28" height="28" />
</svg>
<svg data-placement="bottom" data-toggle="tooltip" title="Add a link of article to your document" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28" xml:space="preserve" id="insert-ref">
<path class="fill" id="add_referenceCanvas2-bezier" d="M 25.81,2.19 C 22.89,-0.73 18.17,-0.73 15.25,2.19 L 11.09,6.35 C 11.42,6.31 11.75,6.3 12.08,6.3 13.14,6.3 14.16,6.47 15.13,6.79 L 17.5,4.43 C 18.31,3.62 19.38,3.17 20.53,3.17 21.68,3.17 22.76,3.62 23.57,4.43 24.38,5.24 24.82,6.32 24.82,7.46 24.82,8.61 24.38,9.69 23.57,10.5 L 18.95,15.12 C 18.14,15.93 17.06,16.37 15.91,16.37 14.76,16.37 13.69,15.93 12.88,15.12 12.48,14.72 12.17,14.27 11.96,13.77 11.43,13.8 10.94,14.02 10.57,14.39 L 9.34,15.62 C 9.67,16.25 10.1,16.84 10.63,17.36 13.55,20.28 18.28,20.28 21.19,17.36 L 25.81,12.74 C 28.73,9.83 28.72,5.1 25.81,2.19 Z M 25.81,2.19" />
<path class="fill" id="add_referenceCanvas2-bezier2" d="M 15.96,21.69 C 14.91,21.69 13.87,21.52 12.88,21.19 L 10.5,23.56 C 9.69,24.38 8.61,24.82 7.47,24.82 6.32,24.82 5.24,24.37 4.43,23.56 3.62,22.75 3.17,21.68 3.17,20.53 3.17,19.38 3.62,18.3 4.43,17.49 L 9.05,12.88 C 9.86,12.07 10.94,11.62 12.08,11.62 13.23,11.62 14.31,12.07 15.12,12.88 15.51,13.27 15.82,13.73 16.04,14.23 16.56,14.2 17.06,13.98 17.43,13.6 L 18.66,12.37 C 18.32,11.75 17.89,11.16 17.36,10.63 14.45,7.72 9.72,7.72 6.81,10.63 L 2.19,15.25 C -0.73,18.17 -0.73,22.89 2.19,25.81 5.1,28.73 9.83,28.73 12.74,25.81 L 16.9,21.65 C 16.59,21.68 16.28,21.7 15.96,21.7 L 15.96,21.69 Z M 15.96,21.69" />
<rect class="btn" x="0" y="0" width="28" height="28" />
</svg>
<svg data-placement="bottom" data-toggle="tooltip" title="Open in new browser tab" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="28" xml:space="preserve" id="view-original-article">
<path class="fill" id="open_articleCanvas2-article" d="M 28.69,13.15 L 18.64,13.15 18.64,14.66 28.69,14.66 28.69,13.15 Z M 16.99,3.46 L 7.19,3.46 7.19,4.97 16.99,4.97 16.99,3.46 Z M 28.69,19.51 L 18.64,19.51 18.64,21.02 28.69,21.02 28.69,19.51 Z M 28.69,16.3 L 18.64,16.3 18.64,17.81 28.69,17.81 28.69,16.3 Z M 26.91,26.24 L 1.78,26.24 1.78,5.22 2.35,5.22 2.35,3.46 0,3.46 0,28 28.69,28 28.69,25.67 26.91,25.67 26.91,26.24 Z M 28.5,3.46 L 18.64,3.46 18.64,11.39 28.5,11.39 28.5,3.46 Z M 16.99,19.51 L 7.19,19.51 7.19,21.02 16.99,21.02 16.99,19.51 Z M 3.69,-0 L 3.69,24.54 32,24.54 32,-0 3.69,-0 Z M 30.22,22.78 L 5.47,22.78 5.47,1.7 30.22,1.7 30.22,22.78 Z M 16.99,16.3 L 7.19,16.3 7.19,17.81 16.99,17.81 16.99,16.3 Z M 16.99,6.67 L 7.19,6.67 7.19,8.18 16.99,8.18 16.99,6.67 Z M 16.99,13.15 L 7.19,13.15 7.19,14.66 16.99,14.66 16.99,13.15 Z M 16.99,9.94 L 7.19,9.94 7.19,11.45 16.99,11.45 16.99,9.94 Z M 16.99,9.94" />
<rect class="btn" x="0" y="0" width="28" height="28" />
</svg>
</help>
<search>
<svg data-placement="bottom" data-toggle="tooltip" title="Find and highlight a specific term" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" xml:space="preserve" id="search-icon">
<path id="searchCanvas-search" d="M 16.89,15.17 L 11.57,9.84 C 12.26,8.81 12.63,7.6 12.63,6.33 12.63,4.64 11.97,3.05 10.78,1.85 9.59,0.66 8,0 6.32,0 4.63,0 3.04,0.66 1.85,1.85 0.66,3.05 -0,4.64 -0,6.33 -0,8.02 0.66,9.6 1.85,10.8 3.04,11.99 4.63,12.65 6.32,12.65 7.6,12.65 8.82,12.27 9.86,11.56 L 15.17,16.89 C 15.35,17.07 15.68,17.03 15.91,16.8 L 16.8,15.91 C 17.03,15.68 17.07,15.35 16.89,15.17 Z M 6.32,10.94 C 3.78,10.94 1.71,8.87 1.71,6.33 1.71,3.78 3.78,1.71 6.32,1.71 8.86,1.71 10.92,3.78 10.92,6.33 10.92,8.87 8.85,10.94 6.32,10.94 Z M 6.32,10.94" />
</svg>
<form role="search">
<div>
<input class="text-search-box" id="text-search" type="text" placeholder="Search for term">
</div>
</form>
</search>
</div>
</div>
<div class="main-article">
<!-- <section> -->
<header>
<h4 class="title-link-text">
<a href=" Url " target="_blank">!= sanitize(Title); </a>
</h4>
<p class="source-date-text">
Published
</p>
<div class="image-section" style="vertical-align:middle; text-align:center">
<img class="post-avatar" src=" Image " width=" ImageWidth %">
</div>
</header>
<div>
<p class="body-text">
!= sanitize(Body);
</p>
</div>
<!-- </section> -->
</div>