src/templates/createAnnotationWidget.html
author veltr
Wed, 18 Jan 2012 10:21:53 +0100
branchpopcorn-port
changeset 658 cfaf0986d22b
parent 627 13b9f14bf49a
child 718 c6660cd7bfb3
permissions -rw-r--r--
Merge with bf65c3364d2db4ab904fe576de1a9d471e9923a2
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
543
5856fab9596c WIP - adding widget to create annotations.
hamidouk
parents:
diff changeset
     1
{{! template for the annotation creation widget }}
5856fab9596c WIP - adding widget to create annotations.
hamidouk
parents:
diff changeset
     2
<div class='Ldt-createAnnotationWidget'>
5856fab9596c WIP - adding widget to create annotations.
hamidouk
parents:
diff changeset
     3
  <!-- ugly div because we want to have a double border -->
5856fab9596c WIP - adding widget to create annotations.
hamidouk
parents:
diff changeset
     4
  <div class='Ldt-createAnnotation-DoubleBorder'>
627
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
     5
    <div class='Ldt-createAnnotation-startScreen'>
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
     6
      <div style='margin-bottom: 7px; overflow: auto;'>
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
     7
        <div class='Ldt-createAnnotation-Title'></div>
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
     8
        <div class='Ldt-createAnnotation-TimeFrame'></div>
544
c493cb634b45 got the annotation creation widget in a decent shape.
hamidouk
parents: 543
diff changeset
     9
      </div>
627
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    10
      
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    11
      <div class='Ldt-createAnnotation-Container'>
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    12
        <textarea class='Ldt-createAnnotation-Description'></textarea>
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    13
        <div class='Ldt-createAnnotation-profileArrow'>
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    14
          <img src='{{img_dir}}/annotate_arrow.png'></img>
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    15
        </div>
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    16
        <div class='Ldt-createAnnotation-userAvatar'>        
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    17
          <img src='https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png'></img>
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    18
        </div>
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    19
      </div>
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    20
      
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    21
      <div class='Ldt-createAnnotation-keywords'>
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    22
        Add keywords :       
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    23
      </div>          
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    24
      <div class='Ldt-createAnnotation-submitButton'>
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    25
        <div style='position: absolute; bottom: 10pt; right: 11pt;'>Submit</div>
553
10d08f43c534 widget works now more or less like in samuel's crea.
hamidouk
parents: 548
diff changeset
    26
      </div>
543
5856fab9596c WIP - adding widget to create annotations.
hamidouk
parents:
diff changeset
    27
    </div>
627
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    28
    <div class='Ldt-createAnnotation-waitScreen' style='display: none; text-align: center'>
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    29
      <img src='{{img_dir}}/spinner.gif'></img>
13b9f14bf49a added a spinner displayed while submitting an annotation.
hamidouk
parents: 576
diff changeset
    30
      Please wait while your request is being processed...
546
be6b15bd7234 implemented a decent submit button.
hamidouk
parents: 545
diff changeset
    31
    </div>
553
10d08f43c534 widget works now more or less like in samuel's crea.
hamidouk
parents: 548
diff changeset
    32
    
10d08f43c534 widget works now more or less like in samuel's crea.
hamidouk
parents: 548
diff changeset
    33
    <div class='Ldt-createAnnotation-endScreen' style='display: none'>
569
7f5d00dd4cd4 added a bit of text.
hamidouk
parents: 568
diff changeset
    34
      Thank you, your annotation has been saved.<br>
568
5a6a256f4ea3 made things display correctly.
hamidouk
parents: 553
diff changeset
    35
      Would you like to share it on social networks ?
5a6a256f4ea3 made things display correctly.
hamidouk
parents: 553
diff changeset
    36
      <div style='margin-top: 12px; text-align: center;'>
576
6032ba27abc6 added target="_blank" to all the share links.
hamidouk
parents: 575
diff changeset
    37
          <a target='_blank' class='Ldt-createAnnotation-endScreen-TweetLink'><img src='{{img_dir}}/tweet_button.png' style='margin-right: 20px;'></img></a>
6032ba27abc6 added target="_blank" to all the share links.
hamidouk
parents: 575
diff changeset
    38
          <a target='_blank' class='Ldt-createAnnotation-endScreen-FbLink'><img src='{{img_dir}}/facebook_button.png' style='margin-right: 20px;'></img></a>
6032ba27abc6 added target="_blank" to all the share links.
hamidouk
parents: 575
diff changeset
    39
          <a target='_blank' class='Ldt-createAnnotation-endScreen-GplusLink'><img src='{{img_dir}}/gplus_button.png' style='margin-right: 20px;'></img></a>                    
553
10d08f43c534 widget works now more or less like in samuel's crea.
hamidouk
parents: 548
diff changeset
    40
      </div>
10d08f43c534 widget works now more or less like in samuel's crea.
hamidouk
parents: 548
diff changeset
    41
    </div>
543
5856fab9596c WIP - adding widget to create annotations.
hamidouk
parents:
diff changeset
    42
  </div>
5856fab9596c WIP - adding widget to create annotations.
hamidouk
parents:
diff changeset
    43
</div>