Skip to content

Instantly share code, notes, and snippets.

@phatak-dev

phatak-dev/designer.html

Created May 23, 2014 17:10
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save phatak-dev/48cd421cdeea36f9a58e to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save phatak-dev/48cd421cdeea36f9a58e to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. phatak-dev revised this gist May 23, 2014. 1 changed file with 3 additions and 6 deletions.
    9 changes: 3 additions & 6 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -60,18 +60,15 @@
    }
    #core_card {
    display: block;
    width: 100%;
    height: 100%;
    width: 300px;
    height: 300px;
    padding: 4px;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
    position: absolute;
    top: 0px;
    left: 0px;
    }
    </style>
    <core-scaffold id="core_scaffold">
    @@ -91,8 +88,8 @@
    <three-js-camera id="three_js_camera"></three-js-camera>
    <three-js-camera id="three_js_camera1"></three-js-camera>
    <cool-clock skin="Babosa" id="cool_clock">coolClock</cool-clock>
    <google-map-search query="{{ $.core_input.value }}" map="{{ $.google_map }}" id="google_map_search"></google-map-search>
    <core-card id="core_card"></core-card>
    <google-map-search query="{{ $.core_input.value }}" map="{{ $.google_map }}" id="google_map_search"></google-map-search>
    </core-scaffold>
    </template>

  2. phatak-dev revised this gist May 23, 2014. 1 changed file with 15 additions and 15 deletions.
    30 changes: 15 additions & 15 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -10,7 +10,6 @@
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../core-menu/core-submenu.html">
    <link rel="import" href="../cool-clock/cool-clock.html">
    <link rel="import" href="../google-map/google-map.html">
    <link rel="import" href="../google-map/google-map-search.html">

    <polymer-element name="my-element">
    @@ -46,14 +45,6 @@
    width: 400px;
    height: 300px;
    }
    #google_map {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    }
    #core_field {
    opacity: 0.8;
    }
    @@ -67,8 +58,20 @@
    height: 24px;
    vertical-align: middle;
    }
    #a {
    color: rgb(68, 68, 68);
    #core_card {
    display: block;
    width: 100%;
    height: 100%;
    padding: 4px;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
    position: absolute;
    top: 0px;
    left: 0px;
    }
    </style>
    <core-scaffold id="core_scaffold">
    @@ -88,11 +91,8 @@
    <three-js-camera id="three_js_camera"></three-js-camera>
    <three-js-camera id="three_js_camera1"></three-js-camera>
    <cool-clock skin="Babosa" id="cool_clock">coolClock</cool-clock>
    <google-map latitude="{{ $.google_map_search.latitude }}" longitude="{{ $.google_map_search.longitude }}" maptype="satellite" id="google_map">
    <a pathname="/" hostname="www.finda.co.nz" host="www.finda.co.nz" protocol="http:" origin="http://www.finda.co.nz" href="http://www.finda.co.nz/" text="Finda" id="a">Finda</a>
    <a pathname="/" hostname="www.gelbeseiten.de" host="www.gelbeseiten.de" protocol="http:" origin="http://www.gelbeseiten.de" href="http://www.gelbeseiten.de/" text="GelbeSeiten®Verlagen">GelbeSeiten®Verlagen</a>
    </google-map>
    <google-map-search query="{{ $.core_input.value }}" map="{{ $.google_map }}" id="google_map_search"></google-map-search>
    <core-card id="core_card"></core-card>
    </core-scaffold>
    </template>

  3. phatak-dev revised this gist May 23, 2014. 1 changed file with 6 additions and 3 deletions.
    9 changes: 6 additions & 3 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -67,6 +67,9 @@
    height: 24px;
    vertical-align: middle;
    }
    #a {
    color: rgb(68, 68, 68);
    }
    </style>
    <core-scaffold id="core_scaffold">
    <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    @@ -85,11 +88,11 @@
    <three-js-camera id="three_js_camera"></three-js-camera>
    <three-js-camera id="three_js_camera1"></three-js-camera>
    <cool-clock skin="Babosa" id="cool_clock">coolClock</cool-clock>
    <google-map id="google_map">
    <a pathname="/" hostname="www.finda.co.nz" host="www.finda.co.nz" protocol="http:" origin="http://www.finda.co.nz" href="http://www.finda.co.nz/" text="Finda">Finda</a>
    <google-map latitude="{{ $.google_map_search.latitude }}" longitude="{{ $.google_map_search.longitude }}" maptype="satellite" id="google_map">
    <a pathname="/" hostname="www.finda.co.nz" host="www.finda.co.nz" protocol="http:" origin="http://www.finda.co.nz" href="http://www.finda.co.nz/" text="Finda" id="a">Finda</a>
    <a pathname="/" hostname="www.gelbeseiten.de" host="www.gelbeseiten.de" protocol="http:" origin="http://www.gelbeseiten.de" href="http://www.gelbeseiten.de/" text="GelbeSeiten®Verlagen">GelbeSeiten®Verlagen</a>
    </google-map>
    <google-map-search query="{{ $.core_input }}" map="{{ $.google_map }}" id="google_map_search"></google-map-search>
    <google-map-search query="{{ $.core_input.value }}" map="{{ $.google_map }}" id="google_map_search"></google-map-search>
    </core-scaffold>
    </template>

  4. phatak-dev revised this gist May 23, 2014. 1 changed file with 38 additions and 1 deletion.
    39 changes: 38 additions & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -4,8 +4,14 @@
    <link rel="import" href="../core-item/core-item.html">
    <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-field/core-field.html">
    <link rel="import" href="../core-icon/core-icon.html">
    <link rel="import" href="../core-input/core-input.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../core-menu/core-submenu.html">
    <link rel="import" href="../cool-clock/cool-clock.html">
    <link rel="import" href="../google-map/google-map.html">
    <link rel="import" href="../google-map/google-map-search.html">

    <polymer-element name="my-element">

    @@ -40,10 +46,36 @@
    width: 400px;
    height: 300px;
    }
    #google_map {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    }
    #core_field {
    opacity: 0.8;
    }
    #core_icon {
    height: 24px;
    width: 24px;
    }
    #svg {
    pointer-events: none;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    }
    </style>
    <core-scaffold id="core_scaffold">
    <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    <core-toolbar id="core_toolbar"></core-toolbar>
    <core-toolbar id="core_toolbar">
    <core-field id="core_field" icon="search" theme="core-light-theme" center horizontal layout>
    <core-icon icon="search" id="core_icon"></core-icon>
    <core-input placeholder="search here" id="core_input" flex></core-input>
    </core-field>
    </core-toolbar>
    <core-menu selected="Item1" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme">
    <core-item label="Item1" icon="settings" id="core_item" horizontal center layout active></core-item>
    <core-item label="Item2" icon="settings" id="core_item1" horizontal center layout></core-item>
    @@ -53,6 +85,11 @@
    <three-js-camera id="three_js_camera"></three-js-camera>
    <three-js-camera id="three_js_camera1"></three-js-camera>
    <cool-clock skin="Babosa" id="cool_clock">coolClock</cool-clock>
    <google-map id="google_map">
    <a pathname="/" hostname="www.finda.co.nz" host="www.finda.co.nz" protocol="http:" origin="http://www.finda.co.nz" href="http://www.finda.co.nz/" text="Finda">Finda</a>
    <a pathname="/" hostname="www.gelbeseiten.de" host="www.gelbeseiten.de" protocol="http:" origin="http://www.gelbeseiten.de" href="http://www.gelbeseiten.de/" text="GelbeSeiten®Verlagen">GelbeSeiten®Verlagen</a>
    </google-map>
    <google-map-search query="{{ $.core_input }}" map="{{ $.google_map }}" id="google_map_search"></google-map-search>
    </core-scaffold>
    </template>

  5. phatak-dev revised this gist May 23, 2014. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@
    <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="../yt-video/yt-search-video.html">
    <link rel="import" href="../cool-clock/cool-clock.html">

    <polymer-element name="my-element">

    @@ -36,8 +36,8 @@
    #core_menu {
    font-size: 16px;
    }
    #yt_search_video {
    width: 300px;
    #cool_clock {
    width: 400px;
    height: 300px;
    }
    </style>
    @@ -52,7 +52,7 @@
    <div id="div" tool>Test Application</div>
    <three-js-camera id="three_js_camera"></three-js-camera>
    <three-js-camera id="three_js_camera1"></three-js-camera>
    <yt-search-video id="yt_search_video"></yt-search-video>
    <cool-clock skin="Babosa" id="cool_clock">coolClock</cool-clock>
    </core-scaffold>
    </template>

  6. phatak-dev created this gist May 23, 2014.
    67 changes: 67 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,67 @@
    <link rel="import" href="../core-scaffold/core-scaffold.html">
    <link rel="import" href="../core-header-panel/core-header-panel.html">
    <link rel="import" href="../core-menu/core-menu.html">
    <link rel="import" href="../core-item/core-item.html">
    <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="../yt-video/yt-search-video.html">

    <polymer-element name="my-element">

    <template>
    <style>
    :host {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    }
    #core_scaffold {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    }
    #core_header_panel {
    background-color: rgb(255, 255, 255);
    }
    #core_toolbar {
    background-color: rgb(79, 125, 201);
    color: rgb(255, 255, 255);
    }
    #core_menu {
    font-size: 16px;
    }
    #yt_search_video {
    width: 300px;
    height: 300px;
    }
    </style>
    <core-scaffold id="core_scaffold">
    <core-header-panel mode="seamed" id="core_header_panel" navigation flex>
    <core-toolbar id="core_toolbar"></core-toolbar>
    <core-menu selected="Item1" valueattr="label" selectedindex="0" id="core_menu" theme="core-light-theme">
    <core-item label="Item1" icon="settings" id="core_item" horizontal center layout active></core-item>
    <core-item label="Item2" icon="settings" id="core_item1" horizontal center layout></core-item>
    </core-menu>
    </core-header-panel>
    <div id="div" tool>Test Application</div>
    <three-js-camera id="three_js_camera"></three-js-camera>
    <three-js-camera id="three_js_camera1"></three-js-camera>
    <yt-search-video id="yt_search_video"></yt-search-video>
    </core-scaffold>
    </template>

    <script>

    Polymer('my-element', {

    });

    </script>

    </polymer-element>