Commit 994ce472743a07ee82ff8afc7af213211b896ac6

  • Tree SHA1: eb4326a
  • Parent SHA1: 2d3356e (Adding changes of swtmaker.js, checks if a given URL is an image or not, loads the respective component of swtr app.)
  • raw diff | raw patch 
Improving navbar UI for text-annotation page
  • Diff rendering mode:
  • inline
  • side by side

swtr/static/css/swtmaker.css

64 z-index: 10000;64 z-index: 10000;
65 background-color: rgba(255, 255, 255, 0.7);65 background-color: rgba(255, 255, 255, 0.7);
66}66}
67
68
69/* text-annotation styles */
70
71#overlayBar {
72 background: #fff;
73 border-bottom: 1px solid #ccc;
74 left: 0;
75 opacity: 0.95;
76 position: fixed;
77 top: 0;
78 width: 100%;
79}
80
81.nav-btn {
82 margin-left: 10px;
83}

swtr/static/js/app.js

189 this.loadOverlayBar();189 this.loadOverlayBar();
190 },190 },
191 loadOverlayBar: function() {191 loadOverlayBar: function() {
192 var template = "<div id='overlayBar' class='navbar' style='background:grey;position:fixed; top:0px; left:0px;width:100%;'><div class='navbar-inner'><div class='container-fluid'>"+
193 "<a href='/' >Try a different website.</a>"+
194 "<button id='show-sweets' disabled='enabled' class='btn btn-default'>Sweets"+
195 "</button><button id='sign-in' class='btn btn-sm btn-primary'>Sign In</button><span id='signinview'></span></div></div></div>";
192 var template = "<div id='overlayBar' class='navbar'><a class='navbar-brand'>Swtr - Text Annotation</a>" +
193 "<div class='navbar-inner'><div class='container-fluid'>" +
194 "<button id='sign-in' class='btn btn-default navbar-btn pull-right'>Sign In</button>" +
195 "<button id='show-sweets' disabled='true' class='btn btn-primary navbar-btn'>Sweet</button>" +
196 "<a href='/' class='btn btn-default navbar-btn nav-btn'>Try a different website</a>"
197 "<span id='signinview' class='pull-right'></span>" +
198 "</div></div></div>";
199
196 $(document.body).append(template);200 $(document.body).append(template);
197 },201 },
198 signIn: function(e) {202 signIn: function(e) {