summaryrefslogtreecommitdiff
path: root/chromium/chrome/browser/resources/settings/printing_page/cups_printers.html
blob: cfa6ea52c5708bcb0445f5e484018081514f87a6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/html/action_link.html">
<link rel="import" href="chrome://resources/html/action_link_css.html">
<link rel="import" href="chrome://resources/html/assert.html">
<link rel="import" href="chrome://resources/html/cr/ui/focus_without_ink.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
<link rel="import" href="cups_add_printer_dialog.html">
<link rel="import" href="cups_edit_printer_dialog.html">
<link rel="import" href="cups_printer_shared_css.html">
<link rel="import" href="cups_printers_list.html">

<dom-module id="settings-cups-printers">
  <template>
    <style include="cups-printer-shared action-link">
      #message {
        display: flex;
        justify-content: center;
        position: absolute;
        top: 85%;
        width: 100%;
      }

      .center {
        background-color: black;
        color: white;
        font: 13px;
        padding-bottom: 15px;
        padding-top: 15px;
        text-align: center;
        width: 350px;
      }

      #noSearchResultsMessage {
        color: var(--md-loading-message-color);
        font-size: 16px;
        font-weight: 500;
        margin-top: 80px;
        text-align: center;
      }

      #addPrinterErrorMessage {
        display: flex;
        justify-content: space-around;
      }

      #addPrinterFailedMessage {
        padding: 0 15px;
        text-align: justify;
      }
    </style>

    <div class="settings-box first">
      <div class="start">
        <span>$i18n{cupsPrintersLearnMoreLabel}</span>
        <a href="$i18n{printingCUPSPrintLearnMoreUrl}" target="_blank">
          $i18n{learnMore}
        </a>
        <div class="secondary" hidden="[[canAddPrinter_]]">
          $i18n{requireNetworkMessage}
        </div>
      </div>
      <paper-button class="primary-button" id="addPrinter"
          on-click="onAddPrinterTap_" disabled="[[!canAddPrinter_]]">
        $i18n{addCupsPrinter}
      </paper-button>
    </div>

    <settings-cups-add-printer-dialog id="addPrinterDialog"
        on-close="onAddPrinterDialogClose_">
    </settings-cups-add-printer-dialog>

    <template is="dom-if" if="[[showCupsEditPrinterDialog_]]" restamp>
      <settings-cups-edit-printer-dialog id="editPrinterDialog"
          active-printer="{{activePrinter}}">
      </settings-cups-edit-printer-dialog>
    </template>

    <settings-cups-printers-list printers="{{printers}}"
        active-printer="{{activePrinter}}"
        search-term="[[searchTerm]]">
    </settings-cups-printers-list>

    <div id="noSearchResultsMessage"
        hidden="[[!showNoSearchResultsMessage_(searchTerm)]]">
      $i18n{noSearchResults}
    </div>

    <div id="message">
      <div class="center" id="addPrinterDoneMessage" hidden>
        $i18n{printerAddedSuccessfulMessage}
      </div>
      <div class="center" id="addPrinterErrorMessage" hidden>
        <span id="addPrinterFailedMessage">
          $i18n{printerAddedFailedMessage}
        </span>
      </div>
    </div>
  </template>
  <script src="cups_printers.js"></script>
</dom-module>