Migration of /share.html

2024-11-22 05:57:57 +01:00 · 2014-01-11 21:39:26 +01:00 · 2014-01-11 21:39:26 +01:00 · 03976160bf
commit 03976160bf
parent 438a38985a
10 changed files with 48 additions and 45 deletions
--- a/docs-web/src/main/webapp/app/docs/controller/DocumentView.js
+++ b/docs-web/src/main/webapp/app/docs/controller/DocumentView.js
@ -129,7 +129,7 @@ App.controller('DocumentView', function ($scope, $state, $stateParams, $location
    var title = 'Shared document';
    var msg = 'You can share this document by giving this link. ' +
        'Note that everyone having this link can see the document.<br/>' +
-        '<input class="input-block-level share-link" type="text" readonly="readonly" value="' + link + '" />';
+        '<input class="form-control share-link" type="text" readonly="readonly" value="' + link + '" />';
    var btns = [
      {result: 'unshare', label: 'Unshare', cssClass: 'btn-danger'},
      {result: 'close', label: 'Close'}
--- a/docs-web/src/main/webapp/app/share/app.js
+++ b/docs-web/src/main/webapp/app/share/app.js
@ -5,7 +5,7 @@
 */
 var App = angular.module('share',
    // Dependencies
-    ['ui.state', 'ui.bootstrap', 'restangular', 'ngSanitize', 'ngMobile']
+    ['ui.router', 'ui.bootstrap', 'restangular', 'ngSanitize', 'ngTouch']
  )

 /**
--- a/docs-web/src/main/webapp/app/share/controller/FileView.js
+++ b/docs-web/src/main/webapp/app/share/controller/FileView.js
@ -3,12 +3,11 @@
 /**
 * File view controller.
 */
-App.controller('FileView', function($dialog, $state, $stateParams) {
-  var dialog = $dialog.dialog({
-    keyboard: true,
-    dialogClass: 'modal modal-fileview',
+App.controller('FileView', function($modal, $state, $stateParams) {
+  var modal = $modal.open({
+    windowClass: 'modal modal-fileview',
    templateUrl: 'partial/share/file.view.html',
-    controller: function($scope, $state, $stateParams, Restangular, dialog) {
+    controller: function($rootScope, $scope, $state, $stateParams, Restangular) {
      // Load files
      Restangular.one('file').getList('list', { id: $stateParams.documentId, share: $stateParams.shareId }).then(function(data) {
        $scope.files = data.files;
@ -29,7 +28,6 @@ App.controller('FileView', function($dialog, $state, $stateParams) {
          if (value.id == $stateParams.fileId) {
            var next = $scope.files[key + 1];
            if (next) {
-              dialog.close({});
              $state.transitionTo('share.file', { documentId: $stateParams.documentId, shareId: $stateParams.shareId, fileId: next.id });
            }
          }
@ -44,7 +42,6 @@ App.controller('FileView', function($dialog, $state, $stateParams) {
          if (value.id == $stateParams.fileId) {
            var previous = $scope.files[key - 1];
            if (previous) {
-              dialog.close({});
              $state.transitionTo('share.file', { documentId: $stateParams.documentId, shareId: $stateParams.shareId,  fileId: previous.id });
            }
          }
@ -62,13 +59,17 @@ App.controller('FileView', function($dialog, $state, $stateParams) {
       * Close the file preview.
       */
      $scope.closeFile = function () {
-        dialog.close();
+        modal.dismiss();
      };

-      // Close the dialog when the user exits this state
-      var off = $scope.$on('$stateChangeStart', function(event, toState){
-        if (dialog.isOpen()) {
-          dialog.close(toState.name == 'share.file' ? {} : null);
+      // Close the modal when the user exits this state
+      var off = $rootScope.$on('$stateChangeStart', function(event, toState){
+        if (!modal.closed) {
+          if (toState.name == 'share.file') {
+            modal.close();
+          } else {
+            modal.dismiss();
+          }
        }
        off();
      });
@ -76,9 +77,11 @@ App.controller('FileView', function($dialog, $state, $stateParams) {
  });

  // Returns to share view on file close
-  dialog.open().then(function(result) {
-    if (result == null) {
-      $state.transitionTo('share', { documentId: $stateParams.documentId, shareId: $stateParams.shareId });
-    }
+  modal.closed = false;
+  modal.result.then(function() {
+    modal.closed = true;
+  },function(result) {
+    modal.closed = true;
+    $state.transitionTo('share', { documentId: $stateParams.documentId, shareId: $stateParams.shareId });
  });
 });
--- a/docs-web/src/main/webapp/partial/docs/document.share.html
+++ b/docs-web/src/main/webapp/partial/docs/document.share.html
@ -4,7 +4,7 @@
 <div class="modal-body">
  <p>
    <label for="share-result">Name the sharing if you want to share multiple times the same document.</label>
-    <input type="text" id="share-result" ng-model="name" />
+    <input class="form-control" type="text" id="share-result" ng-model="name" />
  </p>
 </div>
 <div class="modal-footer">
--- a/docs-web/src/main/webapp/partial/docs/settings.log.html
+++ b/docs-web/src/main/webapp/partial/docs/settings.log.html
@ -9,7 +9,7 @@
  </thead>
  <tbody>
    <tr ng-repeat="log in logs"
-      ng-class="{ info: log.level == 'INFO' || log.level == 'DEBUG', warning: log.level == 'WARN', error: log.level == 'ERROR' || log.level == 'FATAL' }">
+      ng-class="{ info: log.level == 'INFO' || log.level == 'DEBUG', warning: log.level == 'WARN', danger: log.level == 'ERROR' || log.level == 'FATAL' }">
      <td>{{ log.date | date: 'yyyy-MM-dd HH:mm' }}</td>
      <td>{{ log.tag }}</td>
      <td class="cell-message">{{ log.message }}</td>
--- a/docs-web/src/main/webapp/partial/share/403.html
+++ b/docs-web/src/main/webapp/partial/share/403.html
@ -1,4 +1,4 @@
-<div class="hero-unit">
+<div class="jumbotron">
  <h1>Not authorized</h1>
  <p>The document you are trying to view is not shared anymore</p>
 </div>
--- a/docs-web/src/main/webapp/partial/share/file.view.html
+++ b/docs-web/src/main/webapp/partial/share/file.view.html
@ -1,21 +1,23 @@
 <div class="text-center">
  <div class="btn-group pull-left">
-    <button type="button" class="btn" ng-click="closeFile()"><span class="icon-remove"></span></button>
+    <button type="button" class="btn btn-default" ng-click="closeFile()">
+      <span class="glyphicon glyphicon-remove"></span>
+    </button>
  </div>

  <div class="btn-group">
-    <button type="button" class="btn" ng-click="previousFile()">Previous</button>
-    <button type="button" class="btn" ng-click="nextFile()">Next</button>
+    <button type="button" class="btn btn-default" ng-click="previousFile()">Previous</button>
+    <button type="button" class="btn btn-default" ng-click="nextFile()">Next</button>
  </div>
-  
+
  <div class="btn-group pull-right">
-    <button type="button" class="btn" ng-click="openFile()"><span class="icon-download-alt"></span></button>
+    <button type="button" class="btn btn-default" ng-click="openFile()">
+      <span class="glyphicon glyphicon-download-alt"></span>
+    </button>
  </div>
 </div>


-<img ng-if="$stateParams.fileId && (file.mimetype == 'image/png' || file.mimetype == 'image/jpeg' || file.mimetype == 'image/gif')" ng-src="api/file/{{ $stateParams.fileId }}/data?size=web&share={{ $stateParams.shareId }}" />
-
-<div class="text-center" ng-if="$stateParams.fileId && file.mimetype == 'application/pdf'">
+<div class="text-center" ng-if="$stateParams.fileId">
  <img ng-src="api/file/{{ $stateParams.fileId }}/data?size=web&share={{ $stateParams.shareId }}" />
-</div>
+</div>
--- a/docs-web/src/main/webapp/partial/share/main.html
+++ b/docs-web/src/main/webapp/partial/share/main.html
@ -1,4 +1,4 @@
-<div class="hero-unit">
+<div class="jumbotron">
  <h1>Sismics Docs</h1>
  <p>Ask a shared document link to access it</p>
 </div>
--- a/docs-web/src/main/webapp/partial/share/share.html
+++ b/docs-web/src/main/webapp/partial/share/share.html
@ -1,23 +1,23 @@
-<div class="row-fluid">
-  <div class="well span12">
+<div class="row">
+  <div class="well col-md-12">
    <div class="page-header">
      <h1>{{ document.title }} <small>{{ document.create_date | date: 'yyyy-MM-dd' }}</small></h1>
-      <ul class="inline">
+      <ul class="list-inline">
        <li ng-repeat="tag in document.tags"><span class="label label-info" ng-style="{ 'background': tag.color }">{{ tag.name }}</span></li>
      </ul>
    </div>

    <p ng-bind-html="document.description | newline"></p>

-    <ul class="thumbnails thumbnails-file" ui-sortable="fileSortableOptions" ng-model="files" ng-show="files.length > 0">
-      <li class="span2 text-center thumbnail-container" ng-repeat="file in files">
+    <div class="row" ui-sortable="fileSortableOptions" ng-model="files" ng-show="files.length > 0">
+      <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 text-center" ng-repeat="file in files">
        <div class="thumbnail">
          <a ng-click="openFile(file)">
            <img class="thumbnail-file" ng-src="api/file/{{ file.id }}/data?size=thumb&share={{ $stateParams.shareId }}" tooltip="{{ file.mimetype }}" tooltip-placement="top" />
          </a>
        </div>
-      </li>
-    </ul>
+      </div>
+     </div>

    <div ui-view="file"></div>
  </div>
--- a/docs-web/src/main/webapp/share.html
+++ b/docs-web/src/main/webapp/share.html
@ -33,15 +33,13 @@
    <script src="app/docs/filter/Newline.js" type="text/javascript"></script>
  </head>
  <body>
-    <div class="navbar">
-      <div class="navbar-inner">
-        <div class="container">
-          <a class="brand" href="#">Sismics Docs</a>
-        </div>
+    <div class="navbar navbar-default" role="navigation">
+      <div class="navbar-header">
+        <a class="navbar-brand" href="#">Sismics Docs</a>
      </div>
    </div>

-    <main ui-view="page">
-    </main>
+    <div ui-view="page">
+    </div>
  </body>
 </html>