Meta/index.html at master · archerimpact/Meta · GitHub

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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
    <meta name="description" content="Metadata analysis tool">
    <meta name="author" content="Archer">

    <title>Archer Meta</title>

    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <link href="css/columns.css" rel="stylesheet">
    <link href="css/home.css" rel="stylesheet">
    <link href="css/detail.css" rel="stylesheet">
    <link href="css/projects.css" rel="stylesheet">

    <link rel="stylesheet" href="./node_modules/material-design-icons/iconfont/material-icons.css">

    <link rel="import" href="sections/landing.html">
    <link rel="import" href="sections/projects.html">
    <link rel="import" href="sections/detail.html">
    <link rel="import" href="sections/new.html">
    <link rel="import" href="sections/about.html">
    <link rel="import" href="sections/settings.html">

  </head>

  <body style='min-width: 772px;'>

    <div class="row" id="home" style="height:100%">
      <img src="assets/A_white.png" id="home-logo"></img>
      <div class="navbar-default sidebar meta-nav" role="navigation" id="side-nav">

          <div class="sidebar-nav">
            <ul class="nav" id="side-menu" style="padding-top: 0;">
              <li>
                  <a class="side-bar side-button" data-section="landing" style="font-size: 18px;"><i class="material-icons" data-section="landing" style="font-size: 36px">home</i></a>
              </li>
              <li>
                  <a class="side-bar side-button" data-section="new" style="font-size: 18px;"><i class="material-icons" data-section="new" style="font-size: 36px">add</i></a>
              </li>

              <li>
                  <a class="side-bar side-button" data-section="projects" style="font-size: 18px;"><i class="material-icons" data-section="projects" style="font-size: 36px">folder</i></a>
                  <!--TODO: eventually, we'll want to put this together so that it has a listed projects underneath it, but for now we'll just redirect to the existing project page like we had beofre -->
              </li>
              <li>
                  <a class="side-bar side-button" data-section="settings" style="font-size: 18px;"><i class="material-icons" data-section="settings" style="font-size: 36px">settings</i></a>
              </li>
              <li>
                  <a class="side-bar side-button hidden" id="slidebutton" onclick="slideDrawer()" style="font-size: 18px;"><i class="material-icons" style="font-size: 36px">filter_list</i></a>
              </li>
            </ul>
          </div>
          <!-- /.sidebar-collapse -->


        </div>
        <!-- Drawer menu! -->
        <div class="sidenav navbar-default sidebar meta-nav" role="navigation" id="drawer-select" style="width:0px; background-color: #eeeeee; color: #3d3d3d; box-shadow: 5px 5px 5px #b1b1b1;">
            <div style="text-align: center">
            <h3 style="margin-left: 10px;">Filter Images</h3>
            <hr class='drawer-hr'>
            <p>By EXIF Field<br>(or 'tags'/'notes')</p>
            <div id="filters">
              <div class="row" id="filter1">
                <!-- Any changes must also be added to the filter.js template-->
                <div class="col-xs-6" style="padding-right:5px; padding-left:20px;">
                  <input id="filter-field-1" type="text" class="form-control" placeholder="Field">
                </div>
                <div class="col-xs-6" style="padding-left:0px; padding-right:20px;">
                  <input id="filter-value-1" type="text" class="form-control" placeholder="Value">
                </div>
              </div>
            </div>
            <div class="row no-side-margins">
              <button id="addfilter" class="btn btn-default btn-circle btn-xs" style="margin-top:5px;margin-left:5px;float:left"><i class="material-icons" style="font-size: 18px">add</i></button>
              <button id="removefilter" class="btn btn-default btn-circle btn-xs" style="margin-top:5px;margin-left:3px;float:left"><i class="material-icons" style="font-size: 18px">remove</i></button>
              <button id="submitfilter" class="btn btn-success btn-circle btn-sm float-right" style="margin-top:5px;margin-right:5px;">Filter</button>
            </div>
            <hr class="drawer-hr">
            <p>Select Manually</p>
            <div style="text-align:center">
              <button id="slidetogglebtn" class="btn btn-primary btn-circle btn-xs" style="background-color: #0d77e2; border-color: #0d77e2">Toggle View</button>
            </div>
            <a id="checkLink" class="menulink">Select All</a>
            <a id="uncheckLink" class="menulink">Deselect All</a>
          </div>
          <div id="name-menu"></div>
          <div id="thumb-menu" class="hidden"></div>
        </div>
        <!-- /.navbar-static-side -->
        <div id="body" style="padding: 0px; height: 100%">
          <div id="wrapper" style="overflow-y: scroll; overflow-x: hidden"></div>
        </div>
      </div>

      <script>
        window.$ = window.jQuery = require('./vendor/jquery/jquery.min.js');
      </script>

      <script type="text/javascript" src="vendor/bootstrap/js/bootstrap.min.js"></script>
      <script type="text/javascript" src="./js/config.js"></script>
      <script src="main.js"></script>
      <script src="./js/utils.js"></script>
      <script src="./js/nav.js"></script>
      <script src="./js/charts.js"></script>
      <script src="./js/home.js"></script>
      <script src="./js/filter.js"></script>
      <script>
        var key = typeof config === 'undefined' ? "" : config.map_key
        var map_src = "https://maps.googleapis.com/maps/api/js?key=" + key
        var script = document.createElement('script')
        script.src = map_src
        document.getElementsByTagName('head')[0].appendChild(script);
      </script>
      <link rel="stylesheet" href="./node_modules/choices.js/assets/styles/css/choices.min.css">
      <script src="./node_modules/choices.js/assets/scripts/dist/choices.min.js"></script>
      <script>
        const {Menu, MenuItem} = electron.remote
        let rightClickPosition = null

        const menu = new Menu()
        const menuItem = new MenuItem({
          label: 'Inspect Element',
          click: () => {
            remote.getCurrentWindow().inspectElement(rightClickPosition.x, rightClickPosition.y)
          }
        })
        menu.append(menuItem)

        window.addEventListener('contextmenu', (e) => {
          e.preventDefault()
          rightClickPosition = {x: e.x, y: e.y}
          menu.popup(remote.getCurrentWindow())
        }, false)
      </script>
  </body>

</html>