github.com/cozy/cozy-stack@v0.0.0-20240603063001-31110fa4cae1/assets/templates/authorize_sharing.html (about)

     1  <!DOCTYPE html>
     2  <html lang="{{.Locale}}">
     3    <head>
     4      <meta charset="utf-8">
     5      <meta name="viewport" content="width=device-width, initial-scale=1">
     6      <meta name="theme-color" content="#fff">
     7      <title>{{.Title}}</title>
     8      <link rel="stylesheet" href="{{asset .Domain "/fonts/fonts.css" .ContextName}}">
     9      <link rel="stylesheet" href="{{asset .Domain "/css/cozy-bs.min.css" .ContextName}}">
    10      <link rel="stylesheet" href="{{asset .Domain "/styles/theme.css" .ContextName}}">
    11      <link rel="stylesheet" href="{{asset .Domain "/styles/cirrus.css" .ContextName}}">
    12      {{.Favicon}}
    13    </head>
    14    <body class="cirrus modal-open">
    15      <div class="modal d-block theme-inverted" tabindex="-1" aria-modal="true" role="dialog">
    16        <div class="modal-dialog modal-dialog-centered">
    17          <main role="application" class="modal-content">
    18            <div class="modal-icon">
    19              <span class="icon icon-import"></span>
    20            </div>
    21            <div class="modal-body mt-4 mt-md-1 p-md-5">
    22              <form method="POST" action="/auth/authorize/sharing" class="d-contents">
    23                <input type="hidden" name="csrf_token" value="{{.CSRF}}" />
    24                <input type="hidden" name="sharing_id" value="{{.Sharing.SID}}" />
    25                <input type="hidden" name="state" value="{{.State}}" />
    26  
    27                <h1 class="h4 h2-md mb-4 text-center">{{t "Authorize Sharing Title Add"}}</h1>
    28                <div class="alert alert-info mb-4 px-md-5 py-md-4">
    29                  {{range $index, $rule := .Sharing.Rules}}
    30                  <div class="card card-elevation shadow rounded-3 authorize-pill w-100 mb-2 px-3 py-2">
    31                    {{if $rule.Mime }}
    32                    <span class="filetype-{{filetype $rule.Mime}} filetype"></span>
    33                    <span class="ms-3 text-truncate">
    34                      {{basename $rule.Title}}<span class="greyed-extension">{{ext $rule.Title}}</span>
    35                    </span>
    36                    {{else}}
    37                    <span class="filetype-other filetype"></span>
    38                    <span class="ms-3 text-truncate">{{$rule.Title}}</span>
    39                    {{end}}
    40                  </div>
    41                  {{end}}
    42                  <p class="small mb-0">
    43                    {{t "Authorize Sharing Request"}}
    44                    <img class="icon bg-transparent" src="/sharings/{{.Sharing.SID}}/recipients/0/avatar" alt="" />
    45                    <strong class="fst-italic">{{.SharerName}} ({{.SharerDomain}})</strong>
    46                  </p>
    47                </div>
    48  
    49                {{if .HasShortcut}}
    50                <input type="hidden" name="synchronize" value="true" />
    51                {{else}}
    52                <div class="form-check mb-2">
    53                  <input class="form-check-input" type="checkbox" id="synchronize" name="synchronize" checked />
    54                  <label class="form-check-label" for="synchronize">
    55                    {{t "Authorize Sharing Synchronize label"}}
    56                  </label>
    57                </div>
    58                {{end}}
    59                <p class="{{if not .HasShortcut}}ps-4{{else}}text-center{{end}} caption text-muted mb-2">
    60                  {{t "Authorize Sharing Description start" .SharerName .TargetType}}
    61                </p>
    62                <p class="{{if not .HasShortcut}}ps-4{{else}}text-center{{end}} caption text-muted mb-4">
    63                  {{t "Authorize Sharing Description end" .TargetType .SharerName}}
    64                </p>
    65                <button type="submit" class="btn btn-primary btn-md-lg w-100">
    66                  {{t "Authorize Sharing Submit Add"}}
    67                </button>
    68  
    69              </form>
    70            </div>
    71            <a href="/auth/authorize/sharing/{{.Sharing.SID}}/cancel?state={{.State}}" class="btn btn-icon position-absolute top-0 end-0" aria-label="Close">
    72              <span class="icon icon-cross"></span>
    73            </a>
    74          </div>
    75        </div>
    76      </div>
    77      <div class="modal-backdrop show"></div>
    78      <script src="{{asset .Domain "/scripts/cirrus.js"}}"></script>
    79    </body>
    80  </html>