Hawkin
/
arangodb
mirror of https://gitee.com/bigwinds/arangodb
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Starting design of applicationDetailView

This commit is contained in:
Lucas Dohmen 2014-12-12 21:30:59 +01:00 committed by Michael Hackstein
parent d0000ec0cb
commit 04ad61967b
5 changed files with 100 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
js/apps/system/aardvark/frontend/js/templates/applicationDetailView.ejs
View File

@ -1,12 +1,12 @@
<script id="applicationDetailView.ejs" type="text/template">
<section>
<div class='applicationDetailView'>
<div class='header_left'>
<div class="applicationDetailView">
<section>
<div class="header_left">
<img src="foxxes/thumbnail/<%=attributes.app %>" class="icon" alt="Icon for App">
<input type="button" value="Open">
<input type="button" value="Delete">
</div>
<div class='header_right'>
<div class="header_right">
<h3>
<%= attributes.name %>
<span class="license"><%= attributes.license %></span>
@ -15,22 +15,22 @@
<p class="description"><%= attributes.description %></p>
</div>
<div class="swagger">
<iframe src="http://localhost:8529/_db/_system/_admin/aardvark/standalone.html#application/documentation/<%= attributes._key %>" width="800" height="600" name="Documentation"></iframe>
<iframe src="http://localhost:8529/_db/_system/_admin/aardvark/standalone.html#application/documentation/<%= attributes._key %>" name="Documentation"></iframe>
</div>
</div>
</section>
<aside>
<dl>
<dt>Author</dt>
<dd><%= attributes.author %></dd>
<dt>Contributors</dt>
<dd>
<ul>
<% _.each(attributes.contributors, function (contributor) { %>
<li><a href="mailto:<%= contributor.email %>"><%= contributor.name %></a></li>
<% }); %>
</ul>
</dd>
</dl>
</aside>
</section>
<aside>
<dl>
<dt>Author</dt>
<dd><%= attributes.author %></dd>
<dt>Contributors</dt>
<dd>
<ul>
<% _.each(attributes.contributors, function (contributor) { %>
<li><a href="mailto:<%= contributor.email %>"><%= contributor.name %></a></li>
<% }); %>
</ul>
</dd>
</dl>
</aside>
</div>
</script>

42
js/apps/system/aardvark/frontend/scss/_applicationDetailView.scss Normal file
View File

@ -0,0 +1,42 @@
.applicationDetailView {
section {
float: left;
width: 900px;
.header_left {
float: left;
width: 170px;
text-align: center;
}
.header_right {
float: left;
clear: right;
.license, .version {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 1px solid #AAA;
color: #AAA;
padding: 0px 8px;
font-size: 0.6em;
position: relative;
top: -2px;
}
}
.swagger {
iframe {
width: 100%;
height: 600px;
}
}
}
aside {
float: left;
clear: right;
width: 200px;
}
}

28
js/apps/system/aardvark/frontend/scss/generated.css
View File

@ -5903,6 +5903,34 @@ input.gv-radio-button {
margin-left: 10px;
margin-top: 7px; }
.applicationDetailView section {
float: left;
width: 900px; }
.applicationDetailView section .header_left {
float: left;
width: 170px;
text-align: center; }
.applicationDetailView section .header_right {
float: left;
clear: right; }
.applicationDetailView section .header_right .license, .applicationDetailView section .header_right .version {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 1px solid #AAA;
color: #AAA;
padding: 0px 8px;
font-size: 0.6em;
position: relative;
top: -2px; }
.applicationDetailView section .swagger iframe {
width: 100%;
height: 600px; }
.applicationDetailView aside {
float: left;
clear: right;
width: 200px; }
.hotkeysList .hotkeysLabel {
clear: both;
color: #000;

7
js/apps/system/aardvark/frontend/scss/generated.css.map Normal file
View File

File diff suppressed because one or more lines are too long

2
js/apps/system/aardvark/frontend/scss/style.scss
View File

@ -65,6 +65,8 @@
@import 'documentView';
// progress view
@import 'progressView';
// application detail view
@import 'applicationDetailView';
// screen hotkeys
@import 'hotkeys';