Skip to content

Instantly share code, notes, and snippets.

@jeremiahfish
Created March 7, 2015 10:01
Show Gist options
  • Save jeremiahfish/d02e1c55fd0f5a10d591 to your computer and use it in GitHub Desktop.
Save jeremiahfish/d02e1c55fd0f5a10d591 to your computer and use it in GitHub Desktop.
designer
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-menu/core-submenu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../code-mirror/code-mirror.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#code_mirror {
width: 100%;
height: 300px;
left: 0px;
top: 60px;
position: absolute;
}
#core_toolbar {
right: 0px;
left: 0px;
color: rgb(255, 255, 255);
fill: rgb(255, 255, 255);
top: 0px;
position: absolute;
background-color: rgb(79, 125, 201);
}
#core_menu {
font-size: 16px;
left: 360px;
top: 180px;
position: absolute;
}
#core_menu1 {
font-size: 16px;
left: 490px;
top: 80px;
position: absolute;
}
#notification_alert {
left: 720px;
top: 930px;
position: absolute;
}
#notification_alert1 {
left: 440px;
top: 810px;
position: absolute;
}
#chart_js {
width: 300px;
height: 200px;
left: 690px;
top: 740px;
position: absolute;
}
#google_analytics_chart {
position: absolute;
}
#google_map {
width: 400px;
height: 400px;
display: block;
left: 350px;
top: 430px;
position: absolute;
}
</style>
<core-toolbar id="core_toolbar">
<core-icon-button icon="menu" id="core_icon_button"></core-icon-button>
<div id="div" flex>Jeremiah Fish</div>
</core-toolbar>
<core-menu id="core_menu" selected="0">
<core-submenu id="core_submenu" icon="settings" label="Topics">
<core-item id="core_item" label="Topic 1"></core-item>
<core-item id="core_item1" label="Topic 2"></core-item>
</core-submenu>
<core-submenu id="core_submenu1" icon="settings" label="Favorites">
<core-item id="core_item2" label="Favorite 1"></core-item>
<core-item id="core_item3" label="Favorite 2"></core-item>
<core-item id="core_item4" label="Favorite 3"></core-item>
</core-submenu>
</core-menu>
<core-menu id="core_menu1" selected="0">
<core-submenu id="core_submenu2" icon="settings" label="Topics">
<core-item id="core_item5" label="Topic 1"></core-item>
<core-item id="core_item6" label="Topic 2"></core-item>
</core-submenu>
<core-submenu id="core_submenu3" icon="settings" label="Favorites">
<core-item id="core_item7" label="Favorite 1"></core-item>
<core-item id="core_item8" label="Favorite 2"></core-item>
<core-item id="core_item9" label="Favorite 3"></core-item>
</core-submenu>
</core-menu>
<code-mirror value="<polymer-element name='my-element'>
<template></template>
<script>
Polymer('my-element', {});
</script>
</polymer-element>" id="code_mirror">
<polymer-element id="polymer_element" name="my-element">
<template id="template"></template>
<script id="script">
Polymer('my-element', {});
</script>
</polymer-element>
</code-mirror>
<google-analytics-chart id="google_analytics_chart" type="area" metrics="ga:sessions" dimensions="ga:date" startdate="30daysAgo" enddate="yesterday" horizontal layout>
</google-analytics-chart>
</template>
<script>
Polymer({
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment