From 478a3abefcd091c38d2ec3e0594ea41b54ff892e Mon Sep 17 00:00:00 2001
From: Luigi Serra <luigser@gmail.com>
Date: Thu, 21 Apr 2016 15:50:23 +0200
Subject: [PATCH] document card for cocreation with etherpad
---
controllets/document-card-controllet/document-card-controllet.html | 194 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 194 insertions(+), 0 deletions(-)
create mode 100644 controllets/document-card-controllet/document-card-controllet.html
diff --git a/controllets/document-card-controllet/document-card-controllet.html b/controllets/document-card-controllet/document-card-controllet.html
new file mode 100644
index 0000000..cd26ee5
--- /dev/null
+++ b/controllets/document-card-controllet/document-card-controllet.html
@@ -0,0 +1,194 @@
+<link rel="import" href="../../bower_components/polymer/polymer.html"/>
+<link rel="import" href="../../bower_components/paper-material/paper-material.html"/>
+<link rel="import" href="../../bower_components/paper-fab/paper-fab.html"/>
+<link rel="import" href="../../bower_components/iron-icons/iron-icons.html"/>
+<link rel="import" href="../../bower_components/paper-dialog/paper-dialog.html"/>
+<link rel="import" href="../../bower_components/neon-animation/neon-animation.html"/>
+
+<script src="../../locales/paper_card_controllet_ln.js"></script>
+
+<dom-module id="document-card-controllet">
+
+ <template>
+ <link rel="stylesheet" href="../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css">
+ <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
+ <style>
+
+ #paper_card_container {
+ font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-size: 16px;
+ background-color: white;
+ }
+
+ #content {
+ padding: 4px 4px 0px 4px;
+ position:relative;
+ width: 98%;
+ height: 90%;
+ }
+
+ .footer {
+ height: 16px;
+ }
+
+ .comment {
+ position: relative;
+ top: -50px;
+ height: 50px;
+ background-color: white;
+ padding: 8px;
+ font-size: small;
+ color: #727272;
+ word-wrap: break-word;
+ overflow: hidden;
+ }
+
+ paper-fab#fullscreen-button {
+ position: absolute;
+ /*z-index: 10;*/
+ top: 11px;
+ right: 15px;
+ --paper-fab-background:#FFFFFF;
+ padding : 0px;
+ margin: 0px;
+ height: 24px;
+ width: 24px;
+ color: #666666;
+ }
+
+ paper-dialog {
+ margin: 0px;
+ padding: 0px;
+ z-index: 1100;
+ }
+
+ #fullscreen_container {
+ display: inline;
+ position: fixed;
+ width: 90%;
+ height: 80vh;
+ right: 0;
+ left: 0;
+ top: 64px;
+ margin-right: auto;
+ margin-left: auto;
+ padding: 8px;
+ background-color: white;
+ }
+
+ #fullscreen_content {
+ margin: 0px;
+ }
+
+ #resource{
+ height: 100%;
+ width: 100%;
+ }
+
+ :host #docs-header{
+ display : none;
+ }
+
+ </style>
+
+
+ <paper-material id="paper_card_container" elevation="{{elevation}}">
+
+ <div id="content">
+ <iframe id="resource" src="{{resourceUrl}}?userName={{userName}}&showLineNumbers=false"></iframe>
+ <!--<iframe id="resource" src="{{resourceUrl}}"></iframe>-->
+ </div>
+
+ <paper-fab id="fullscreen-button" class="open" mini icon="fullscreen" on-click="_handleOpenClick"></paper-fab>
+
+ <paper-dialog id="fullscreen_container" entry-animation="scale-up-animation" exit-animation="fade-out-animation">
+ <!--with-backdrop-->
+ <div id="fullscreen_content"></div>
+ </paper-dialog>
+
+ </paper-material>
+
+ </template>
+
+ <script src="../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
+
+ <script>
+ _this = null;
+
+ Polymer({
+ is: "document-card-controllet",
+ properties: {
+
+ width: {
+ type: Number,
+ observer: "_changeWidth"
+ },
+
+ height: {
+ type: Number,
+ observer: "_changeHeight"
+ },
+
+ elevation:{
+ type: Number,
+ value: 3
+ },
+
+ createNewType : {
+ type : String,
+ value : undefined
+ },
+
+ comment:{
+ cardType: String,
+ value: ""
+ },
+
+ resourceUrl : {
+ type : String,
+ value : undefined
+ },
+
+ userName: {
+ type: String,
+ value: undefined
+ },
+ lang:{
+ type: String,
+ value: navigator.language
+ }
+ },
+
+ ready : function(){
+ },
+
+ attached: function(){
+ $(this.$.fullscreen_container).perfectScrollbar();
+ },
+
+
+ _changeWidth: function(){
+ //this.style.width = this.width + "px";
+ //this.$.paper_card_container.style.width = this.width + "px";
+ //this.$.content.style.width = this.width - 8 + "px";
+ },
+
+ _changeHeight: function(){
+ this.style.height = this.height + "vh";
+ //this.$.content.width = this.width - 4 + "vh";
+ this.$.paper_card_container.style.height = this.height + "vh";
+ this.$.content.style.height = this.height - 1 + "vh";
+ $(this.$.content).perfectScrollbar();
+ },
+
+ _handleOpenClick: function(){
+ this.$.fullscreen_content.style.height = "80vh";
+ this.$.fullscreen_content.innerHTML = this.$.content.innerHTML;
+ this.$.fullscreen_container.style.display = "inline";//datalet res
+ this.$.fullscreen_container.open();
+ }
+
+ })
+ </script>
+
+</dom-module>
\ No newline at end of file
--
libgit2 0.21.4